微信小程序免费资源大全

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值