小程序前端开发

目录结构

pages       		# 用来存放所有小程序的html页面
utils       		# 用来存放工具性质的模块(例如:时间格式化的自定义模块)
app.js      		# 小程序项目的入口文件
app.json    		# 小程序项目的全局配置文件
app.wxss    		# 小程序项目的全局样式文件
project.config.json  # 项目的配置文件
sitemap.json         # 用来配置小程序及其页面是否允许被微信的搜索引擎搜索到

pages

小程序官方建议: 将所有小程序的页面,都存放在pages目录中,以单独的文件夹存在

# 其中每个页面由4个基本文件组成:
.js 文件          # 页面的脚本文件,存放页面的数据,事件处理函数等
.json 文件        # 当前页面的配置文件,配置窗口的外观,表现等
.wxml文件         # 当前页面的html文件
.wxss文件         # 当前页面的css样式

json配置文件

小程序项目中共有四种json配置文件:
    1. 项目根目录中的app.json配置文件
    2. 项目根目录中的project.config.json配置文件
    3. 项目根目录中的sitemap.json 配置文件
    4. 每个页面文件夹中的.json配置文件

app.json全局配置文件

app.json是当前小程序的全局配置,包括了小程序的所有页面路径,窗口外观,界面表现,底部tab等

app.json中的参数详解

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle": "black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}