使用微搭搭建网页之创建简单的数据模型应用
由于微搭中的表格组件只能在数据模型应用中使用,所以我们在使用微搭搭建一个后台管理系统的时候需要创建数据模型应用
(1)新建数据模型应用
在创建应用的界面中点击新建数据模型应用并为其配置相应的数据源
应用创建完成后会自动生成4个页面,接下来我们可以去选择要展示的数据,在列管理中默认显示数据源中所有自己添加的字段,我们可以自由选择要展现的字段,也可以通过添加列展现通过加工后的数据。(在列的右侧长按左键可以拖动列,改变他们展示的顺序)
同理,我们在其他几个页面中也可以通过勾选字段来决定哪些字段是需要被操作的。
(2) 展现自定义数据列
在表格组件中,除了默认展示数据源中的数据字段外还可以添加自定义列,通过新增列,然后展示内容选择自定义就可以添加自定义列了。
在自定义列添加完成后我们为其绑定数据,点击大纲树,找到刚才添加的自定义列,然后再组件列表中找到想要的组件拖入到插槽处,下面的例子中我们将拖动一个文本作为例子。
自定义列中放入组件后,我们需要为组件绑定数据,点击右侧的链接,会有一个弹窗,我们可以在弹窗中选择绑定变量,或者绑定表达式。在此我们已绑定表达式为例。
通过表达式,我们可以对原始数据经过加工再展现(经测试,可以通过表达式绑定变量,但是不能通过表达式调用页面中的方法返回想要的值)
$scope.{idxxx}.cell_{fieldxxx}.{propxxx} === 0 ? '已完成' : '未完成'
idxxx: 当前表格组件的 id
fieldxxx: 当前列绑定的字段标识
propxxx: 当前行列信息属性,可获取属性如下
属性标识 属性含义 类型 |
record 行记录 object
rowKey 单元格值 string
recordIndex 行序号 number
column 列配置 object
columnIndex 列序号 number
(3)添加角色和访问权限
数据模型应用和自定义表单应用有所不同,并不是所有人都可以访问的,所以我们要建立一个用户来访问这个应用。
首先在控制台中进入角色页面,然后新建一个角色,接着为该角色勾选应用的访问权限和数据模型权限。(其中数据模型权限需要勾选所有用到的数据源,如果有用到自定义连接器,别忘了把自定义连接器也要勾选上)
权限设置完毕后,我们可以创建一个新的用户,并把这个用户和刚才的角色关联上,这样就可以使用这个用户去访问我们新搭建的应用了。
至此,一个简单的数据模型应用也搭建完成了。