随笔 - 408  文章 - 4 评论 - 11 阅读 - 30万
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

一、 业务背景

    客户需要快速开发一个信息采集的功能模块,并使用已规划好的页面,实现个性化页面展示,使用标准左右布局的Table或DIV风格的页面表现力不强,不能满足客户的个性化页面需要

二、 需求

 1、 快速开发

 2、 定制化界面

 3、 基本信息采集

三、 功能描述

 1、 实现基本的增删改查操作

 2、 一部分字段选项需要采用页面控件,如radio,日期控件,checkbox

 3、 对录入与查看编辑页面有要求

四、 开发过程

(一) 根据客户要求在线创建业务表单

(二)  编辑表单属性

 

 (三) 同步数据库

 

 (四) 数据录入测试

 

(五) 根据定制化界面制作界面模板

1. 编写模板

2. 列表模板autolist.ftl

3. 展示模板jfom.ftl 

4. 模板数据绑定

 4.1 Input框数据绑定

    写法是基本固定的.在绘制好页面代码以后,只需要在对应的input框的value部分写入需要绑定的字段列即可.

    例如绑定客户资料管理卡中的客户名称的代码为

[java] view plain copy
  1. value="${data['${tableName}']['**********']?if_exists?html}"  

 

    其中***********为在online表单开发里的对应字段的字段名称,而在这里完整代码应该为:

[java] view plain copy
  1. value="${data['${tableName}']['cust_name']?if_exists?html}"  

 4.2 Checkbox数据绑定

 

5. 制作缩略图

6. 将模板放入项目路径中:/src/main/resources/online

 

7、 转到[online表单风格]菜单进行数据录入

 

8、 页面模板与在线表单进行数据关联

 

9、 测试界面与数据录入

 

 

完成

posted on   zhangdaiscott  阅读(299)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示