网站首页 >> 牛刀云小程序开发 >> 第1篇制作模式 >> 基础制作 >> 制作概述

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  发布页