主要學的架構：layout布局，tree元件，tab元件，簡單權限概念，datagrid元件，dialog元件，form元件
需求：完成背景主界面的搭建，單個菜單的管理功能(增删改查)
主要以需求來貫穿easyui的學習
通過layout元件來完成界面的布局
通過tree元件來完成左側菜單欄的展示
通過點選左側菜單，來打開右側頁籤，來學習tab元件
通過示範不同的使用者登入，看到不同的菜單，明确權限的用法
通過打開一個頁籤，展示一張表的資料，明确datagrid元件的用法
通過新增，修改使用者資訊，來明确dialog元件及form元件的用法
根據jquery的學習，我們知道如下三點：
元件式開發的概念
實體類的json串與map集合的json是一樣的
對map集合通用的查方法
ui架構在市面上有如下三種(除了分布式)
本次講的是單機項目，隻有一個伺服器。分布式會有五六台上十台伺服器
easyui=jquery+html4（用來做背景的管理界面）：
（流行）市面上已經被淘汰，但它是免費的。
bootstrap=jquery+html5 ：
（流行）支援響應式，它的樣式不會根據你界面的分辨率調大調小而失效。布局和背景互動需要花錢。就相當于eayui能做的功能bootstrap也能完成，但bootstrap能做的更好看，缺點:要錢
layui：
支援響應式，2016年出來的一種架構，發展曆史短，架構不夠完善，架構本身存在bug。特點：做的東西好看，但是有些需求不夠完善，能開發。
小結：
本次需求案例用easyui做，其他兩個都能做。
為什麼選easyui來學：第一點：不要錢。第二點：功能完善；第三點：api最全
bootstrap:api網上要零零散散的找
layui:發展曆史較短，api相當于easyui沒有那麼全
案例：
通過layout布局
通過tree加載菜單
通過菜單去打開不同的tab頁
學習前端架構：
api
jar包
代碼示範
首先需要布局，導jar包：
第一步：看api
第二步：看demo
界面效果圖
看api學習：
運作結果：
注意：路徑，順序(一定按照别人官方文檔順序加載)
左側加載
看demo樹形tree加載：
出現如下效果：
看api:
建立js檔案
注意：要和jsp和json資料在同級目錄
然後去index.jsp 引入json
鍵不能變，值可變
實體類的描述
自定義mvc架構
導入需要用到的jar包：
web.xml配置中央控制器
工具類
連結：https://pan.baidu.com/s/1lhZ_nv5Vn0GcPgdNEJzD9w 提取碼：qt7t
MenuDao
MenuAction
配置web.xml
建立conf檔案下mvc.xml
修改js
index.jsp首頁面
運作效果如下