微信小程序免费资源大全

小程序开发环境搭建好之后，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”，拉你进程序员技术讨论群.