# 微信小程序开发
## 目录
- [官方文档](#官方文档)
- [更多代码](#代码)
- [分析轮子](#分析轮子)
- [加入QQ群 564956472【微信小程序开发交流】(如果群满了加我个人QQ号(1009756987)我拉你入群)](http://jq.qq.com/?_wv=1027&k=40K4X8z)
## 官方文档
- [小程序开发文档](https://mp.weixin.qq.com/debug/wxadoc/dev/index.html)
- [小程序设计指南](https://mp.weixin.qq.com/debug/wxadoc/design/index.html)
- [小程序开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)
- [从搭建一个微信小程序开始(腾讯云)](https://www.qcloud.com/act/event/yingyonghao.html)
## 实例教程
本实例纯属个人编写,侵删
### 一、环境搭建 ###
在官网文档找到自己电脑适合的版本下载,直接安装(本人不建议使用破解版)
- [微信小程序最新工具下载](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)
接下来会提示使用微信二维码登录,直接扫码登录
### 二、下载demo ###
直接使用git工具clone 上述代码,点击添加项目,将本程序添加到项目中即可!
(appid选择无AppID,项目名随便取不一定是文件名,选择下载下来的目录)
![](http://i.imgur.com/yCAGELe.png)
### 三、开始编写代码 ###
进入调试页面(左边是调试预览,右边是类似于谷歌网页调试的工具)
![](http://i.imgur.com/xCKThm2.png)
进入编辑代码页面
![](http://i.imgur.com/w2l2YJQ.png)
1、app.json是项目的配置文件,如右图显示,
第一部分(黑色框)是pages是整个里的页面,每添加页面一个页面,都要把路径写在这里:
第二部分tabbar只要配置这些文件就可以产生app底部的导航(具体可参见文档)
第三部分是widows全局配置
2、pages是指你每个页面里面有四个文件json(配置文件),js(自己编写的js),wxml(相当于html),wxss(相当于css)
3、公共文件可以一般存储在远端,目前开发可以在本地新建,例如images(不能使用icon文件)
4、更多详细可以联系博主
### 项目演示 ###
- [点我查看演示](http://7xn9on.com1.z0.glb.clouddn.com/yiguo.gif)
## 更多代码
- [微信小应用示例代码(phodal/weapp-quick)](https://github.com/phodal/weapp-quick)
- [微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)](https://github.com/giscafer/wechat-weapp-mapdemo)
- [微信小应用- 掘金主页信息流(hilongjw/weapp-gold)](https://github.com/hilongjw/weapp-gold)
- [微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)](https://github.com/zce/weapp-demo)
- [微信小程序-豆瓣电影(hingsir/weapp-douban-film)](https://github.com/hingsir/weapp-douban-film)
- [小程序 hello world 尝鲜(kunkun12/weapp)](https://github.com/kunkun12/weapp)
- [微信小程序版2048小游戏(natee/wxapp-2048)](https://github.com/natee/wxapp-2048)
- [微信小程序-微票(wangmingjob/weapp-weipiao)](https://github.com/wangmingjob/weapp-weipiao)
- [微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)](https://github.com/SeptemberMaples/wechat-weapp-demo)
- [微信小程序V2EX(jectychen/wechat-v2ex)](https://github.com/jectychen/wechat-v2ex)
- [微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)](https://github.com/myronliu347/wechat-app-zhihudaily)
- [微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)](https://github.com/hijiangtao/weapp-newsapp)
- [微信小程序版Gank客户端(lypeer/wechat-weapp-gank)](https://github.com/lypeer/wechat-weapp-gank)
- [微信小程序集成Redux实现的Todo list(charleyw/wechat-weapp-redux-todos)](https://github.com/charleyw/wechat-weapp-redux-todos)
- [微信小程序-番茄时钟(kraaas/timer)](https://github.com/kraaas/timer)
- [微信小程序项目汇总](http://javascript.ctolib.com/categories/javascript-wechat-weapp.html)
- [微信小程序版聊天室(ericzyh/wechat-chat)](https://github.com/ericzyh/wechat-chat)
- [微信小程序-HiApp(BelinChung/wxapp-hiapp)](https://github.com/BelinChung/wxapp-hiapp)
- [小程序Redux绑定库(charleyw/wechat-weapp-redux)](https://github.com/charleyw/wechat-weapp-redux)
- [微信小程序版微信(18380435477/WeApp)](https://github.com/18380435477/WeApp)
- [小程序开发从布局开始(hardog/wechat-app-flexlayout)](https://github.com/hardog/wechat-app-flexlayout)
- [微信小程序-音乐播放器(eyasliu/wechat-app-music)](https://github.com/eyasliu/wechat-app-music)
- [微信小程序-简易计算器-适合入门(dunizb/wxapp-sCalc)](https://github.com/dunizb/wxapp-sCalc)
- [微信小程序-github(zhengxiaowai/weapp-github)](https://github.com/zhengxiaowai/weapp-github)
- [微信小程序-小熊の日记(harveyqing/BearDiary)](https://github.com/harveyqing/BearDiary)
- [微信小程序(Seahub/PigRaising)](https://github.com/SeaHub/PigRaising)
- [微信小程序(WeChatMeiZhi妹子图)](https://github.com/brucevanfdm/WeChatMeiZhi)
- [微信小程序快速开发骨架](https://github.com/zce/weapp-boilerplate)
- [微信小程序 - Artand 最专业的艺术设计平台](https://github.com/SuperKieran/weapp-artand)
## 分析轮子
- [微信小程序倒计时组件(微信公众号)](http://mp.weixin.qq.com/s?__biz=MzI0MjYwMjM2NQ==&mid=2247483670&idx=1&sn=5aa5da2fff2415e9b19f848712ddf480&chksm=e9789904de0f1012159332fda391c3eec0bb3d1c0db2c34ab557208ff0c04806a40d00e844fe&mpshare=1&scene=1&srcid=1007cWRXdd0ug9oAceCsIWp6#rd)
- [微信小程序下拉筛选组件(微信公众号)](http://mp.weixin.qq.com/s?__biz=MzI0MjYwMjM2NQ==&mid=2247483674&idx=1&sn=2bf242b391144f3f0e57e0ed0ebce36f&chksm=e9789908de0f101ee23f7c125c9a48c4f9ba3f242a3b1c89b05ca5b9e8e68262c02b47fe3d12&mpshare=1&scene=1&srcid=1008NvO9oI8wWGp4XBxlpLeL#rd)
没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序-微电商商城源代码完美运行版.7z
共40个文件
png:12个
js:7个
wxss:6个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 55 浏览量
2024-07-28
21:06:40
上传
评论
收藏 300KB 7Z 举报
温馨提示
微信小程序-微电商商城源代码完美运行版.7z
资源推荐
资源详情
资源评论
收起资源包目录
微信小程序-微电商商城源代码完美运行版.7z (40个子文件)
微信小程序-微电商商城
wechat-master
pages
yiguo
cart
cart.wxml 327B
cart.wxss 344B
cart.js 556B
cart.json 0B
detail
detail.json 0B
detail.js 1KB
detail.wxml 570B
detail.wxss 367B
index
index.wxml 2KB
index.js 3KB
index.json 0B
index.wxss 1KB
list
list.json 38B
list.wxss 1008B
list.js 2KB
list.wxml 3KB
mine
mine.js 2KB
mine.json 37B
mine.wxss 1KB
mine.wxml 734B
app.json 1KB
app.js 765B
template
signin.wxml 621B
utils
util.js 461B
app.wxss 397B
images
icons
btn-tabs_03.png 2KB
iocn_home_03.png 4KB
btn-tabs_08.png 2KB
btn-tabs_07.png 2KB
iocn_home_01.png 5KB
iocn_home_02.png 3KB
btn-tabs_05.png 2KB
btn-tabs_10.png 2KB
btn-tabs_09.png 2KB
iocn_home_04.png 4KB
btn-tabs_01.png 2KB
btn-tabs_06.png 2KB
README.md 6KB
说明
使用说明.docx 284KB
新建 文本文档.txt 0B
共 40 条
- 1
资源评论
AICurator
- 粉丝: 8281
- 资源: 469
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功