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

xyzone

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

2.JEECG框架初探

2.1演示系统

打开浏览器输入JEECG演示环境地址：http://demo.jeecg.org:8090/可以看到如图21所示的登录界面。，
http://img.blog.csdn.net/2014050 ... 0/gravity/SouthEast
                                                                   图21演示系统登录界面

点击【登陆】按钮，进入演示系统的主界面，如图22所示。
http://img.blog.csdn.net/2014050 ... 0/gravity/SouthEast
                                                            图22演示系统主界面

在JEECG演示系统中的功能模块包括系统管理、流程管理、业务申请、业务办理、常用功能演示等。其中，用户管理、流程设计器的界面截图如图23和图24所示。
http://img.blog.csdn.net/2014050 ... 0/gravity/SouthEast
                                               图23用户管理界面

http://img.blog.csdn.net/2014050 ... 0/gravity/SouthEast
                                                                图24流程设计器

1.1. 示例代码

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

http://img.blog.csdn.net/2014050 ... 0/gravity/SouthEast

                                 图25列表页面代码
http://img.blog.csdn.net/2014050 ... 0/gravity/SouthEast
                                  图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"

onclick="userMesearch()">查询</a>