EasyUI搭建前端框架
前言:
最近在忙公司的項目,也沒太多時間來更新博客,謝謝大家的關注。
好啦,有了前面的系統整體簡介和用戶登錄界面,我們開始使用EasyUI搭建前端頁面框架!
EasyUI官方API中文版,這里給大家提供三個版本(本系統采用的是1.3.2版本):
1.3.0:http://pan.baidu.com/s/1eQiQHoA
1.3.2:http://pan.baidu.com/s/1pJkAmDX
1.3.5:http://pan.baidu.com/s/1bnGgMB1
1.3.5是最新的版本。
正題:
布局呢,還是采用比較經典的左右布局吧,左邊菜單導航,右邊TAB頁,每一個TAB頁均為一個Iframe。每一個TAB頁都是可以單獨刷新、關閉、關閉其他等功能。
下面開始繼續創建視圖吧,在View/Home下添加Index視圖,代碼如下:

其中TAB標簽的Js代碼如下(網上有很多的):

lz這里用的EasyUI藍色皮膚,還有幾款皮膚也不錯,大家看自己的喜好來。
皮膚下載地址:http://pan.baidu.com/s/1hq41tXi
好啦,大家看下效果圖吧:
准備:
Entity Framework DB First.