如何练就优秀的项目体验
创意、流程、执行缺一不可
CREATIVITY, PROCESS, PERFORM INDISPENSABLE
微信小程序开发基础框架与工具
2019-03-07

微信小程序的框架及工具的使用,是进行小程序开发的第一步,首先要理解小程序的框架配置,包括app.json配置、App()函数的使用、Page()函数的使用、数据如何绑定到页面上、条件判断和列表渲染、模板的使用、import引用模板,以及include引用文件,同时还要学会工具的使用,包括Console面板、Sources面板、Network面板、Storage面板、Appdata面板、Wxml面板以及Sensor面板的使用。

微信小程序

 

app.json配置

app.json配置是进行微信小程序开发必会的一个功能配置,对于微信小程序而言,它是一个全局的配置,有五个主要功能:决定页面文件路径,配置窗口的表现,配置tab标签导航,设置网络超时时间以及配置debug模式。

决定页面文件路径

微信小程序的页面路径需要在app.json配置文件中配置一下,属性名为“pages”,以数组的形式存放页面文件路径。文件路径以文件名进行命名,数组的第一项代表小程序的初始页面。当小程序中新增/减少页面时,都需要对pages数组进行修改。文件名不需要写文件后缀,因为框架会自动去寻找路径,对.json、.js、.wxml和.wxss四个文件进行整合。 

在app.json配置完页面路径后,会生成文件路径对应名称的文件夹和4个对应名称的文件(.js文件、.json文件、.wxml文件、.wxss文件)。

注意:页面路径以文件名称来创建,“pages/index/index”这样的页面路径是推荐的,而“pages/common/index”这样的页面路径是不推荐的,因为不便于微信小程序创建文件夹和文件,也不方便我们维护。

CONTACT US
  • 服务热线:400-969-9980
  • 地址:杭州滨江区聚园路8号C308
  • 邮箱:2945833@qq.com
扫一扫二维码关注我们