xyzone 发表于 2014-5-22 15:54:18

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

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

2.JEECG框架初探

2.1演示系统

打开浏览器输入JEECG演示环境地址:http://demo.jeecg.org:8090/可以看到如图21所示的登录界面。,
http://img.blog.csdn.net/20140507222423906?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
                                                                   图21演示系统登录界面

点击【登陆】按钮,进入演示系统的主界面,如图22所示。
http://img.blog.csdn.net/20140507222729515?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
                                                            图22演示系统主界面

在JEECG演示系统中的功能模块包括系统管理、流程管理、业务申请、业务办理、常用功能演示等。其中,用户管理、流程设计器的界面截图如图23和图24所示。
http://img.blog.csdn.net/20140507222908921?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
                                             图23用户管理界面

http://img.blog.csdn.net/20140507223006593?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
                                                                图24流程设计器

1.1. 示例代码

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

http://img.blog.csdn.net/20140507223050000?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast

                                 图25列表页面代码
http://img.blog.csdn.net/20140507223131031?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdkYWlzY290dA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/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命名规范

.dategrid组件name


<t:dategrid name="userMe"


.组合查询DIV


<div id="userMetb"


.查询按钮对应的js方法


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

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

页: [1]
查看完整版本: 开发指南专题二:JEECG微云快速开发平台JEECG框架初探