2.2.1.3 制作台介绍
制作台是制作小程序的工作台,在这里不仅能制作小程序的前端页面、后端数据和服务,还能发布、部署和运维小程序。
1、导航条
制作台的顶端是一个导航栏。通过导航栏进入页面制作区、数据制作区、服务制作区、管理后台制作区、IDE开发页面、高级页面、预览页面和发布页面。导航栏上还有一个进入开发模式的开关。
2、页面制作区
在页面制作区制作页面,实现页面的视觉和交互设计。单击制作台导航栏中的“页面”按钮,进入页面制作区。
页面制作区分为4个部分:页面栏、组件|数据|服务栏、设计区和属性栏,如图3-8所示。
l 页面栏:显示小程序中所有的页面
l 设计区:显示页面栏里面当前选中页面的设计界面
l 组件栏:显示所有的组件,可添加到设计区
l 数据栏:显示所有的数据集,可添加到设计区
l 服务栏:显示所有的服务,可添加到设计区
l 属性栏:显示设计区中当前选中的组件的所有属性、样式和事件
图3-8 页面制作区
3、数据制作区
在数据制作区制作数据集,实现数据集的创建和数据的录入。单击制作台导航栏中的“数据”按钮,进入数据制作区。
数据制作区分为2个部分,如图3-9所示:左侧的数据集列表和右侧的数据集详情。数据集列表可以添加和删除数据集。数据集详情可以设置数据集的结构、编辑数据集的数据,以及设置高级属性。
图3-9 数据制作区
4、服务制作区
在服务制作区制作服务,实现小程序中需要调用的业务逻辑。单击制作台导航栏中的“服务”按钮,进入服务制作区。
服务制作区分为2个部分,如图3-10所示:左侧的服务列表和右侧的服务详情。服务列表可以添加、删除服务和请求,还能添加数据方法。服务详情可以设置请求方法、请求参数、处理逻辑,以及设置请求返回类型。
图3-10 服务制作区
5、管理后台
在“高级”页面中开启管理后台制作功能后,制作台导航栏里面会显示出“管理后台”按钮,单击“管理后台”按钮进入管理后台制作区,如图3-11所示,制作管理后台里面的功能。
图3-11 管理后台
6、高级
“高级”页面如图3-12所示,提供了开发环境、测试环境和正式环境进入预览、管理后台和运维后台的入口;提供了开启管理后台制作功能、开启切换页面自动保存的开关;提供了上传应用模版到市场、多项目多应用扩展的功能。
图3-12 高级页
7、帮助
进入牛刀云帮助中心,如图3-13所示,这里提供实用的文档和生动的视频,帮助初学者了解牛刀云、学习牛刀云。
图3-13 帮助页
8、开发模式
牛刀云的拖曳式制作满足了不会写代码的制作者制作小程序的需求,对于喜欢写代码的开发者,牛刀云提供了开发模式。默认是制作模式,此时看不到一行代码。在进入开发模式后,制作功能保留,同时还能看到代码,如图3-14所示,使得开发者可以手写代码。
图3-14 开发模式
9、预览
“预览”按钮有一个下拉菜单,如图3-15所示,里面是“应用预览”、“管理后台预览”和“运维后台预览”。这3个菜单对应的是进入开发环境的预览、管理后台和运维后台。
图3-15 预览按钮下拉菜单
应用预览效果如图3-16所示。
图3-16 预览运行页
10、发布
发布页面提供发布到测试环境、正式环境的功能;提供下载用于导入到微信开发者工具的小程序版本;提供发布环境的域名,如图3-17所示。
图3-17 发布页