开发指南专题二：JEECG微云快速开发平台JEECG框架初探

  开发指南专题二：JEECG微云快速开发平台JEECG框架初探

2.JEECG框架初探

2.1演示系统

打开浏览器输入JEECG演示环境地址：http://demo.jeecg.org:8090/可以看到如图21所示的登录界面。，

                                                                   图21演示系统登录界面

点击【登陆】按钮，进入演示系统的主界面，如图22所示。

 

                                                            图22演示系统主界面

在JEECG演示系统中的功能模块包括系统管理、流程管理、业务申请、业务办理、常用功能演示等。其中，用户管理、流程设计器的界面截图如图23和图24所示。

 

 

                                                            图23用户管理界面

 

                                                                图24流程设计器

1.1. 示例代码

用户管理中的用户列表和用户维护所用的jsp页面代码分别如图 25和图 26所示。

 

 

 

                                 图25列表页面代码

 

                                  图26用户管理页面代码

3.JEECG 注意规则

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"  οnclick="userMesearch()">查询</a>