前往微信开发者公众平台(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(底部标签栏):