首页 >> 牛刀云小程序开发教程 >> 第2篇 开发模式

第 14 章 页面开发

在制作模式中,在页面制作区中制作页面,会对应生成页面的3个文件,如图14-1所示。在页面中添加组件、设置组件的属性、在组件的事件中选择操作,这些动作的结果都记录在页面的展现文件w文件中。如果在操作中选择“自定义”,或者使用“复杂逻辑”组件,在“代码编辑器”里面通过画代码实现逻辑,这些逻辑最终转换为JS代码,生成到页面的逻辑文件JS文件中。在组件的“自定义样式”属性定义的“当前页面样式”生成到页面的样式文件CSS文件中。

14-1  页面包含3个文件

在开发模式下进行页面开发,依然是对这3个文件的编辑。只是不再通过可视化设计器,而是直接编辑源码。页面展现W文件是XML文件,其中的标签既不是HTML标签,也不是小程序标签,而是牛刀云组件标签。这种做法使得在牛刀云中创建的小程序既可以在PC浏览器里面模拟运行,便于调试,又可以在制作台的发布界面,通过“下载小程序”生成小程序版本,导入微信开发者工具中,在手机微信中运行。因此,不建议在W文件中,通过编辑源码添加新的组件,这样比较容易出错,建议在设计区通过拖曳的方式添加组件,在源码中进行适当的修改。

    本章主要讲解开发JS和开发CSS