jeesite應用實戰（數據增刪改查）

jeesite配置指南（官方文檔有坑，我把坑填了！）這篇文章里，我主要把jeesite官方給出的幫助文檔的坑填了，按照里面的方法可以搭建起來jeesite的站點。系統可以運行以后，就可以進入開發模塊了，我們先從數據的增刪改查做起。

一、頁面效果

很簡單，涉及到的就是數據的增刪改查。

二、如何利用jeesite做呢？

上面我們也看到了，功能很簡單，那么怎么利用jeesite做呢？jeesite能給我們提供什么便利呢？

第一步、建表

利用jeesite之前，要先建數據表。

至於怎么建表，方法太多了，怎么建都行，但是圖中標出的紅色部分的字段為必須字段，jeesite要用。

第二步、利用jeesite生成代碼

1.點擊【代碼生成】，點擊【業務表配置】，點擊【業務表添加】

選中第一步中創建的表后，點擊【下一步】，這個表已經添加過了，所以失敗了。

如果成功的話，是這樣的界面。

點擊【保存】，可以看到如下信息。

然后，我們點擊【生成方案配置】，點擊【添加】，填寫對應的信息，如下。

注意： 
1. 模板分類要選擇“增刪改查（單表）”。 
1. 生成的模塊名為設定好的模塊名，如esi為電商資訊模塊名（約定俗成好的） 
2. 選擇對應的業務表名，如esi_elec_dynamic表。 
3. 如果以前已經生成過了，現在要替換，那么就勾選上【是否替換現有文件】的復選框。 
4. jeesite在Mac系統下無法生成代碼，所以這一步要在Windows下完成。點擊【保存並生成代碼】生成完后，jeesite會提示生成的路徑，包含了webcontent目錄下和src目錄下的文件夾。

第二步、復制代碼到工作庫

關鍵，根據jeesite提示的路徑找到文件夾后，將對應的文件夾放在對的目錄下，一定要正確。

第三步、新建菜單

點擊【系統設置】-》【菜單管理】-》【菜單添加】。

添加完橫向導航條的菜單后，繼續添加菜單，分別如下圖。

鏈接的文本框怎么填呢？

和@RequestMapping相呼應。

權限標識呢？

和該EsiElecDynamicController.java類中的@RequiresPermissions相呼應。

第四步、新建字典

注意排序和鍵值。

第五步、分配角色

例子中只是對admin用戶添加了行業動態的權限。可自行配置。

第六步、字典應用

添加動態的時候，可以看到有選項，分別為發布和審核，這個時候就需要應用字典數據了。

esiElecDynamicForm.jsp代碼片段

<shiro:hasPermission name="cms:article:audit"> <div class="control-group"> <label class="control-label">發布狀態:</label> <div class="controls"> <form:radiobuttons path="delFlag" items="${fns:getDictList('esi_audit_status')}" itemLabel="label" itemValue="value" htmlEscape="false" class="required"/> <span class="help-inline"></span> </div> </div> </shiro:hasPermission>

最外層的是權限設置，注意form:radiobuttons path="delFlag" items="${fns:getDictList('esi_audit_status')}"。

1. path的值對應的是EsiElecDynamic.java類中的字段。
2. items就是從字典中取出的值了。

第七步、顯示發布人

顯示發布人，需要關聯到幾個地方，一定要注意。

第一處，esiElecDynamicList.jsp

<td>${esiElecDynamic.user.name}</td>

第二處，EsiElecDynamic.java

private User user; public User getUser() { return user; } public void setUser(User user) { this.user = user; }

第三處，EsiElecDynamicDao.xml

<sql id="esiElecDynamicColumns"> a.id AS "id", a.title AS "title", a.content AS "content", a.files AS "files", a.create_by AS "createBy.id", a.create_date AS "createDate", a.update_by AS "updateBy.id", a.update_date AS "updateDate", a.remarks AS "remarks", a.del_flag AS "delFlag", u.name AS "user.name" </sql> <sql id="esiElecDynamicJoins"> JOIN sys_user u ON u.id = a.create_by </sql>

第八步、設置列寬

esiElecDynamicList.jsp

<th>標題</th> <th width="30%">發布內容</th> <th>發布者</th> <th width="20%">發布時間</th> <shiro:hasPermission name="esi:esiElecDynamic:edit"> <th>操作</th> </shiro:hasPermission>

第九步、增加狀態的選擇查詢

當點擊發布、審核單選按鈕的時候，我們希望頁面能自動查詢，怎么做呢？

esiElecDynamicList.jsp

<li><label>狀態：</label> <form:radiobuttons onclick="$('#searchForm').submit();" path="delFlag" items="${fns:getDictList('esi_audit_status')}" itemLabel="label" itemValue="value" htmlEscape="false" /></li>

1. path=”delFlag”會關聯到數據庫中的del_flag字段。
2. onclick時提交表單。