从今天开始进行微信小程序的学习,这次是要做一个简易的商城,从零开始。
(一)注册 一个微信公众平台
如果想要详细的可以下载:
链接:https://pan.baidu.com/s/1D0ULRqZeCvAhmtX8ro_AjA
提取码:gdn8
(二)下载微信开发者工具
网站:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
我下的是稳定版。
(三)安装
(四)初始化
(1)AppId
在注册后我们就会进入这个页面
在开发中找到开发管理
再选中开发设置,就可以找到自己的AppId。
(2)创建第一个项目。
打开微信开发者工具,点击加号
然后自己设置,AppId上面有介绍,我没有选择云服务,然后语言选择JavaScipt.
点击确认就算创建成功了。
(五)开始编程
首先微信小程序有开放文档
链接:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
然后在app.json中进行修改。
在list中的图片下载:
链接:https://pan.baidu.com/s/1fWUocZ-_69pzwe7tDunJeg
提取码:w5vd
{
"entryPagePath": "pages/sort/sotr",
"pages":[
"pages/index/index",
"pages/sort/sotr",
"pages/cart/cart",
"pages/user/user"
],
"window":{
"navigationBarBackgroundColor": "#e4393c",
"navigationBarTitleText": "优乐购"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "./icons/home.png",
"selectedIconPath": "./icons/home-o.png"
},
{
"pagePath":"pages/sort/sotr",
"text": "分类",
"iconPath": "./icons/category.png",
"selectedIconPath": "./icons/category-o.png"
},
{
"pagePath":"pages/cart/cart",
"text": "购物车",
"iconPath": "./icons/cart.png",
"selectedIconPath": "./icons/cart-o.png"
},
{
"pagePath":"pages/user/user",
"text": "我的",
"iconPath": "./icons/my.png",
"selectedIconPath": "./icons/my-o.png"
}
],
"selectedColor": "#e4393c"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
今天上午的学习就到此为止了。