小程序代码构成

json配置文件
wxml模板文件
wxss样式文件
js脚本逻辑文件

app.json

{"pages":["pages/index/index","pages/logs/logs"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "WeChat","navigationBarTextStyle":"black"}
}

包括pages和window字段，pages中包含小程序所有页面的路径，window中描述所有界面的顶部背景颜色，文字，以及文字颜色等等。如果单独一个界面要与app.json中配置不同，就需要在这个页面单独对应的json文件中设置。

project.config.json

保存你在微信小程序软件上的所有配置，包括编辑器的颜色，代码上传时自动压缩等一系列选项。这样你用非本机的微信开发工具打开时，它会帮你设置成你之前配置的信息。

page.json

如上在app.json中所说，实际开发中我们不可能要求小程序的每个页面的色调完全一致，因此我们需要再page.json中设置当前页面独自的页面属性。

json基本语法

json通过键值对key-value来表达数据，同时，key必须在一个双引号中。json的值只有6中数据格式：
1.数字
2.字符串
3.布尔值
4.数组，注意需要包裹在[]
5.对象，注意需要包裹在{}
6.NULL

注意：不知道为什么，微信小程序的json文件中不能添加注释，有注释会报错!

微信小程序入门1-小程序代码构成json相关推荐

微信小程序入门:在小程序中播放视频和发送弹幕
<移动软件开发>实验3 实验介绍: **本实验来自于周文洁老师的<微信小程序开发实战>第六章.**主要内容是使用小程序媒体API制作一个视频播放小程序,视频素材来自于某高校档案 ...
【小程序入门】小程序首页的设置
上篇文章https://blog.csdn.net/u014650759/article/details/90712324,我们提到了app.json的基本操作及功能,这边接着继续来讲解小程序首页的设 ...
站长新手入门：从0开始搭建微信小程序商城，不会代码也能开商城（附带源码）
2020年全球疫情肆虐下,经济环境持续低迷,虽然国内已逐渐复苏,但线下消费仍然没法短期回到常态,所以今年开始直播电商.线上零售更加火爆.那么如果一个没有编程基础,或者说稍微懂一点技术的老板,要做小程序 ...
微信小程序入门二：底部导航tabBar
小程序底部导航栏组件tabBar,可以参考下官方的API:tabBar 先看代码 //app.json {"pages":["pages/index/index" ...
微信小程序入门与实战笔记
微信小程序目录微信小程序 1微信小程序介绍 1.1什么是微信小程序 1.2小程序特点 1.3对开发者的影响 1.4分辨率与rpx 1.4.1英寸 1.4.1分辨率(pt): 1.4.2分辨率(px ...
天河微信小程序入门《四》：融会贯通，form表单提交数据库
天河在阔别了十几天之后终于又回来了.其实这篇文章里的demo是接着(天河微信小程序入门<三>)后面就做了的,但是因为最近在做别的项目,所以就偷懒没有发出来.放到今天来看,从前台提交数据到数 ...
微信小程序入门---01
目录微信小程序入门一.小程序简介二.第一个小程序二.小程序代码的构成三.WXML模块四.WXSS 样式五.JS 逻辑交互六.组件七.API 八.WXML 模板语法 - 数据绑定九. ...
微信小程序入门之常用组件(04)
常见组件重点讲解微信小程序中常见的布局组件 view,text,rich-text,button,image,navigator,icon,swiper, radio,checkbox 等一.vi ...
微信小程序入门教程+案例demo
微信小程序入门教程+案例demo 尊重原创,转载请注明出处:原文查看惊喜更多 http://blog.csdn.net/qq137722697 首先摆在好姿态,--微信小程序开发也就那么回事.你只需要 ...
微信小程序入门七登录注册
上一章介绍了微信小程序入门六本地缓存和搜索 ,这章介绍小程序的登录注册页面.主要有表单的验证,错误信息的提示,form表单的取值,get / post 请求 ,反馈交互提示框,页面跳转以及页面U ...

微信小程序入门1-小程序代码构成json