拖拽网页设计 第1篇
我们将上面实现的这个页面上线到业务系统中，无非就是给用户配置角色，给角色配置菜单等等方式，这里不再演示，其中新增一个菜单用来跳转这个页面，给菜单配置一个页面，即指向我们刚才设计的页面，也就是将新增的菜单和我们刚才新建的页面id绑定起来。
歌单展示页面已经全部完成。
我们使用可视化页面设计器，快速的完成了一个歌单页面的实现，我们通过数据视图、请求链接、执行寄连的设计理念，分步完成了它们各自的设计，整个过程简单、透明、方便，并且易修改、易上手、易维护。
它远远不止演示的这些功能，表单、标签页、弹窗、抽屉、气泡、图标、树、列表等等任何组件都可以可视化设计，甚至能对原生div、span等做定制化处理。
从属性到事件，从事件到插槽，再到自定义的任何种种，可以绑定数据、设置样式、添加类名，也可以编写深层样式，以及对整个页面样式的统一管理，由于东西太多，本篇没有一一列举展示。
从数据视图到请求链接，从请求链接到执行寄连，以及可视化mock数据等等，不但极大的方便我们页面的生成，也极大的提高了可复用性和可移植性。
低代码不是我们的追求，我们的追求是提升生产力，低代码只是一种手段，让开发者能更快的产出，让非开发者能轻松的维护。
拖拽网页设计 第2篇
这样就生成了一个页面，并且可以拿来使用了。
但是它的功能远远不止这些，还有很多很多，我们来简单尝试其中的几个。
我们再加一点逻辑，比如想要按照热度进行排名。
那么我们可以在刚才的请求链接中配置上回调函数：
这里的data就表示接口返回的数据，可以理解为let data = 。
然后我们去刷新页面，看下效果：
发现已经设置成功了！
我们再在页面上添加一个按钮，用来重新获取接口刷新列表，并且简单的给它设置一点属性：
然后给按钮来添加一个事件：
我们把事件的代码写成如下所示：
拖拽网页设计 第3篇
我们重新来做一个列表，用来展示歌单。
首先，拖入一个表格到页面中：
歌单嘛，来给它添加几列，包含：歌曲名称、演唱人、时长、热度。
给表格的默认插槽添加要展示的四列，可以发现添加的时候，表格列式高亮显示的，这说明表格默认插槽中最适合插入表格列。
表格画完了，也就是我们的数据视图搞定了，那么接下来我们配置数据。
拖拽网页设计 第4篇
首先打开页面设计器：
通过敲击空格，来呼出物料面板，可以看到我们用来设计页面的组件。
通过在组件右上角鼠标悬浮，可以看到相应的提示信息，表示该组件的名称。
我们把页面中所有的元素都以行列的形式进行划分，也就是整个页面都是通过行列布局嵌套行列布局来组成的。
这也就是说任何一个元素都必须要处于一个行列布局里面。
然后我们就可以添加一个按钮试试：
添加完成之后，可以更改它的一些属性，比如颜色、圆角等等。
也可以添加多列，并放置不同的元素：
甚至可以为组件设置插槽：
我们还提供了便于操作的一些功能：