微信小程序免费资源大全

小程序开发环境搭建好之后，https://www.jianshu.com/p/0ff8c3b2f59f，开始写代码了，对于一个对小程序了解程度半生不熟的人来说无从下手，看视频吧又太浪费时间了，那么只要有一定的前端基础，再结合一些别人的开源代码，很快就能开发出自己的产品了，在网上找了一些经典的小程序开源代码，总结了一下，留着备用。

1：我要圣诞帽
项目地址：[https://github.com/jasscia/ChristmasHat](https://github.com/jasscia/ChristmasHat)
项目下载： [ChristmasHat-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=MTQ0NDJ8ZjUwNjFhY2Z8MTUyNjYwNzUzNnw1MTg1MXwzMTE0OQ%3D%3D)

2：微信小程序精品Demo：掌故

项目地址：[https://github.com/Gesangs/PhoneStory](https://github.com/Gesangs/PhoneStory)
项目下载： [PhoneStory-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=MTQzNjJ8Zjk3OTNiN2R8MTUyNjYwNzc0OHw1MTg1MXwyODcwNQ%3D%3D)

3：微信小程序Demo：简约睡眠Music

项目地址：[https://github.com/shajinyang/BeautyAudio](https://github.com/shajinyang/BeautyAudio)
项目下载： [BeautyAudio-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=MTQ0NDB8N2ZiYmVhZjB8MTUyNjYwNzgxOXw1MTg1MXwzMTE0Nw%3D%3D)

4：微信小程序Demo：运势小程序
项目地址：[https://github.com/panyefan/wxfortune](https://github.com/panyefan/wxfortune)
项目下载： [wxfortune-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=MTM4ODd8NzQwZTNmMmF8MTUyNjYwNzkwN3w1MTg1MXwxNjU1Mg%3D%3D)

5：微信小程序demo：仿微信朋友圈, 带前后台交互
前台下载地址: [微博友圈_POST.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=Mjg2MHwwNWQ4YTI3ZXwxNTI2NjA3OTk3fDUxODUxfDExNDk%3D)

6：微信小程序精品demo：跑马灯，左侧菜单，抽屉层，加载动画
项目地址：[https://github.com/youzouzou/wxapp](https://github.com/youzouzou/wxapp)
项目下载： [wxapp-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=NTI0Nnw5OTRmMThmZnwxNTI2NjA4MDY5fDUxODUxfDIxOTk%3D)

7：微信小程序学习用demo：订单管理，浮层菜单，页面设计

**项目地址：**https://github.com/GavinCarter1991/wx-onePro
项目下载： [wx-onePro-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=Njk1NnwyYzgxMDgzOHwxNTI2NjA4MTgzfDUxODUxfDMwNjI%3D)

8：小程序支付详解+源码(客户端+服务端)
源码下载地址： [小程序微信支付.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=MTEzMTJ8MjQzZTJiOGV8MTUyNjYwODMxNHw1MTg1MXw2MTk0)

9:微信小程序demo：电商模板，购物车模板
**项目地址：**https://github.com/fangliu520/wxbestcake
项目下载： [wxbestcake-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=NzY5NnxhOWU5MTUxZHwxNTI2NjA4Mzk4fDUxODUxfDM1NDA%3D)

10：精品完整demo：摇一摇，二维码
**项目地址及下载：**
前端项目地址：[https://github.com/7insummer/orange-can](https://github.com/7insummer/orange-can)
项目下载： [orange-can-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=ODE5M3w3ZTcxMDIyNXwxNTI2NjA4NjQwfDUxODUxfDM3Nzk%3D)

后端项目地址：[https://github.com/7insummer/orange-can-server](https://github.com/7insummer/orange-can-server)
项目下载： [orange-can-server-master.zip](http://www.wxapp-union.com/forum.php?mod=attachment&aid=ODE5Mnw0YmJlN2NlY3wxNTI2NjA4NjQwfDUxODUxfDM3Nzk%3D)

写在最后，这么好的demo，花费了程序员小哥哥小姐姐作者大量的时间，大家多多点star，表示支持和鼓励一下吧。

> 原文作者：祈澈姑娘
> 技术博客：[https://www.jianshu.com/u/05f416aefbe1](https://link.jianshu.com?t=http%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttps%253A%2F%2Fwww.jianshu.com%2Fu%2F05f416aefbe1)
> 90后前端妹子，爱编程，爱运营，爱折腾。
> 坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

关注「前端视听」公众号，在微信后台回复「小程序」，获取小程序开发制作全套教程及123套源码，价值1998元。公众号回复“1”，拉你进程序员技术讨论群.

微信小程序免费资源大全相关推荐

微信小程序入门资源整理（热更新）
从零开始:微信小程序新手入门宝典<一> 传送门地址: https://segmentfault.com/a/1190000008035180 微信小程序部分资源整理传送门地址:http: ...
标星 2.7w+ 堪称史上最全的微信小程序开发资源汇总
[公众号回复 "1024",免费领取程序员赚钱实操经验] 2017 年 1 月,微信小程序一夜成名. 微信小程序成名后,各大厂开始效仿,相继出现了支付宝.百度.今日头条.QQ.抖音 ...
微信小程序学习资源视频书籍免费
搜索微信公众号[程序学习员]关注回复"学习"领取小程序学习资源微信小程序源码:大转盘 https://github.com/JJYYZJY/wechat-turntable 微 ...
微信小程序免费视频+精品教程合集+demo合集（长期更新，推荐收藏）
2019独角兽企业重金招聘Python工程师标准>>> 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 ...
微信小程序免费SSL证书https、TLS版本问题的解决方案
微信小程序与第三方服务器通讯的域名5个必要条件 1.一个已备案的域名,不是localhost.也不是127.0.0.1,域名不能加端口 2.加ssl证书,也就是https://~~~ 4.HTTPS ...
微信小程序面试题大全
1.简述微信小程序的相关文件类型? WXML 搭建页面的结构 WXSS 页面样式文件 js 逻辑处理,网络请求 json 配置当前页面标题和引入组件等 app.js 可以在里边监听生命周期函数.声明全 ...
微信小程序免费http转https
首先,登录NATAPP主页,注册一个账号.后续的操作看NATAPP1分钟快速新手图文教程. 这里就能使用http://前缀+.natappfree.cc 访问到本机的localhost:8080了. ...
微信小程序面试题大全（持续更新）
1.请谈谈微信小程序主要目录和文件的作用? project.config.json:项目配置文件,用的最多的就是配置是否开启https校验 App.js:设置一些全局的基础数据等 App.json:底 ...
微信小程序免费SSL证书及SpringBoot服务
微信小程序服务端必须支持HTTPS,SSL证书还需要完整.否则,可能会出现微信小程序wx.request电脑端正常,但手机端失败的现象. 1.免费SSL证书申请的JoySSL免费ssl证书.有效期9 ...

微信小程序免费资源大全

微信小程序免费资源大全相关推荐

最新文章

热门文章