微信小程序
在写微信小程序遇到的语法问题
重要文件的介绍:
app.js 全局变量的存储
// app.js
App({
onLaunch() {
// 展示本地存储能力
const logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
globalData: {
shopList: [],
selectedShopIndex:-1,
openid:'',
hb_type:''
}
})app.json
重要
当前小程序的全局配置,包括小程序所有的页面路径、界面表现、网络超时时间
{
<!--
页面路径的配置
-->
"pages": [
"pages/index/index",
"pages/user/user",
"pages/info/info",
"pages/reward/reward"
],
<!--
头部的字体,颜色设置
-->
"window": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "好外卖好员工",
"navigationBarBackgroundColor": "#fa690d"
},
"style": "v2",
"componentFramework": "glass-easel",
"sitemapLocation": "sitemap.json",
"lazyCodeLoading": "requiredComponents",
"requiredPrivateInfos": [
"getLocation"
],
/**
* 底部菜单栏
*/
"tabBar": {
"backgroundColor": "#FF5722", // 为选中之后的颜色
"selectedColor": "#FFFFFF", // 选中之后的颜色
"color": "#black",
"borderStyle": "black",
<!--
各个按钮的属性
pagePath :对应的路径
text : 底部菜单栏的名称
iconPath : 选中图标样式
selectedIconPath : 选中图标样式
-->
"list": [
{
"pagePath": "pages/index/index",
"text": "店铺分析",
"iconPath": "/pages/image/诊断.png",
"selectedIconPath": "/pages/image/诊断.png"
},
{
"pagePath": "pages/reward/reward",
"text": "领取奖励",
"iconPath": "/pages/image/设置奖励.png",
"selectedIconPath": "/pages/image/设置奖励.png"
},
{
"pagePath": "pages/user/user",
"text": "用户中心",
"iconPath": "/pages/image/账号管理.png",
"selectedIconPath": "/pages/image/账号管理.png"
}
]
},
"functionalPages": {
"independent": true
}
}微信小程序对应的文件后缀
- json 配置文件后缀
- wxml 模板文件
- wxss 样式文件
- js 逻辑脚本文件
js模板的注意点
重要
最外层必须存在 Page ({}),
原因:小程序采用的是声明式页面注册方式。每一个页面(.js)必须通过Page()函数向小程序框架注册自己 如果没有调用Page({}),小程序框架就出现为无法识别这个文件,为一个有效页面,导致页面无法加载或白屏
获取二维码扫码参数
onLoad(query) {
let user_shop_id = '未获取到';
if (query.q) {
const rawQ = decodeURIComponent(query.q);
const queryString = rawQ.split('?')[1];
console.log("获取二维码携带参数",queryString)
/**
* 获取二维码携带参数
*/
if (queryString) {
const params = {};
queryString.split('&').forEach(pair => {
const [key, val] = pair.split('=');
if (key) params[decodeURIComponent(key)] = val ? decodeURIComponent(val) : '';
});
user_shop_id = params.user_shop_id || '参数缺失';
console.log("获取的携带参数",params)
/**
* 获取全局存储app,在app.js进行配置
*/
const app = getApp();
app.globalData.hb_type = params.hb_type || '';
}
}
this.setData({ user_shop_id });
},版权所有
版权归属:念宇
