今天给大家演示一下新云地段平台的前端页面的开发功能。首先打开一个新的页面,前段页面包含了以下几大功能:第一页面组件,第二页面舞台,第三组建的样式配置,第四组建的数据配置以及组建的事件配置。
接下来我一步给大家演示一下。
·可以添加一个布局容器来进行布局,可以添加一个表格,可以添加一个折线图,并且对它的宽度进行设置,也可以添加一个柱状图,同时可以设置它的宽度。通过样式的配置可以修改表格的一些基础配置。
·接下来介绍一下组建的数据配置。组建的数据一般来自于后端接口,可以添加一个接口,接口包含了本项目的一个本身接口,也可以调用第三方系统的接口,比如说vip系统的接口或者是mas系统的接口。
本次演示先以本项目的后端接口为主,选择一个销售统计的接口,然后接口配置接口的输入参数,配置组建的数据绑定,进一步配置表格的列名,也可以添加表格每行的操作项,就完成了数据的配置。
·接下来演示一下图表的配置。同样使用这个接口的数据,可以选择横列、横轴、纵轴,这样就完成了图表的设置。
·接下来配置一下数据事件触发,修改按钮的名称查询,配置按钮的事件,比如刷新表格的数据,表格折线图的数据刷新完成以后也可以弹出提示框刷新成功,这样就完成了一个页面的布局、组建的配置以及事件。
·接下来保存页面来测试一下,预览一下功能,这个就是开发的新功能,可以输入查询条件,根据新的查询条件显示新的数据,并且弹出了提示框刷新成功。
·接下来配置表格的事件,配置修改功能,可以在这里配置操作项,配置修改操作项的点击事件,可以跳或者新的页面进行修改。
·是在当前页面选择一个页面,比如是编辑页面,当然也可以传餐,这个就不传了,保存一下,刷新一下原来的页面,点击修改,这就跳转了一个新的页面。
这个就是pc端的页面的主要开发功能,详细内容将在后续的章节中逐步讲解。今天先讲到这里,谢谢大家。