代码拉取完成,页面将自动刷新
同步操作将从 萧明/JFormParser 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
#JFormParser
JFormParser插件:根据json结构,生成页面,达到解放后端开发人员的目的,降低后端对前端开发要求,后端专心开发后台接口等服务程序,前期以表单元素为主,后期会增加更多页面元素的支持
#JFormParser依赖
目前主要依赖bootstrap css框架、jQuery两大流行核心组件,设计之初想法是降低对各个插件的依赖耦合度,构造的页面元素使用其他插件也能达到多样化可替换,使得页面效果更加丰富
##各个组件:
#JFormParser元素
根据众多元素,构建丰富多彩的页面,目前支持的插件如下:
#JFormParser页面模板
目前模板主要是两个,一个是列表页模板、一个FORM表单页模板
##列表模板
json结构体示例:
{
"component_name":"scenic_form",
"component_title":"景区form",
"template_type":"list",
"navs_title":"景区标准化管理 > 景区管理 > 景区列表",
"navs":[{"title":"景区标准化管理","icon":"","url":""},{"title":"景区管理","icon":""},{"title":"景区列表","icon":""}],
"resource_name":"scenic_info",
"submit_url":"/cms/template/submit.htm",
"childrens":[{
"element_type":"panel",
"element_title":"景区查询",
"whether_header":false,
"whether_border":false,
"container":true,
"childrens":[
{
"element_type":"datagrid",
"element_title":"景区查询",
"is_remote":true,
"is_operate":true,
"operate_title":"操作",
"operate_buttons":[
{"element_type":"button","type":"edit","element_title":"编辑","remote_url":"/cms/template/template_form.htm","params":{"url":"/json/baotou/scenic/scenic_form.json"}},
{"element_type":"button","type":"delete","element_title":"图片","remote_url":"/cms/template/delete.htm"},
{"element_type":"button","type":"delete","element_title":"视频","remote_url":"/cms/template/delete.htm"},
{"element_type":"button","type":"delete","element_title":"音频","remote_url":"/cms/template/delete.htm"},
{"element_type":"button","type":"delete","element_title":"删除","remote_url":"/cms/template/delete.htm"}],
"pagination":true,
"remote_url":"/cms/template/get_remote_list.htm",
"columns":[
{"field":"title","title":"景区名称"},
{"field":"level","title":"景区等级"},
{"field":"lawyer","title":"法人代表"},
{"field":"person_liable","title":"负责人"},
{"field":"phone","title":"手机号码"},
{"field":"tel","title":"电话"},
{"field":"fax","title":"传真"},
{"field":"approve_date","title":"批准时间"},
{"field":"approve_date","title":"地理位置"}],
"childrens":[
{
"element_type":"text",
"element_title":"景区名称",
"meta_column":"title",
"is_query":true,
"direction":"left",
"width":"100%"
},{
"element_type":"text",
"element_title":"景区等级",
"meta_column":"level",
"is_query":true,
"direction":"left",
"width":"100%"
},{
"element_type":"button",
"element_title":"查询",
"type":"query",
"remote_url":"/cms/template/get_remote_list.htm",
"params": {
"params": "{resource_name: scenic_info}"
}
},{
"element_type":"buttonGroup",
"element_title":"操作按钮组",
"align":"left",
"childrens":[
{"element_type":"button","type":"link","element_title":"新增景区","remote_url":"/cms/template/template_form.htm","params":{"url":"/json/baotou/scenic/scenic_form.json"}},
{"element_type":"button","type":"link","element_title":"删除","remote_url":"/cms/template/template_form.htm","params":{"url":"/json/baotou/scenic/scenic_form.json"}},
{"element_type":"button","type":"link","element_title":"导入","remote_url":"/cms/template/template_form.htm","params":{"url":"/json/baotou/scenic/scenic_form.json"}},
{"element_type":"button","type":"link","element_title":"导出","remote_url":"/cms/template/template_form.htm","params":{"url":"/json/baotou/scenic/scenic_form.json"}}
]
}
]
}
]
}
]
}
##效果如下
##FORM表单模板
json结构体示例:
{
"component_name":"trips_form",
"component_title":"行程form",
"template_type":"form",
"navs_title":"信息管理 > 行程管理 > 行程维护",
"navs":[{"title":"信息管理","icon":"","url":""},{"title":"行程管理","icon":""},{"title":"行程维护","icon":""}],
"resource_name":"trips_info",
"submit_url":"/cms/template/submit.htm",
"init_url":"/cms/template/get_form_data.htm",
"childrens":[
{
"element_type":"panel",
"element_title":"基础信息",
"container":true,
"childrens":[
{
"element_type":"grid",
"cols":3,
"rows":"3",
"childrens":[{
"element_type":"text",
"element_title":"行程名称",
"meta_column":"title",
"is_required":true
},{
"element_type":"select",
"element_title":"行程类型",
"is_required":true,
"meta_column":"type",
"is_fk":true,
"fk_resource_name":"scenic_spot_info",
"fk_meta_column":"id",
"fk_meta_column_show":"title",
"data":[
{"text":"交通","value":"jt"},
{"text":"会议","value":"hy"},
{"text":"入住","value":"rz"},
{"text":"用餐","value":"yc"},
{"text":"考察","value":"kc"}
],
"is_remote":false,
"remote_url":""
},{
"element_type":"text",
"element_title":"开始时间",
"meta_column":"start_time",
"is_required":true
},{
"element_type":"checkboxGroup",
"element_title":"参与小组",
"is_required":true,
"meta_column":"team_infos",
"fk_resource_name":"team_info",
"fk_meta_column":"id",
"fk_meta_column_show":"name",
"is_remote":true,
"width":"100%",
"remote_url":"/cms/template/get_remote_data.htm"
}]
}
]
},{
"element_type":"panel",
"element_title":"详情",
"container":true,
"childrens":[
{
"element_type":"editor",
"meta_column":"intro",
"width":"400px",
"height":"300px"
}
]
},{
"element_type":"buttonGroup",
"element_title":"",
"align":"center",
"childrens":[
{"element_type":"button","type":"submit","element_title":"提交","remote_url":"/cms/template/submit.htm","width":"80px","action_url":"/cms/template/template_list.htm","params":{"url":"/json/shengsi/trips/trips_list.json"}},
{"element_type":"button","type":"link","element_title":"返回","remote_url":"/cms/template/template_list.htm","params":{"url":"/json/shengsi/trips/trips_list.json"},"width":"80px"}
]
}
]
}
##FORM模板效果如下:
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。