⼩程序基本框架
⼩程序
⼩程序介绍
⼩程序是⼀种全新的连接⽤户与服务的⽅式，它可以在内被便捷地获取和传播，同时具有出⾊的使⽤体验
环境准备
注册账号
开发者⼯具
普通模式，插件模式
普通显⽰：显⽰第⼀个⾸页
预览，真机调试
详情按钮：调试基础库
es6转es5
不校验合法域名：应⽤没有权限发送请求，异步校验
⼩程序⽬录结构
⼩程序的⽬标是哦太难过尽可能简单。搞笑的上市让开发者在中开发具有原⽣APP体验的服务。
MINA-》有这个表⽰原⽣框架
整个⼩程序框架系统分为两部分：（App Service）和（View）。
⼩程序提供了⾃⼰的视图层描述语⾔WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。
⼩程序与传统⽬录结构对⽐
传统web三层结构，⼩程序四层
sitemap设置-》配置
⼩程序配置
app.json
app.json是当前⼩程序的全局配置，包括了⼩程序的所有页⾯路径、界⾯表现、⽹络超时时间、底部 tab 等。QuickStart 项⽬⾥边的app.json 配置内容如下：
{
"pages":[
"pages/index/index",//表⽰当前页⾯有⼏个⼦页⾯的
"pages/logs/logs"//不要加后缀
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",//导航栏上部颜⾊
"navigationBarTitleText": "Weixin",//导航栏标题
"navigationBarTextStyle":"black"//导航栏⽂字颜⾊
}
}
1. pages字段 —— ⽤于描述当前⼩程序所有页⾯路径，这是为了让客户端知道当前你的⼩程序页⾯定义在哪个⽬录。
2. window字段 —— 定义⼩程序所有页⾯的顶部背景颜⾊，⽂字颜⾊定义等。
其他配置项细节可以参考⽂档。《-好好看这个
tabbar
"tabBar": {
"list": [{
"pagePath": "pagePath",//页⾯路径
"text": "text",      //标题
"iconPath": "iconPath",//未被选中的图标路径
"selectedIconPath": "selectedIconPath"//已经选中的图标路径    }]
img
img
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "商店",
"iconPath": "res/manager/tabs/store_normal.png",
"selectedIconPath": "res/manager/tabs/store_select.png"
},
{
"pagePath": "pages/bespeak_normal/bespeak_normal",
"text": "预约",
"iconPath": "res/manager/tabs/bespeak_normal.png",
"selectedIconPath": "res/manager/tabs/bespeak_select.png"    },
{
"pagePath": "pages/order_normal/order_normal",
"text": "订单",
"iconPath": "res/manager/tabs/order_normal.png",
"selectedIconPath": "res/manager/tabs/order_select.png"
},
{
"pagePath": "pages/profile_normal/profile_normal",
"text": "账户",
"iconPath": "res/manager/tabs/profile_normal.png",
"selectedIconPath": "res/manager/tabs/profile_select.png"
}]}
就可以实现这样的效果
页⾯配置page.json
属性类型默认值描述最低版本navigationBarBackgroundColor HexColor#000000导航栏背景颜⾊，如#000000
navigationBarTextStyle string white导航栏标题颜⾊，仅⽀持black / white
navigationBarTitleText string导航栏标题⽂字内容
navigationStyle string default导航栏样式，仅⽀持以下值：default默认样式custom⾃定义导航栏，
只保留右上⾓胶囊按钮客户端7.0.0
backgroundColor HexColor#ffffff窗⼝的背景⾊
backgroundTextStyle string dark下拉 loading 的样式，仅⽀持dark / light
backgroundColorTop string#ffffff顶部窗⼝的背景⾊，仅 iOS ⽀持客户端
6.5.16
backgroundColorBottom string#ffffff底部窗⼝的背景⾊，仅 iOS ⽀持客户端
6.5.16 enablePullDownRefresh boolean false是否开启当前页⾯下拉刷新。详见
onReachBottomDistance number50页⾯上拉触底事件触发时距页⾯底部距离，单位为px。详见
pageOrientation string portrait屏幕旋转设置，⽀持auto / portrait / landscape详见(auto) / (landscape)
disableScroll boolean false设置为true则页⾯整体不能上下滚动。只在页⾯配置中有效，⽆法在selectediconpath什么意思
app.json中设置
usingComponents Object否页⾯配置
initialRenderingCache string页⾯配置
style string default启⽤新版的组件样式
Object否单页模式相关配置
sitemap配置
现已开放⼩程序内搜索，开发者可以通过sitemap.json配置，或者管理后台页⾯收录开关来配置其⼩程序页⾯是否允许索引。当开发者允许索引时，会通过爬⾍的形式，为⼩程序的页⾯内容建⽴索引。当⽤户的搜索词条触发该索引时，⼩程序的页⾯将可能展⽰在搜索结果中。爬⾍访问⼩程序内页⾯时，会携带特定的 user-agent：mpcrawler及：1129。需要注意的是，若⼩程序爬⾍发现的页⾯数据和真实⽤户的呈现不⼀致，那么该页⾯将不会进⼊索引中。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。