分享12个优秀的微信小程序开源项目

article/2025/11/9 14:46:58

欢迎搜索个人微信公众号：楠哥毕设帮 提供个人二开项目源码、部署讲解、论文指导~

全文概览：

  • wechat-app-mall：微信小程序商城；

  • Vant Weapp：小程序 UI 组件库；

  • iView Weapp：小程序 UI 组件库；

  • echarts-for-weixin：Apache ECharts 的微信小程序版本；

  • Gitter：GitHub 微信小程序客户端；

  • winxin-app-watch-life.net：微慕小程序开源版；

  • Bee：餐饮点餐商城；

  • taro-music：网易云音乐小程序；

  • weapp-library：在线借书平台；

  • Garbage：小程序云开发的垃圾分类小程序；

  • WePY：让小程序支持组件化开发的框架；

  • awesome-wechat-weapp：微信小程序开发资源汇总；

wechat-app-mall

wechat-app-mall 是一个微信小程序商城、微信小程序微店。其具有以下功能：

  • 基于云接口及自动化后台管理，无需部署后台及服务器资源；

  • 商品展示、单商品多规格配置单独的库存和价格；

  • 基于小程序Storage接口的购物车功能；

  • 订单管理；

  • 小程序在线支付；

  • 物流跟踪管理；

882535d23a53a4dda5f0ba16561023fa.png

Github（⭐️ 16.2k）：https://github.com/EastWorld/wechat-app-mall

vant-weapp

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

fc65f2ac0602150aaa0038edce4df160.png

Github（⭐️ 16.2k）：https://github.com/vant-ui/vant-weapp

iView Weapp

iView Weapp 是一套高质量的微信小程序 UI 组件库。

860126c8b8bcdbffb61b3a2a22738b1d.png

Github（⭐️ 6.2k）：https://github.com/TalkingData/iview-weapp

echarts-for-weixin

echarts-for-weixin 是 Apache ECharts (incubating) 的微信小程序版本，以及使用的示例。开发者可以通过熟悉的 ECharts 配置方式，快速开发图表，满足各种可视化需求。

152e4a0673d02654a1e5a53e2de13cf1.png

Github（⭐️ 6k）：https://github.com/ecomfe/echarts-for-weixin

Gitter

Gitter for GitHub，可能是目前颜值最高的GitHub微信小程序客户端。该项目采用 Taro 框架 + Taro UI 进行开发，小程序内数据均来自于 GitHub Api v3。

8c770ba695ca6570e6f3cd0ca84c3e37.png

Github（⭐️ 3.6k）：https://github.com/nslogx/Gitter

winxin-app-watch-life.net

微慕小程序开源版-WordPress版微信小程序，其支持分享朋友圈、微信小程序广告、文章海报、WordPress相册、小程序直播、微信搜一搜页面接入和内容搜索、视频号、半屏打开小程序、订阅专题、页面的分享和转发、文章浏览数显示及更新、文章分、文章评论、文章排行等。

1b9c0757ed4a79939597ceaa20b07c51.png

Github（⭐️ 2.3 k）：https://github.com/iamxjb/winxin-app-watch-life.net

Bee

Bee 是一个餐饮点餐商城微信小程序，是针对餐饮行业推出的一套完整的餐饮解决方案，实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能，完美的使餐饮行业更高效便捷！

96c895eb963195f0aa2ea1ef46c95521.png

Github（⭐️ 1k）：https://github.com/woniudiancang/bee

taro-music

taro-music是 基于taro + taro-ui + redux + react-hooks + typescript 开发的网易云音乐小程序，taro3已升级完毕。通过这个项目也可以帮助你快速使用Taro开发一个属于你自己的小程序。

c52af4485b6175ca4d6d9d250b95f4df.png

Github（⭐️ 1.3k）：https://github.com/lsqy/taro-music

weapp-library

weapp-library 是一个在线借书平台微信小程序，连接读者与图书馆的借书平台、读者的图书资料库与书单系统。30+ 页面，多个可复用组件，微信小程序开发入门。提供本地 mock server 解决方案。

27d68a6264dd2fb8ac29602c6262cc25.png

Github（⭐️ 754）：https://github.com/imageslr/weapp-library

Garbage

Garbage 是一个使用小程序云开发的垃圾分类小程序。

eb005df1bb29653c8d01fb6e44b32ef9.png

Github（⭐️ 736）：https://github.com/qi19901212/Garbage

wepy

WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions 的引入都是为了能让开发小程序项目变得更加简单，高效。

其具有以下特性：

  • 类 Vue 开发风格

  • 支持自定义组件开发

  • 支持引入 NPM 包

  • 支持 Promise

  • 支持 ES2015+ 特性，如 Async Functions

  • 支持多种编译器，Less/Sass/Stylus/PostCSS、Babel/Typescript、Pug

  • 支持多种插件处理，文件压缩，图片压缩，内容替换等

  • 支持 Sourcemap，ESLint 等

  • 小程序细节优化，如请求列队，事件优化等

a923da76d30f332aeb6f54635eea5c7a.png

Github（⭐️ 21.9k）：https://github.com/Tencent/wepy

awesome-wechat-weapp

微信小程序开发资源汇总，本项目收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。

5367a09d7105e34c1ebc6d90933b7908.png

Github（⭐️ 38.7k）：https://github.com/justjavac/awesome-wechat-weapp

欢迎搜索个人微信公众号：楠哥毕设帮 提供个人二开项目源码、部署讲解、论文指导~

c17c1cc7fdaf9bb076eb4f2e3cc56c9e.gif

   “分享、点赞、在看” 支持一波 6ad348904c350cd1f68a0c2b0bf5f851.png 


http://chatgpt.dhexx.cn/article/YCYWBlEj.shtml

相关文章

推荐 4 个开源小程序

推荐 4 个开源小程序

Hi~~大家下午好~~ 一个好消息：还有几个小时就要下班了！！！哦耶~ 预祝大家周末愉快~~ 回归正题~本文推荐几个开源微信小程序，这个开源的小程序都是 Recently updated，下载下来部署就能使用的。 本期推荐开源项…
阅读更多...
html如何导入css和js文件

html如何导入css和js文件

html如何导入css和js文件 1.导入js文件 <script type"text/javascript" src"js文件路径"></script>加入上述代码&#xff0c;即可导入js路径指向的js文件 2.导入css文件 在html的head体里加入下面这行代码即可导入css文件 <link rel&q…
阅读更多...
页面引入JS的四种方式

页面引入JS的四种方式

最常用的是前面的三种. 行内引入: 内部引入: 需要一个标签<script></script>引入js 注意事项: 外部引入: 创建一个独立的外部 js 文件, 用 <script></> 标签引入. 使用他的src 属性引用对应的Js文件 script标签可以引入多次. 在一个Html 中可以有…
阅读更多...
html中的JavaScript

html中的JavaScript

JavaScript ——简介 JavaScript 是目前最流行脚本语言&#xff0c;简称 JS。JavaScript 编写在 HTML 页面中&#xff0c;由浏览器负责解释和执行&#xff0c;JavaScript 通常用来给 HTML 页面增加交互能力。 JS可以给html带来的功能&#xff1a; 为页面增加动画效果 验证表单输…
阅读更多...
在 HTML 中引入 vue.js 写页面

在 HTML 中引入 vue.js 写页面

突然说要写两个页面&#xff08;只有两个页面&#xff0c;不是一个完整的项目。。&#xff09;&#xff0c;有点懵&#xff0c;不知道从哪下手&#xff0c;而且只对 vue 熟悉那么一丢丢&#xff0c;其他框架不是很熟悉。但是没办法鸭&#xff0c;只能硬着头皮去做了&#xff01…
阅读更多...
html 中引入外部 css 、js 文件

html 中引入外部 css 、js 文件

1. 引入 css 文件 引入外部 css 文件代码如下&#xff0c;css文件引入代码应放在 <head></head> 中。 <!-- 本地相对路径&#xff0c;" ../ "是上翻一个目录级&#xff0c;样例如下&#xff1a;导入本地 index.css 文件 --> <!-- 目录级的解释…
阅读更多...
js_js引入到html文件中

js_js引入到html文件中

一.变量提升 JavaScript 引擎的工作方式是&#xff0c;先解析代码&#xff0c;获取所有被声明的变 量&#xff0c;然后再一行一行地运行。这造成的结果&#xff0c;就是所有的变量的声 明语句&#xff0c;都会被提升到代码的头部&#xff0c;这就叫做变量提升 &#xff08;hoi…
阅读更多...
1.如何在HTML5中引入js文件

1.如何在HTML5中引入js文件

在HTML5中引入js文件有两种方式如下&#xff1a; 新建一个html5文件&#xff0c;输入以下代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title><!-- 内部js-->…
阅读更多...
html引入js文件

html引入js文件

html引入js文件 在开发中我们常常会用到全局变量&#xff0c;通过修改public里面的js文件去修改变量&#xff0c;问题是我们怎么在html中引入这个文件&#xff0c;使文件在整个项目中起作用尼&#xff1f; 代码 <script src"<% BASE_URL %>js/config.js"&…
阅读更多...
Web前端 | HTML嵌入JS代码的三种方式

Web前端 | HTML嵌入JS代码的三种方式

✅作者简介&#xff1a;一位材料转码农的选手&#xff0c;希望一起努力&#xff0c;一起进步&#xff01; &#x1f4c3;个人主页&#xff1a;每天都要敲代码的个人主页 &#x1f525;系列专栏&#xff1a;Web前端 目录 一&#xff1a;JavaScript概述 二&#xff1a; HTML嵌入…
阅读更多...
如何在HTML网页引入JavaScript

如何在HTML网页引入JavaScript

方式一: 在HTML网页内,书写script标签,里面定义js代码 缺点: 1.js代码不能重复使用(不能在其他网页里使用) 2.HTML标签和js代码耦合,不便于后期维护修改 优点: 1.HTML网页和js代码写在一起,便于阅读和测试 小结:在开发环境中使用方式一(编写阶段) 方式二: 1.在外部定义…
阅读更多...
C语言分段函数计算

C语言分段函数计算

#include <stdio.h> #include <math.h> int main() { float x,y,a;printf("请你输入x的值:\n");scanf("%f",&x);if (x<-300)y-1;if (x>300)y-1;elsey(x*x*x)/log10(x2.6) ;printf("f(%0.03f)%0.03f",x,y);return 0; }
阅读更多...
启动延时缩短 50%-80%，函数计算发布镜像加速功能

启动延时缩短 50%-80%，函数计算发布镜像加速功能

简介&#xff1a; 容器镜像因其颠覆式创新成为云原生时代应用部署格式的事实标准。头部云厂商 FaaS (Function-as-a-Service) 服务如阿里云函数计算、AWS Lambda 也相继在 2020 年支持使用容器镜像部署函数&#xff0c;全面拥抱容器生态。 作者 | Shuai Chang 阿里云云原生 Se…
阅读更多...
python-使用递归函数计算阶乘

python-使用递归函数计算阶乘

不用多说&#xff0c;看完代码绝对明了&#xff0c;只是要提一句&#xff0c;递归函数会创造大量的函数对象&#xff0c;过量的消耗内存和运算能力。而我们也会用递归实现分析几何&#xff0c;画出漂亮的图案。 实现阶乘的大概思路&#xff1a; 引用一下老师课程中的图案 当n5…
阅读更多...
阿里云函数计算（一）

阿里云函数计算（一）

最近接触到了阿里云的函数计算的服务&#xff0c;经过几天的尝试还是有所收获&#xff0c;因此不妨把学习过程中的点滴记录下来&#xff0c;方便以后温习。 什么是函数计算 根据阿里云的中的相关介绍&#xff0c;可以知道函数计算是事件驱动的全托管计算服务。用户无需管理服…
阅读更多...
yolov5目标检测神经网络——损失函数计算原理

yolov5目标检测神经网络——损失函数计算原理

前面已经写了4篇关于yolov5的文章&#xff0c;链接如下&#xff1a; 1、基于libtorch的yolov5目标检测网络实现——COCO数据集json标签文件解析 2、基于libtorch的yolov5目标检测网络实现(2)——网络结构实现 3、基于libtorch的yolov5目标检测网络实现(3)——Kmeans聚类获取anc…
阅读更多...
计算机上怎么用函数算比例,如何使用Excel函数计算所占的比例

计算机上怎么用函数算比例,如何使用Excel函数计算所占的比例

通过Excel的函数的使用&#xff0c;我们可以轻松计算出某种产品在同类或总产品中所占的比例。 下面是一个实例&#xff0c;希望对您有帮助。 如上图&#xff0c;我们所要计算的是&#xff0c;男女款的服装&#xff0c;各占同类款式的比例分别为多少。 比如&#xff0c;A2单元格…
阅读更多...
python中三角函数计算

python中三角函数计算

1、采用math库计算 #!/usr/bin/python import mathprint "cos(3) : ", math.cos(3) print "cos(-3) : ", math.cos(-3) print "cos(0) : ", math.cos(0) print "cos(math.pi) : ", math.cos(math.pi) print "cos(2*math.pi) : &…
阅读更多...
计算机及格人数函数公式大全,excel函数计算及格人数和合格人数

计算机及格人数函数公式大全,excel函数计算及格人数和合格人数

下面小编为大家介绍如何利用excel函数计算及格人数和合格人数方法&#xff0c;有需要的朋友快快来学习吧&#xff01; 步骤 用countif函数计算单科及格人数。如图&#xff0c;分别在单元格内输人函数&#xff0c;计算出语文及格人数和数学及格人数。 合格人数要求计算出语文和数…
阅读更多...
年龄的计算方式计算机函数,excel使用时间函数计算年龄 使用Excel函数计算年龄的三种方法...

年龄的计算方式计算机函数,excel使用时间函数计算年龄 使用Excel函数计算年龄的三种方法...

excel使用时间函数计算年龄 使用Excel函数计算年龄的三种方法，听说excel的教程在抖音很火，很多白领小朋友都在争相学习，下面就跟小编一起学习一下excel使用时间函数计算年龄的新技能吧，看完excel使用时间函数计算年龄 使用Excel函数计算年龄的三种方法会帮助你完成很多复杂…
阅读更多...
推荐文章

Copyright @ 2022~2023