當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

微信小程序开源Demo精选

發布時間：2023/12/20 编程问答 38 豆豆

生活随笔收集整理的這篇文章主要介紹了微信小程序开源Demo精选小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

微信小程序開源Demo精選原文:微信小程序開源Demo精選

1. 仿QQ應用程序（#社交 #聊天 #SNS）

地址：https://github.com/xiehui999/SmallAppForQQ

2. 仿知乎微信小程序（#SNS #社區 #論壇）

地址：https://github.com/RebeccaHanjw/weapp-wechat-zhihu

3. 微信小程序實現移動端商城（#電商 #商城）

地址：https://github.com/liuxuanqiang/wechat-weapp-mall

4. 知乎日報（#新聞 #資訊）

地址：https://github.com/LiuCaiHe/wechat-app-sample

5. V2EX-微信小程序版（#社區 #社交）

地址：https://github.com/jectychen/wechat-v2ex

6. 「分答」 Power by 微信小程序（#問答）

地址：https://github.com/davedavehong/fenda-mock

7. 微信小程序：音樂播放器（#音樂 #多媒體播放）

地址：https://github.com/eyasliu/wechat-app-music

8. 可以播放音樂的微信小程序版 Apple Music（#音樂）

地址：https://github.com/Sioxas/AppleMusic

9. 微信小程序（應用號）示例教程（豆瓣電影）

視頻演示：http://files.wedn.net/videos/weapp/preview.mp4

地址：https://github.com/zce/weapp-demo

10. 微信小程序 Artand Demo（#藝術 #展示 #媒體）

地址：https://github.com/SuperKieran/weapp-artand

11. 微信小程序之小熊の日記（#記錄 #工具 #媒體）

地址：https://github.com/harveyqing/BearDiary

12. 微信小程序 cnode社區版（#社區 #論壇）

地址：https://github.com/vincentSea/wechat-cnode

13. 微信小應用-小程序-demo-仿芒果TV（#媒體 #視頻）

地址：https://github.com/web-Marker/wechat-Development

14. 微信小程序 - 電影推薦（#媒體 #電影）

地址：https://github.com/yesifeng/wechat-weapp-movie

15. 仿「ONE · 一個」的微信小程序（#資訊 #媒體）

地址：https://github.com/ahonn/weapp-one

微信小程序實例源碼大全下載

微信小應用示例代碼(phodal/weapp-quick)
源碼鏈接：https://github.com/phodal/weapp-quick

微信小應用地圖定位demo(giscafer/wechat-weapp-mapdemo)
源碼鏈接：https://github.com/giscafer/wechat-weapp-mapdemo

微信小應用- 掘金主頁信息流(hilongjw/weapp-gold)
源碼鏈接：https://github.com/hilongjw/weapp-gold

微信小程序（應用號）示例：微信小程序豆瓣電影(zce/weapp-demo)
源碼鏈接：https://github.com/zce/weapp-demo

微信小程序-豆瓣電影(hingsir/weapp-douban-film)
源碼鏈接：https://github.com/hingsir/weapp-douban-film

小程序 hello world 嘗鮮(kunkun12/weapp)
源碼鏈接：https://github.com/kunkun12/weapp

使用微信小程序開發2048游戲(sammffl/wechat-weapp-2048)
源碼鏈接：https://github.com/sammffl/wechat-weapp-2048

微信小程序-微票(wangmingjob/weapp-weipiao)
源碼鏈接：https://github.com/wangmingjob/weapp-weipiao

微信小程序購物車DEMO(SeptemberMaples/wechat-weapp-demo)
源碼鏈接：https://github.com/SeptemberMaples/wechat-weapp-demo

微信小程序V2EX(jectychen/wechat-v2ex)
源碼鏈接：https://github.com/jectychen/wechat-v2ex

微信小程序-知乎日報(myronliu347/wechat-app-zhihudaily)
源碼鏈接：https://github.com/myronliu347/wechat-app-zhihudaily

微信小程序-公眾號熱門文章信息流(hijiangtao/weapp-newsapp)
源碼鏈接：https://github.com/hijiangtao/weapp-newsapp

微信小程序版Gank客戶端??
源碼鏈接：https://github.com/lypeer/wechat-weapp-gank

微信小程序集成Redux實現的Todo list??
源碼鏈接：https://github.com/charleyw/wechat-weapp-redux-todos

微信小程序-番茄時鐘??
源碼鏈接：https://github.com/kraaas/timer

微信小程序項目匯總??
源碼鏈接：http://javascript.ctolib.com/cat ... t-wechat-weapp.html

微信小程序版聊天室??
源碼鏈接：?https://github.com/ericzyh/wechat-chat

微信小程序-HiApp??
源碼鏈接：?https://github.com/BelinChung/wxapp-hiapp

小程序Redux綁定庫??
源碼鏈接：?https://github.com/charleyw/wechat-weapp-redux

微信小程序版微信
源碼鏈接：??https://github.com/18380435477/WeApp

小程序開發從布局開始
源碼鏈接：??https://github.com/hardog/wechat-app-flexlayout

微信小程序-音樂播放器?
源碼鏈接：?https://github.com/eyasliu/wechat-app-music

微信小程序-簡易計算器-適合入門
源碼鏈接：?https://github.com/dunizb/wxapp-sCalc

微信小程序-github?
源碼鏈接：??https://github.com/zhengxiaowai/weapp-github

微信小程序-小熊の日記?
源碼鏈接：??https://github.com/harveyqing/BearDiary

微信小程序
源碼鏈接：?https://github.com/SeaHub/PigRaising

微信小程序(WeChatMeiZhi妹子圖)
源碼鏈接：https://github.com/brucevanfdm/WeChatMeiZhi

使用方法

1、克隆項目代碼到本地（git應該都要會哈，現在源碼幾乎都會放github上，會git才方便，不會的可以自學一下哦，不會的也沒關系，gitHub上也提供直接下載的鏈接）
2、打開微信開發者工具；
3、添加項目->選擇本項目目錄->編譯執行；

筆者整理了更多適合微信小程序應用場景的源碼：

經典應用場景之【點餐微信小程序】

經典應用場景之【訂票微信小程序】

經典應用場景之【查快遞微信小程序】

經典應用場景之【購物商城微信小程序】

經典應用場景之【家裝O2O微信小程序】

經典應用場景之【O2O美容】

經典應用場景之【車源寶】

經典應用場景之教育【云課堂】

截止2018年8月1日更新一批小程序包括（小程序商城、企業門戶、小程序游戲）部分截圖如下：?

???

其他源碼截圖：

還有N多就不一一列舉了

部分帶后臺源碼：

awesome-github-wechat-weapp 是由OpenDigg整理并維護的微信小程序開源項目庫集合。我們會定期同步OpenDigg上的項目到這里，也歡迎各位提交項目給我們。

如果收錄的項目有錯誤，可以通過issue反饋給我們。這里的項目Star數不是實時更新的，一般是一周更新一次。

內容

UI組件
開發框架
實用庫
開發工具
服務端
項目實例
Demo

UI組件

weui-wxss?★1873 - 同微信原生視覺體驗一致的基礎樣式庫
zanui-weapp?★794 - 好用易擴展的小程序 UI 庫
wx-charts?★449 - 微信小程序圖表工具
Wa-UI?★164 - 針對微信小程序整合的一套UI庫
wux?★163 - 微信小程序自定義組件
wemark?★161 - 微信小程序Markdown渲染庫
wxapp?★131 - 微信小程序組件
wx-scrollable-tab-view?★116 - 小程序可滑動得tabview
wxapp-img-loader?★101 - 微信小程序的圖片預加載組件
WeZRender?★96 - 微信小程序Canvas增強組件
wetoast?★77 - 仿照微信小程序提供的showToast功能
wx-alphabetical-listview?★71 - 帶字母可滑動的列表小程序
wx-drawer?★70 - 小程序模仿QQ6側滑菜單
wxSearch?★70 - 微信小程序優雅的搜索框
wx_calendar?★65 - 小程序日歷
wxapp-charts?★52 - 微信小程序圖表charts組件
chartjs-wechat-mini-app?★42 - chartjs微信小程序適配
citySelect?★42 - 微信小程序城市選擇器
WeiXinProject?★36 - 列表的上拉刷新和上拉加載
wepy-com-charts?★20 - 微信小程序wepyjs圖表控件
WechatLoading?★14 - 加載框布局LoadingView
wxTabs?★13 - 微信小程序的多tab實現
wxapp-lock?★12 - 微信小程序手勢解鎖

開發框架

wepy?★1325 - 小程序組件化開發框架
Labrador?★785 - 微信小程序模塊化開發框架
wxapp-devFrame?★49 - 小程序基本的開發框架

實用庫

wxParse?★1107 - 微信小程序富文本解析自定義組件
wechat-weapp-redux?★189 - 微信小程序Redux綁定
wxapp-socket-io?★123 - 微信小程序的SocketIO客戶端
wafer-client-sdk?★94 - 微信小程序客戶端騰訊云增強 SDK
WxNotificationCenter?★86 - 微信小程序通知廣播模式類
wilddog-weapp?★67 - 野狗微信小程序客戶SDK
wx-query?★62 - 微信小程序仿jQuery插件
wxapp-google-analytics?★59 - 讓微信小程序支持谷歌統計
wxapp-jsapi?★49 - 百度地圖微信小程序
wxstream?★19 - 微信小程序的響應式編程類庫封裝
upyun-wxapp-sdk?★16 - 又拍云微信小程序

開發工具

wept?★1097 - 實時微信小程序開發工具
weapp-quick?★320 - “微信Web開發者”拷貝工具
Wxapp.vim?★213 - 微信小程序開發 Vim 插件
wechat_web_devtools?★179 - 微信開發者工具Linux版
miniapps?★131 - 小程序項目腳手架工具
Matchmaker?★107 - 專為微信小程序開發的插件
wecos?★64 - 微信小程序 COS 瘦身解決方案

服務端

m-mall-admin?★137 - 創建REST API的樣板應用
NAMI?★79 - 專為小程序而生的服務端開發容器
weapp-node-server-demo?★72 - Wafer 服務端 Demo
Wafer 服務端 SDK - Java?★67 - 企業級微信小程序全棧方案
xpmjs?★67 - 小程序云端增強 SDK
weapp-php-server-sdk?★42 - 騰訊云微信小程序云端解決方案

項目實例

wecqupt?★255 - 在微信內被便捷地獲取和傳播
豆瓣電影項目?★118 - 微信小程序豆瓣電影項目
miemie?★28 - 微信小程序咩咩單詞
hellspawn-hunter-weapp?★25 - 陰陽師妖怪搜索小程序

Demo

weapp-demo?★1086 - 仿豆瓣電影微信小程序
wechat-weapp-mall?★750 - 微信小程序移動端商城
wechat-weapp-gank?★604 - Gank微信小程序
SmallAppForQQ?★561 - 微信小程序高仿QQ應用
weapp-wechat-zhihu?★518 - 微信中的知乎
m-mall?★328 - 實現一個移動端小商城
仿芒果TV?★326 - 微信小程序demo
weChatApp-Run?★265 - 跑步微信小程序Demo
wechat-v2ex?★235 - 簡單的v2ex微信小程序
騰訊云微信小程序?★234 - 一站式解決方案客戶端示例
weapp-weipiao?★234 - 微信小程序-微票
wechat-weapp-taobao?★227 - 微信小程序demo 仿手機淘寶
weapp-boilerplate?★220 - 一個為微信小程序開發準備的基礎骨架
wechat_mall_applet?★201 - 巴爺微信商城的簡單版本
wechat-weapp-movie?★182 - 微信小程序 - 電影推薦
wechat-app-zhihudaily?★173 - 微信小程序-知乎日報
wechat-app-music?★153 - 微信小程序：音樂播放器
fenda-mock?★153 - 使用微信小程序實現分答這款APP的基礎功能
wechat-weapp-mapdemo?★152 - 微信小程序開發demo-地圖定位
Artand?★123 - 微信小程序
weapp-douban-film?★112 - 微信小程序 - 豆瓣電影
wepy-wechat-demo?★105 - wepy仿微信聊天界面
weapp-one?★104 - 仿「ONE · 一個」的微信小程序
wechat-weapp-redux-todos?★102 - 微信小程序集成Redux實現的Todo list
weapp-zhihulive?★98 - 基于Zhihu Live數據的微信小程序
BearDiary?★97 - 微信小程序之小熊の日記
netmusic-app?★95 - 仿網易云音樂APP的微信小程序
wxflex?★75 - 微信小程序的Flex布局demo
番茄時鐘?★75 - 番茄時鐘微信小程序版
weapp-node-server-demo?★72 - Wafer 服務端 Demo
wechat-chat?★71 - 微信小程序版聊天室
wxapp-sCalc?★66 - 微信小程序版簡易計算器，適合入門練手
weapp-demo-session?★66 - 微信小程序示例一筆到底
weapp-demo-breadtrip?★62 - 基于面包旅行 API 制作的微信小程序示例
wechatapp-news-reader?★59 - 新聞閱讀器
wechat-weapp-demo?★58 - 一個簡單的微信小程序購物車DEMO
weapp-newsapp?★57 - 微信小程序-公眾號熱門文章信息流
weapp-girls?★56 - 通過Node.js實現的妹子照片爬蟲微信小程序
wechat-app-flexlayout?★55 - 從FlexLayout布局開始學習微信小程序
wxapp-hiapp?★52 - HiApp 微信小程序版
weapp-github?★50 - 微信小程序的簡單嘗試
bookbox-wxapp?★37 - 集美大學圖書館的便捷工具
WeChatMeiZhi?★36 - 微信小程序版妹紙圖
weapp-V2ex?★36 - V2ex 微信小程序版
WXBaiSi?★34 - 微信小程序仿百思不得姐
wx-audio?★33 - 微信小程序音樂播放器應用
wxapp-2048?★32 - 微信小程序2048
weapp-500px?★32 - 微信小程序
yiyaowang-wx?★31 - 醫藥網原生APP的微信小程序DEMO
wxreading?★28 - 微信小程序跟讀
WxMasonry?★27 - 微信小程序瀑布流布局模式
weapp?★26 - 小程序 hello world 嘗鮮
WechatApp-BaisiSister?★26 - 微信小程序版百思不得姐
wechat-app-xiaoyima?★26 - 仿大姨媽的微信小程序
WeChat_ayibang?★25 - 微信小程序仿阿姨幫
hotapp-notepad?★25 - 微信小程序HotApp云筆記
wechatApp-netease_cloudmusic?★22 - 小程序模仿——網易云音樂
wxapp-mall?★22 - 微信小程序商城demo
wx-mime?★20 - 微信小程序版的掃雷
PigRaising?★20 - 專注管理時間的微信小程序
GankCamp-WechatAPP?★19 - 微信小程序版干貨集中營
weapp-lolgame?★18 - 英雄聯盟(LOL)戰績查詢
wxSortPickerView?★17 - 微信小程序首字母排序選擇表
weapp-douban-movie?★17 - 微信小程序版豆瓣電影
WexinApp_1024?★16 - 簡單的實現了1024的游戲規則
wechat-app-githubfeed?★14 - 微信小程序試玩
doule?★14 - 微信小程序逗樂
wxApp?★14 - 一步步開發微信小程序
wx-mina-meteor?★14 - 一個 meteor 的 React todo list 例子
caipu_weixin?★12 - 微信小程序健康菜譜
jspapa-wx?★12 - jspapa微信小程序版本
CNodeJs-WXAPP?★12 - 微信小程序版的CNodeJs中文社區
weapp-LeanCloud?★12 - LeanCloud 的微信小程序用戶登陸Demo
wejoke?★11 - 微笑話微信小程序
liwushuoapp?★11 - 微信小程序開發的App
weapp-sportsnews?★8 - 體育新聞微信小程序
labrador_mobx_example?★4 - 基于Labrador和mobx構建的小程序開發demo

posted on 2019-02-19 08:32 NET未來之路閱讀(...) 評論(...) 編輯收藏

轉載于:https://www.cnblogs.com/lonelyxmas/p/10399022.html

總結

以上是生活随笔為你收集整理的微信小程序开源Demo精选的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：倚杖听江声夜雨剪春韭
下一篇：如何查看网站是是什么服务器_什么是网站