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

2.JEECG框架初探

2.1演示系统

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">,

1演示系统登录界面

点击【登陆】button,进入演示系统的主界面,如图22所看到的。

开发指南专题二:JEECG微云高速开发平台JEECG框架初探-LMLPHP

演示系统主界面

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

开发指南专题二:JEECG微云高速开发平台JEECG框架初探-LMLPHP

图23用户管理界面

开发指南专题二:JEECG微云高速开发平台JEECG框架初探-LMLPHP

流程设计器

1.1. 演示样例代码

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

开发指南专题二:JEECG微云高速开发平台JEECG框架初探-LMLPHP

图25列表页面代码

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

用户管理页面代码

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].查询button相应的js方法

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

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

04-09 06:56