微信小程序开发之一

前往微信开发者公众平台（https://mp.weixin.qq.com/cgi-bin/wx）下载微信小程序开发工具

微信小程序表单组件使用https://www.w3cschool.cn/weixinapp/oj6e1q8x.html

在项目里勾选实时监控页面文件变化 可以在修改后实时更新页面

app.json是全局配置文件 决定页面文件的路径，窗口设置网络时间，设置多tab等

 

页面的增加可以直接在page里添加，小程序会自动生成

ages里面的第一行是第一页，它控制页面显示的顺序

window里面是程序界面外观的设置属性

不需要手动去创建

此处可以设置底部导航栏，list必须要两个以及以上的参数

注：

.js文件是放置js代码 完成页面的逻辑以及功能的实现

.json文件是json数据文件

.wxml文件是替代的xml文件定义页面结构的的微信标记语言文件

.wxss文件是css代码 样式文件

app.json应用程序配置

app.wxss应用程序公共样式

app.js应用程序逻辑

Utils在这里是公共文件夹 里面放置公共文件 如js文件等

微信小程序自带控制台面板

小程序结构：

点击小程序 创建一个应用实例对象 app.json创建两个页面 然后在页面上也可以在点击跳转到其他页面来创建其他的单页面 如下图 实现页面与页面之间的跳转和业务功能的实现

app.json详解：

可配置五个配置选项

pages 设置页面路径

window 设置默认页面的窗口表现

tabBar 设置底部tab的表现

networkTimeout 设置网络超时时间

debug 设置是否开启debug模式

每个页面中json文件的配置，单个页面下的json会覆盖app.json文件的内容 但是它只能设置window 不能去设置其他的配置

 

app.json中的tabBar（底部标签栏）：