需求:Jeecg代码生成器现有的风格不满足项目需求,需要自定义页面风格。
步骤:
1.先按照需求样式做一张表的信息维护界面,包括列表(用于展示所有数据),表单(用于增加修改单条记录)。
2.复制一份现有的模板文件包及其以下文件,修改文件名,修改OnlineGenerateEnum枚举类
3.按照视频所述依次修改文件
1.自定义表单模板-新增
(1).判断字段中是否有文件/图片类型的,若无,则不需要引入相关JS/css
(2).修改HTML title属性
(3).修改表单action
(4).循环列并修改样式
(5).注意pageColumns和pageAreatextColumns的区别
(6).若页面有文件上传需要修改文件上传的相关JS
2.自定义表单模板-修改(主要修改默认值)
(1).input:value="${'$'}{${entityName?uncap_first}Page.${po.fieldName}}"
(2).dictSelecttag宏 :valuePre = "${entityName?uncap_first}Page."
(3).t:dictSelect标签:defaultVal="${'$'}{${entityName?uncap_first}Page.${po.fieldName}}"
(4).日期:value='<fmt:formatDate value='${'$'}{${entityName?uncap_first}Page.${po.fieldName}}' type="date" pattern="yyyy-MM-dd"/>'
(5).时间:value='<fmt:formatDate value='${'$'}{${entityName?uncap_first}Page.${po.fieldName}}' type="date" pattern="yyyy-MM-dd hh:mm:ss"/>'
(6).若有文件字段需要回显文件列表供预览、下载、删除
3.模板文件中用到的参数讲解(见备注)
视频地址: 链接:https://pan.baidu.com/s/1JynIqaJ-DpvrKxkgH2P3ug 密码:95gr
备注信息:
属性 | 描述 |
---|---|
packageStyle | 代码生成弹出框内所选代码分层风格 |
bussiPackage | resources/jeecg/jeecg_config.properties中配置的bussi_package |
entityPackage | 代码生成弹出框内所填包名 |
entityName | 代码生成弹出框内所填实体类名 |
cgformConfig | org.jeecgframework.web.cgform.entity.generate.GenerateEntity |
columns | [org.jeecgframework.web.cgform.entity.config.CgFormFieldEntity] |
ftl_description | 代码生成弹出框内所填功能说明 |
pageColumns | [org.jeecgframework.web.cgform.entity.config.CgFormFieldEntity] |
pageAreatextColumns | [org.jeecgframework.web.cgform.entity.config.CgFormFieldEntity] |