第一節：
前言（技術簡介）
EasyUI 是一套 js的前端框架 利用它可以快速的開發出好看的 前端系統 web 它是在jquery的框架基礎上面
現在越來越多的 企業用它來開發web系統
extjs (功能很強大 但是非常複雜 速度 我感覺也沒有 easyui快)
easyui （比較適合初學者 小巧 而且 速度感覺還是可以 相對ext來說 ）
ASP.NET MVC
Sqlite 數據庫
（一個小型的數據庫 不用安裝 很多單機軟件 利用他來做數據保存）
工具 動軟代碼生成器 IDE(VS2010)
物理框架是 win7 64位
邏輯框架 三層 data business UI
MVC ASP.NET MVC
MVC 是在 .net 3.5 以後纔有的一個東西
下載easyui
外鏈資源：
easyui下載 地址：http://www.jeasyui.com/download/downloads/jquery-easyui-1.3.2.zip
在asp.net MVC中添加 easyui
第二節：
創建一個home頁的view
index.aspx 在裏面添加easyui的應用支持（添加js 和css）
<script src="../../Content/Easyui/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="../../Content/Easyui/jquery.easyui.min.js" type="text/javascript"></script> <script src="../../Content/Easyui/easyui-lang-zh_CN.js" type="text/javascript"></script> <link href="../../Content/Easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="../../Content/Easyui/themes/icon.css" rel="stylesheet" type="text/css" />
佈局 我們使用 easyui的 layout
<body class="easyui-layout"> <div data-options="region:'north',border:false" style="height:40px;background:#0099C8;padding:10px">logo</div> <div data-options="region:'west',split:true,title:'菜單欄'" style="width:150px;padding:10px;"> <ul id="tt"></ul> </div> <div data-options="region:'south',border:false" style="height:20px;background:#ccc;padding:1px;">北盟學習社區 當前登錄人： admin</div> <div data-options="region:'center',title:'Center'"></div> <script type="text/javascript"> $('#tt').tree({ url: '/Prim/Index', checkbox: true }); </script> </body>
這樣 一個簡單的佈局 就搞定了
easyui 佈局的時候 我們要修改layout panel的一些樣式
但這裏有一點要注意的 就是 五個region 其他都可以沒有 但是 “'center',title:'” 這個 必須有
<div data-options="region:'north',border:false" style="height:40px;background:#0099C8;padding:10px">logo</div> <div data-options="region:'west',split:true,title:'菜單欄'" style="width:150px;padding:10px;"> <ul id="tt"></ul> </div> <div data-options="region:'south',border:false" style="height:20px;background:#ccc;padding:1px;">北盟學習社區 當前登錄人： admin</div> <div data-options="region:'center',title:'Center'"></div>
視頻下載地址：外鏈資源：Easyui+asp.net mvc實用教程 第01節
Easyui Mvc Sqlite介紹 和三層的搭建
外鏈資源：第02節 Easyui的引入和搭建 佈局
外鏈資源：Easyui+asp.net mvc實用教程第03節
[北盟學習bamn.cn][Easyui+asp.net mvc實用教程] 第08節 tab動態顯示一個獨立的頁面
http://pan.baidu.com/share/link?shareid=3973583294&uk=540184145
[北盟學習bamn.cn][Easyui+asp.net mvc實用教程] 第07節 Easyui的Tab的使用 動態添加 tab 和easyui的事件 方法 屬性的調用形式
http://pan.baidu.com/share/link?shareid=3981103915&uk=540184145
[北盟學習bamn.cn][Easyui+asp.net mvc實用教程] 第05節 Easyui的accordion的使用 修改圖標
http://pan.baidu.com/share/link?shareid=3986162885&uk=540184145
[北盟學習bamn.cn][Easyui+asp.net mvc實用教程] 第04節 Easyui的tree控件的使用 html形式 json形式 和修改圖標
http://pan.baidu.com/share/link?shareid=3992365026&uk=540184145
源碼下載：http://www.bamn.cn/viewthread.php?tid=21&extra=page%3D1
第六集 視頻下載
第06節 Easyui的Tab的使用 和菜單的點擊事件 菜單添加URL
http://pan.baidu.com/share/link?shareid=733465464&uk=540184145