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

谁借莪１个温暖的怀抱￠ 2022-05-28 13:54 320阅读 0赞

#     #

# 2.JEECG框架初探 #

##     ##

## 2.1演示系统 ##

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

图21演示系统登录界面

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

![SouthEast 1][]

图22演示系统主界面

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

![SouthEast 2][]

图23用户管理界面

![SouthEast 3][]

图24流程设计器

## 1.1. 示例代码 ##

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

![SouthEast 4][]

图25列表页面代码

![SouthEast 5][]

图26用户管理页面代码

# 3.JEECG 注意规则 #

1. 列表页面，datagrid的name属性不允许存在重复的，否则页面显示白板：

<table style="width:797.6px;color:rgb(85,85,85);font-size:15px;background-color:rgb(255,255,255);"> 
 <tbody> 
  <tr> 
   <td><p><span style="font-size:18px;">&lt;t:dategrid&nbsp;name="jeecgDemoList"&nbsp;title="开发DEMO列表"&nbsp;</span></p><p><span style="font-size:18px;">actionUrl="jeecgDemoController.do?datagrid"&nbsp;idField="id"&nbsp;fit="true"&gt;&nbsp;</span></p></td> 
  </tr> 
 </tbody> 
</table>

2. 表单验证采用Validform

3. 时间控件采用my97，不要使用easyui的时间控件，因为加载效率慢

4. 上传文件使用规则

使用SWFUpload插件上传，可同时传多个文件，需要安装Falsh软件，

<table style="width:797.6px;color:rgb(85,85,85);font-size:15px;background-color:rgb(255,255,255);"> 
 <tbody> 
  <tr> 
   <td><p><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class="form"&gt;</span></p><p><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;t:upload&nbsp;name="fiels"&nbsp;buttonText="上传文件"&nbsp;</span></p><p><span style="font-size:18px;">&nbsp; &nbsp; uploader="systemController.do?saveFiles"&nbsp;extend="office"&nbsp;</span></p><p><span style="font-size:18px;">&nbsp; &nbsp; id="file_upload"　formData="documentTitle"&gt;&lt;/t:upload&gt;</span></p><p><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;</span></p><p><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class="form"&nbsp;id="filediv"&nbsp;style="height:50px"&gt;</span></p><p><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;&nbsp;</span></p></td> 
  </tr> 
 </tbody> 
</table>

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方式打开方法

<table style="width:797.6px;color:rgb(85,85,85);font-size:15px;background-color:rgb(255,255,255);"> 
 <tbody> 
  <tr> 
   <td><p><span style="font-size:18px;">dataSourceController.do?goDruid&amp;isIframe&nbsp;</span></p></td> 
  </tr> 
 </tbody> 
</table>

10. 页面组件ID命名规范

\[1\].dategrid组件name

\[2\].组合查询DIV

<table style="width:797.6px;color:rgb(85,85,85);font-size:15px;background-color:rgb(255,255,255);"> 
 <tbody> 
  <tr> 
   <td><p><span style="font-size:18px;">&lt;div&nbsp;id="<span style="color:rgb(255,0,0);">userMe</span>tb"</span></p></td> 
  </tr> 
 </tbody> 
</table>

\[3\].查询按钮对应的js方法

<table style="width:797.6px;color:rgb(85,85,85);font-size:15px;background-color:rgb(255,255,255);"> 
 <tbody> 
  <tr> 
   <td><p><span style="font-size:18px;">&lt;a&nbsp;href="#"&nbsp;class="easyui-linkbutton"&nbsp;iconCls="icon-search"&nbsp;</span></p><p><span style="font-size:18px;">οnclick="<span style="color:rgb(255,0,0);">userMe</span>search()"&gt;查询&lt;/a&gt;</span></p></td> 
  </tr> 
 </tbody> 
</table>

[http_demo.jeecg.org_8090]: http://demo.jeecg.org:8090/
[SouthEast]: /images/20220528/8030156a367c485faea3d51e1638456d.png
[SouthEast 1]: /images/20220528/3c2e09ba799e418dbf4fd69b6caeb1b7.png
[SouthEast 2]: /images/20220528/c10c9f9a7289429c800562edc7415fe4.png
[SouthEast 3]: /images/20220528/db951be4b07c41fb87be918a1daadfaa.png
[SouthEast 4]: /images/20220528/3bd777f5e03e4eefb6043cd9b57a0c85.png
[SouthEast 5]: /images/20220528/67d010148387461daa2db75250a3d540.png