表单视图
<h2>表单视图</h2>
<p>数据的新增、修改甚至是查看都是一个表单。
上面列的几种视图最终都会使用表单视图维护数据。</p>
<ul>
<li>最基础的表单：
<img src="http://resh.bblocks.cn/doc/form/form_easy.png" alt="简单表单" /></li>
<li>经过排版的表单：
<img src="http://resh.bblocks.cn/doc/form/form2.png" alt="排版表单" />
目前好像排版不好看，还在考虑怎么设计这个表单</li>
</ul>
<p>先介绍下我们的表单的概念：</p>
<ul>
<li>第一种是简单表单，属于平铺式，按照字段的顺序一行一个字段（宽度是页面宽度）,配置数据在元对象的字段中，如：新增状态、更新状态，是否必填，默认值，ui校验器等</li>
<li>
<p>第二种是排版表单，经过表单设计器设计出来，比如一行几格（1行最多12格），每格是哪个字段，最种会形成配置json，如下（此为<strong>元数据管理=》元对象o_notice=》修改=》拓展配置</strong>）：</p>
<p>{
"updateForm":{ --表单名
"force":2,
"list":[
{
"name":"基础信息", --分组面板名
"order":1, --分组面板号
"datas":[
{
"line":1, --面板内的行序号
"data":[ --一行数据
{
"width":"6", --字段所占宽度
"name":"标题", --字段中文名
"explain":"标题[title]", --字段标题（鼠标移入会显示）
"id":"title", --字段名
"defaultVal":"", --默认值 支持beetl表达式
"placeholder":"", --提示内容
"verify":"length[5~50]", --校验
"ismust":true, --是否必填
"readOnly":false --是否只读
},
{
"width":"6",
"name":"颜色",
"explain":"颜色[color]",
"id":"color",
"defaultVal":"",
"placeholder":"请选择",
"verify":"",
"ismust":true,
"readOnly":false
}
]
},
{
"line":2,
"data":[
{
"width":"12",
"name":"内容",
"explain":"内容[content]",
"id":"content",
"defaultVal":"",
"placeholder":"",
"verify":"length[5~200] ",
"ismust":true,
"readOnly":false
}
]
},
{
"line":3,
"data":[
{
"width":"12",
"name":"创建人",
"explain":"创建人[create_user]",
"id":"create_user",
"defaultVal":"",
"placeholder":"请选择",
"verify":"",
"ismust":true,
"readOnly":true
}
]
}
]
},
{
"name":"隐藏域",
"order":0,
"datas":[
{
"line":1,
"data":[
{
"id":"id",
"defaultVal":"",
"placeholder":"",
"ismust":false
}
]
}
]
}
]
}
}</p>
</li>
<li>默认的新增、修改、查看默认分配三个视图名：addForm、updateForm、detailForm</li>
</ul>
<p>PS:<strong>排版表单优先执行,即添加了排表配置即会显示排版表单视图，默认为简单表单</strong></p>
<p>现在我们开始说明表单视图使用：</p>
<ol>
<li>默认生成视图会自带新增，编辑，查看</li>
<li>如需简单调整，在 对应的<strong>元对象=>字段</strong>中，如：新增状态、更新状态，是否必填，默认值，ui校验器等，顺序是根据"排序"字段确定，部分控件有高度控制需要比如：文件域、编辑域</li>
<li>如果排版字段不能满足需求，即可进入表单设计环节</li>
</ol>
<h1>表单设计</h1>
<ol>
<li>任何一张表单视图打开，最底部有“<strong>表单设计</strong>”按钮，点击进入表单设计界面(<strong>请用超管账户“bb”打开表单其他用户无表单设计功能</strong>)
<img src="http://resh.bblocks.cn/doc/form/form3.png" alt="启动表单设计" /></li>
<li>使用前请阅读“说明”，按步骤操作
<blockquote>
<p>个人喜好,第一步设计好布局，第二步拉入字段
<img src="http://resh.bblocks.cn/doc/form/form4.0.png" alt="表单布局" />
<img src="http://resh.bblocks.cn/doc/form/form4.png" alt="表单填充字段" /></p>
</blockquote></li>
<li>配置字段属性
<img src="http://resh.bblocks.cn/doc/form/zd.png" alt="配置字段属性" /></li>
<li>确认无误点击“生成”然后保存，此json将会存入元对象的“<strong>拓展配置</strong>”字段,属性为：表单名（xxForm）</li>
<li>自己新增的按钮也按此规则使用表单设计</li>
</ol>
<p>PS1:<strong>目前没有根据配置数据渲染出初始的设计表单，所以设计界面轻易不要关闭，如果真关了想做局部调整还是手工撸json更快点</strong>
PS2:<strong>"默认显示属性"，会在表单控件拉入布局系统默认弹出属性框让用户配置属性，如果只是想布局后配置参数可以去掉默认勾选</strong>
PS3：<strong>视图打开形式全屏打开、弹出窗口（默认），在 按钮管理=》右表 中的最后一个字段“全屏打开”勾选</strong></p>