天天看點

開發指南專題二:JEECG微雲快速開發平台JEECG架構初探 2.JEECG架構初探3.JEECG 注意規則

    開發指南專題二:jeecg微雲快速開發平台jeecg架構初探

打開浏覽器輸入jeecg示範環境位址:可以看到如圖21所示的登入界面。

開發指南專題二:JEECG微雲快速開發平台JEECG架構初探 2.JEECG架構初探3.JEECG 注意規則

                                                                   圖21示範系統登入界面

點選【登陸】按鈕,進入示範系統的主界面,如圖22所示。

開發指南專題二:JEECG微雲快速開發平台JEECG架構初探 2.JEECG架構初探3.JEECG 注意規則

                                                            圖22示範系統主界面

在jeecg示範系統中的功能子產品包括系統管理、流程管理、業務申請、業務辦理、常用功能示範等。其中,使用者管理、流程設計器的界面截圖如圖23和圖24所示。

開發指南專題二:JEECG微雲快速開發平台JEECG架構初探 2.JEECG架構初探3.JEECG 注意規則

                                                            圖23使用者管理界面

開發指南專題二:JEECG微雲快速開發平台JEECG架構初探 2.JEECG架構初探3.JEECG 注意規則

                                                                圖24流程設計器

使用者管理中的使用者清單和使用者維護所用的jsp頁面代碼分别如圖 25和圖 26所示。

開發指南專題二:JEECG微雲快速開發平台JEECG架構初探 2.JEECG架構初探3.JEECG 注意規則

                                 圖25清單頁面代碼

開發指南專題二:JEECG微雲快速開發平台JEECG架構初探 2.JEECG架構初探3.JEECG 注意規則

                                  圖26使用者管理頁面代碼

1. 清單頁面,datagrid的name屬性不允許存在重複的,否則頁面顯示白闆:

<t:dategrid name="jeecgdemolist" title="開發demo清單" 

actionurl="jeecgdemocontroller.do?datagrid" idfield="id" fit="true"> 

2. 表單驗證采用validform

3. 時間控件采用my97,不要使用easyui的時間控件,因為加載效率慢

4. 上傳檔案使用規則

使用swfupload插件上傳,可同時傳多個檔案,需要安裝falsh軟體,

    <div class="form">

     <t:upload name="fiels" buttontext="上傳檔案" 

    uploader="systemcontroller.do?savefiles" extend="office" 

    id="file_upload" formdata="documenttitle"></t:upload>

    </div>

    <div class="form" id="filediv" style="height:50px">

    </div> 

extend:office表示可上傳offices格式字尾的檔案,pic表示可上傳圖檔格式字尾的檔案

上傳檔案大小:未限制

5. 流程配置表單後,業務申請必須重新建立  

6. jsp代碼注釋規範,采用隐式注釋不能用顯式注釋,不然标簽還是能讀到 :

隐式注釋:<%-- --%>  

顯式注釋:<!-- --> 

7. 表單布局兩種風格:1.table 2.div 

1.table    例如:jeecg/demo/jeecgdemo/jeecgdemo.jsp  

2.div      例如:webpage/system/role/role.jsp 

8. postgres 資料庫建表規範

字段名字大小寫有差別,請注意

9. 菜單采用frame方式打開方法

datasourcecontroller.do?godruid&isiframe 

10. 頁面元件id命名規範

[1].dategrid元件name

<t:dategrid name="userme"

[2].組合查詢div

<div id="usermetb"

[3].查詢按鈕對應的js方法

<a href="#" class="easyui-linkbutton" iconcls="icon-search" 

onclick="usermesearch()">查詢</a>

繼續閱讀