微信小程序
小程序框架提供了自己的视图层描述语言 WXML 和 WXSS,以及 JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
小程序结构和Web对比
结构 | 传统web | 微信小程序 |
---|---|---|
结构 | HTML | WXML |
样式 | CSS | WXSS |
逻辑 | Javascript | Javascript |
配置 | 无 | JSON |
小程序结构目录
文件结构
小程序的配置文件
全局配置
app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等配置
属性 | 描述 |
---|---|
entryPagePath | 小程序默认启动首页 |
pages | 页面路径列表 |
window | 全局的默认窗口表现 |
tabBar | 底部 tab 栏的表现 |
{
"entryPagePath": "pages/test/index",
"pages":[
"pages/index/index",
"pages/test/index"
],
"window": {
"navigationBarBackgroundColor": "#ff0000",
"navigationBarTitleText": "古诗词网",
"navigationBarTextStyle": "black",
"navigationStyle": "default",
"backgroundColor": "#0000ff",
"enablePullDownRefresh": true
},
"tabBar": {
"list": [
{