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

微信小程序开发之一














相关文章: