Github上优秀的开源小程序汇总

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

Github上优秀的开源小程序汇总

有什么小程序适合个人开发？

在这里插入图片描述

工具类的小程序非常适合个人开发，用云开发模式开发成本很低，能够快速上线，唯一的缺点是个人无法接入支付，变现渠道受限，目前只能通过流量主变现。

见过一个在职的朋友利用业余时间实现小程序矩阵，一个月大概赚了3000多，主要收入来自于小程序中插广告。

如果你有开源的小程序，欢迎推荐。
持续更新中…

下面就来推荐一些开源的优秀小程序，希望你能从中得到一些启发！

1.qrcode

微信小程序生成二维码工具。工具类的小程序在微信搜一搜中流量还是蛮大的

生成二维码数据的主要代码来自davidshimjs/qrcodejs，因为它这个内部生成二维码图片的功能在微信小程序里不能使用，我将这个功能改写成可以在微信小程序中使用。

在这里插入图片描述

2. v2ex

https://github.com/jectychen/wechat-v2ex

V2Ex小程序，V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。

头像加口罩小程序-基于uniapp使用vue快速实现。
充分利用的流量运营思维包括取名截流，公众号文章引流，广告放置策略优化，逐步获得10w +用户，获取广告收入4K +。核心代码开发时间为两个周末。

3. 头像加口罩

https://github.com/infinityu/mina-wear-mask

这是一个小程序矩阵。

那些小程序工具抖音去水印、头像制作、星座类的，微信搜索指数就能看出来，有非常巨大的流量入口，垂直工具虽然使用频率不是非常高，但是流量大的“足以发挥想象”啊！
在这里插入图片描述
当然“发挥”才是重点！至于怎么发挥，对于程序员来说，流量入口是一定要有的！

4. 餐饮点餐商城

https://gitee.com/woniudiancang/bee

餐饮点餐商城，是针对餐饮行业推出的一套完整的餐饮解决方案，实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能，完美的使餐饮行业更高效便捷！
在这里插入图片描述

在这里插入图片描述

5. 2048小游戏

https://github.com/natee/wxapp-2048

基于网络版2048游戏开发的微信小程序版2048，仅作交流学习用。

6. 学之思在线考试系统

https://github.com/mindskip/xzs

学之思在线考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。目前支持web端和微信小程序，能覆盖到pc机和手机等设备。

后台系统：

  • spring-boot 2.1.6.RELEASE
  • spring-boot-security 用户登录验证
  • undertow web容器
  • postgresql/mysql 优秀的开源数据库
  • redis 缓存，提升系统性能
  • mybatis 数据库中间件
  • hikari 速度最快的数据库连接池
  • 七牛云存储 目前10G内免费

前台系统：

  • Vue.js 采用新版，使用了vue-cli3搭建的系统，减少大量配置文件
  • element-ui 最流行的vue组件，采用的最新版
  • vue-element-admin 最新版，对该系统做了大量精简，只保留了部分样式和控件
  • echarts 图表统计
  • ueditor 填空题扩展插件

微信小程序：

  • iView 主题样式

在这里插入图片描述

7. 租房平台类微信小程序

https://gitee.com/LiangSenCheng/house

基于微信小程序云开发的租房平台类微信小程序，带完整的管理员后台。快速完成微信小程序前后端的搭建，后台完全使用微信小程序云开发，不依赖服务器，无需购买服务器即可使用。

参考博客：https://www.cnblogs.com/LiangSenCheng/

在这里插入图片描述

8. 仿网易云音乐APP的微信小程序

https://github.com/sqaiyan/NeteaseMusicWxMiniApp

已经实现以下功能：

用户、歌单、FM、播放、评论、MV、专辑、歌手、登录、歌曲红心、FM trash、收藏单曲至歌单、收听记录、歌单歌曲推荐、迷你播放条、电台、节目、搜索

9. Github今日榜单

https://github.com/jae-jae/weapp-github-trending

技术栈：

  • Min Cli：小程序开发框架，类VUE
  • MinUI：小程序UI组件库
  • es6-promise：提供承诺支持
  • wx-promise-request：小程序初始化网络请求
  • wemark：小程序Markdown渲染库
  • 材质图标：提供图标支持
  • 纱|| Npm：包管理
  • Webpack，Babel：打包构建
  • ES6：JS语法
  • 更少：CSS初步语言

数据来源：GitHub API，QueryList：提供数据支持

10. 简约风微信小程序版博客

https://github.com/aquanlerou/WeHalo

配合Halo轻快，简洁，功能强大的博客系统而开发出来的简约风微信小程序版博客

在这里插入图片描述

11. 秀视频小程序

https://github.com/RAOE/show-videos

短视频社交小程序，用户可以在小程序上发布自己的短视频 并且经过我们的平台加入滤镜或者背景音乐制作出独具特色的短视频。并实现了点赞、评论、下载、分享、转发等功能的小程序

12. 小程序营销组件

https://github.com/sunniejs/sol-weapp/

一套简单，易用，业务化的商城营销组件库，让开发变得更简单。
包括：

  • 大转盘
  • 红包雨
  • 九宫格翻牌
  • 老虎机
  • 微信小程序分享（转发好友/分享图）
  • 标签滚动导航
  • 持续更新中…

在这里插入图片描述

13. wx-charts

https://github.com/xiaolin3303/wx-charts

微信小程序图表工具，基于canvas绘制，体积小巧。

支持图表类型

  • 饼图 pie
  • 圆环图 ring
  • 线图 line
  • 柱状图 column
  • 区域图 area
  • 雷达图 radar

在这里插入图片描述

14. TouchUI WX

https://github.com/uileader/touchuiwx

TouchUI-WX是一套完全免费的微信小程序开发框架，包含丰富的UI控件用于官方组件的补充，并扩展了小程序很多其他能力。

15. WeUI

https://github.com/Tencent/weui-wxss

WeUI WXSS是腾讯官方UI组件库WeUI的小程序版，提供了跟微信界面风格一致的用户体验。

16. iview weapp

https://github.com/TalkingData/iview-weapp

iView是TalkingData发布的一款高质量的基于Vue.js组件库，而iView weapp则是它们的小程序版本。

17. GitHub小程序客户端

https://github.com/huangjianke/Gitter
可能是目前颜值最高的GitHub小程序客户端。

在这里插入图片描述

数据来源：https://developer.github.com/v3/

小程序介绍请查看博客：https://juejin.im/post/6844903768388009998

18. 仿知乎小程序

https://github.com/RebeccaHanjw/weapp-wechat-zhihu

界面及交互设计来自知乎 Android 版本
实现功能：列表式渲染数据，自定义顶部 tabbar，下拉刷新，上拉加载更多，轮播图。

19. 在线借书平台

https://github.com/imageslr/weapp-library

连接读者与图书馆的借书平台，读者的图书资料库与书单系统。30+页，多个可替换组件，小程序开发入门。

该作品获得第六届中国软件杯大赛全国一等奖，第一届微信小程序开发大赛华北赛区一等奖。

如果你有开源的小程序，欢迎推荐。
持续更新中…


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

相关文章

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

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

欢迎搜索个人微信公众号：楠哥毕设帮 提供个人二开项目源码、部署讲解、论文指导~ 全文概览： wechat-app-mall：微信小程序商城；Vant Weapp：小程序 UI 组件库；iView Weapp：小程序 UI 组件库&…
阅读更多...
推荐 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;计算出语文及格人数和数学及格人数。 合格人数要求计算出语文和数…
阅读更多...
推荐文章

Copyright @ 2022~2023