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

1. 仿QQ應(yīng)用程序（#社交 #聊天 #SNS）

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

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

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

3. 微信小程序?qū)崿F(xiàn)移動端商城（#電商 #商城）

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

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

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

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

地址：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. 微信小程序（應(yīng)用號）示例教程（豆瓣電影）

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

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

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

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

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

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

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

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

13. 微信小應(yīng)用-小程序-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

?

?

?

?

微信小程序?qū)嵗创a大全下載

?

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

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

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

微信小程序（應(yīng)用號）示例：微信小程序豆瓣電影(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

使用微信小程序開發(fā)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實現(xiàn)的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

小程序開發(fā)從布局開始
源碼鏈接：??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應(yīng)該都要會哈，現(xiàn)在源碼幾乎都會放github上，會git才方便，不會的可以自學(xué)一下哦，不會的也沒關(guān)系，gitHub上也提供直接下載的鏈接）
2、打開微信開發(fā)者工具；
3、添加項目->選擇本項目目錄->編譯執(zhí)行；

?

?

?

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

?

經(jīng)典應(yīng)用場景之【點(diǎn)餐微信小程序】

?

?

?

?

?

經(jīng)典應(yīng)用場景之【訂票微信小程序】

?

?

?

?

?

經(jīng)典應(yīng)用場景之【查快遞微信小程序】

?

?

?

經(jīng)典應(yīng)用場景之【購物商城微信小程序】

?

?

?

經(jīng)典應(yīng)用場景之【家裝O2O微信小程序】

?

?

?

經(jīng)典應(yīng)用場景之【O2O美容】

?

??

?

經(jīng)典應(yīng)用場景之【車源寶】

?

??

?

經(jīng)典應(yīng)用場景之教育【云課堂】

?

?

?

?

?

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

?

?

???

?

?

?

其他源碼截圖：

?

?

還有N多就不一一列舉了

?

?

部分帶后臺源碼：

?

?

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

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

內(nèi)容

• UI組件
• 開發(fā)框架
• 實用庫
• 開發(fā)工具
• 服務(wù)端
• 項目實例
• Demo

UI組件

• weui-wxss?★1873 - 同微信原生視覺體驗一致的基礎(chǔ)樣式庫
• zanui-weapp?★794 - 好用易擴(kuò)展的小程序 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 - 微信小程序的圖片預(yù)加載組件
• WeZRender?★96 - 微信小程序Canvas增強(qiáng)組件
• wetoast?★77 - 仿照微信小程序提供的showToast功能
• wx-alphabetical-listview?★71 - 帶字母可滑動的列表小程序
• wx-drawer?★70 - 小程序模仿QQ6側(cè)滑菜單
• wxSearch?★70 - 微信小程序優(yōu)雅的搜索框
• 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實現(xiàn)
• wxapp-lock?★12 - 微信小程序手勢解鎖

開發(fā)框架

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

實用庫

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

開發(fā)工具

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

服務(wù)端

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

項目實例

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

Demo

• weapp-demo?★1086 - 仿豆瓣電影微信小程序
• wechat-weapp-mall?★750 - 微信小程序移動端商城
• wechat-weapp-gank?★604 - Gank微信小程序
• SmallAppForQQ?★561 - 微信小程序高仿QQ應(yīng)用
• weapp-wechat-zhihu?★518 - 微信中的知乎
• m-mall?★328 - 實現(xiàn)一個移動端小商城
• 仿芒果TV?★326 - 微信小程序demo
• weChatApp-Run?★265 - 跑步微信小程序Demo
• wechat-v2ex?★235 - 簡單的v2ex微信小程序
• 騰訊云微信小程序?★234 - 一站式解決方案客戶端示例
• weapp-weipiao?★234 - 微信小程序-微票
• wechat-weapp-taobao?★227 - 微信小程序demo 仿手機(jī)淘寶
• weapp-boilerplate?★220 - 一個為微信小程序開發(fā)準(zhǔn)備的基礎(chǔ)骨架
• wechat_mall_applet?★201 - 巴爺微信商城的簡單版本
• wechat-weapp-movie?★182 - 微信小程序 - 電影推薦
• wechat-app-zhihudaily?★173 - 微信小程序-知乎日報
• wechat-app-music?★153 - 微信小程序： 音樂播放器
• fenda-mock?★153 - 使用微信小程序?qū)崿F(xiàn)分答這款A(yù)PP的基礎(chǔ)功能
• wechat-weapp-mapdemo?★152 - 微信小程序開發(fā)demo-地圖定位
• Artand?★123 - 微信小程序
• weapp-douban-film?★112 - 微信小程序 - 豆瓣電影
• wepy-wechat-demo?★105 - wepy仿微信聊天界面
• weapp-one?★104 - 仿 「ONE · 一個」 的微信小程序
• wechat-weapp-redux-todos?★102 - 微信小程序集成Redux實現(xiàn)的Todo list
• weapp-zhihulive?★98 - 基于Zhihu Live數(shù)據(jù)的微信小程序
• BearDiary?★97 - 微信小程序之小熊の日記
• netmusic-app?★95 - 仿網(wǎng)易云音樂APP的微信小程序
• wxflex?★75 - 微信小程序的Flex布局demo
• 番茄時鐘?★75 - 番茄時鐘微信小程序版
• weapp-node-server-demo?★72 - Wafer 服務(wù)端 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實現(xiàn)的妹子照片爬蟲微信小程序
• wechat-app-flexlayout?★55 - 從FlexLayout布局開始學(xué)習(xí)微信小程序
• wxapp-hiapp?★52 - HiApp 微信小程序版
• weapp-github?★50 - 微信小程序的簡單嘗試
• bookbox-wxapp?★37 - 集美大學(xué)圖書館的便捷工具
• WeChatMeiZhi?★36 - 微信小程序版妹紙圖
• weapp-V2ex?★36 - V2ex 微信小程序版
• WXBaiSi?★34 - 微信小程序仿百思不得姐
• wx-audio?★33 - 微信小程序音樂播放器應(yīng)用
• wxapp-2048?★32 - 微信小程序2048
• weapp-500px?★32 - 微信小程序
• yiyaowang-wx?★31 - 醫(yī)藥網(wǎng)原生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 - 小程序模仿——網(wǎng)易云音樂
• wxapp-mall?★22 - 微信小程序商城demo
• wx-mime?★20 - 微信小程序版的掃雷
• PigRaising?★20 - 專注管理時間的微信小程序
• GankCamp-WechatAPP?★19 - 微信小程序版干貨集中營
• weapp-lolgame?★18 - 英雄聯(lián)盟(LOL)戰(zhàn)績查詢
• wxSortPickerView?★17 - 微信小程序首字母排序選擇表
• weapp-douban-movie?★17 - 微信小程序版豆瓣電影
• WexinApp_1024?★16 - 簡單的實現(xiàn)了1024的游戲規(guī)則
• wechat-app-githubfeed?★14 - 微信小程序試玩
• doule?★14 - 微信小程序逗樂
• wxApp?★14 - 一步步開發(fā)微信小程序
• wx-mina-meteor?★14 - 一個 meteor 的 React todo list 例子
• caipu_weixin?★12 - 微信小程序健康菜譜
• jspapa-wx?★12 - jspapa微信小程序版本
• CNodeJs-WXAPP?★12 - 微信小程序版的CNodeJs中文社區(qū)
• weapp-LeanCloud?★12 - LeanCloud 的微信小程序用戶登陸Demo
• wejoke?★11 - 微笑話微信小程序
• liwushuoapp?★11 - 微信小程序開發(fā)的App
• weapp-sportsnews?★8 - 體育新聞微信小程序
• labrador_mobx_example?★4 - 基于Labrador和mobx構(gòu)建的小程序開發(fā)demo

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

轉(zhuǎn)載于:https://www.cnblogs.com/lonelyxmas/p/10399022.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。