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

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微搭低代码入门教程-创建页面相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上是关于微搭低代码入门教程-创建页面的主要内容,如果未能解决你的问题,请参考以下文章

微搭低代码入门教程04

微搭低代码入门教程-hello,world

腾讯云微搭低代码理发预约小程序实战教程

微搭低代码入门教程-数据绑定

微搭低代码从入门到精通-02 应用介绍

微搭低代码从入门到精通-02 应用介绍