微搭低代码入门教程-创建页面

目录

01 总体介绍

02 应用介绍

我们上一节介绍了创建应用的方法，本节我们讲解一下创建页面的方法。那什么是页面呢？页面是一个计算机术语，在小程序中我们每打开的一个界面都可以视为一个页面。

微搭中是如果创建页面的呢？

打开低码控制台，首先要选中应用点击编辑应用

在这里插入图片描述

这样会打开应用的编辑器，在左上角有个+就是创建页面的意思

在这里插入图片描述

原来的版本直接就创建一个空白页面了，现在有了模板之后就可以按需选中模板，如果模板不满足的话也可以创建空白页面

在这里插入图片描述

输入页面的标题，点击新建按钮即可

在这里插入图片描述

有新手可能会问，这个页面ID是干什么的？它就像房子的门牌号一样，记住这个门牌号就可以找到这个页面，一般在页面跳转的时候需要。

如果有多个页面，需要切换页面的可以点击左边的向下的箭头进行切换

在这里插入图片描述

页面名称左边如果有一个房子的图标表示这个页面是首页，当小程序打开的时候第一个看到的就是这个页面

页面下拉之后的三个点表示更多的意思，点上去会出现有删除、克隆等相关功能

在这里插入图片描述

一个页面创建好了之后总体有一些常见的操作，左侧部分是组件视图，可以看到有各种各样的组件

在这里插入图片描述

如果熟练之后，可以直接在搜索框里输入组件的名称，比如输入文本

在这里插入图片描述

搜索框旁边可以切换组件库，不同的组件库里有不一样的组件

在这里插入图片描述

下边的大纲树可以看到组件的层次关系，可以快速的选中组件

在这里插入图片描述

中间部分就是编辑区了，可以看到组件加入页面后的具体效果，还可以设置画布的大小，比如选中iphone的型号

在这里插入图片描述

如果打开预览的配置项我们就可以实时的看到页面的最终的效果

在这里插入图片描述

最右边是组件属性的设置面板，选中某个组件就可以设置组件的数据、样式和事件

在这里插入图片描述

比如设置按钮上边的文字，按钮的大小，按钮点击后需要处理的事件