目前为止最全的微信小程序项目实例

最新推荐文章于 2025-02-16 07:00:00 发布
最新推荐文章于 2025-02-16 07:00:00 发布
阅读量1.4w 收藏 65
点赞数 10
分类专栏： 微信小程序

wx-gesture-lock  微信小程序的手势密码

WXCustomSwitch 微信小程序自定义 Switch 组件模板

WeixinAppBdNovel 微信小程序demo：百度小说搜索

shitoujiandaobu 小程序：石头剪刀布（附代码说明）

audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义

star 微信小程序开发之五星评分

switchCity 微信小程序开发之城市选择器 城市切换

huadong_del  微信小程序滑动删除效果

jianhang_menu 微信小程序开发之圆形菜单 仿建行圆形菜单

xiaoxiaoxiao_lazyload  实现微信小程序图片懒加载特效

kangaiduowei  微信小程序：康爱多微商城：学习界面设计

tianmao_dazhuanpan  小程序实现大转盘 仿天猫抽奖 跑马灯效果（有图有源码）

weapp-meirong  微信小程序学习用demo推荐：美容商城；列表，预约

baisi  微信小程序仿百思不得姐

weapp-one 仿 「ONE · 一个」 的微信小程序

netmusic-app  仿网易云音乐APP的微信小程序

a_takeaway  微信小程序的外卖demo

sideslip  微信小程序『侧边栏滑动』特效

wx_plo  微信小程序之仿微信漂流瓶

kwonWhere 微信小程序-知亦行

audiodemo  微信小程序开发之视频播放 弹幕 弹幕颜色自定义

wxChart  微信小程序图标插件

guoku  微信小程序-果库

snake  微信小程序-贪吃蛇小程序

douban_movie  微信小程序-仿豆瓣电影

RecordDemo  麦克风动画

shishanggou  实现了包括常用组件，ajax获取数据，模板使用，路由等的使用，下拉刷新数据；

jiajuzaixian  家具在线-演示如何使用下拉选项

wechat-app-ipinbb  爱拼宝宝-功能非常全的电商应用

TodayNews-wx  微信小程序-今日头条

WXNative-bpgg  奔跑果果-微信小程序

wechatapp-demo   是目前我发现的，实现实用功能较多的demo，推荐大家学习研究

weapp-MatterAssistant  微信小程序－事项助手

weapp-wymusic  微信小程序 仿网易云音乐

weapp-wechat-nearby  微信小程序-仿找事吧app附近三公里

bs  精简版百思不得姐

WXBaiSi  微信小程序版 百思不得姐

weapp-demo-breadtrip  基于面包旅行 API 制作的微信小程序示例

html-to-wxml  小程序中将html内容转化成wxml可以显示的内容，方便用于小程序中显示

kachezhijia  自卡车之家，有丰富的卡车司机和物流园区的资源，所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。

WxEmojiView   微信小程序Emoji展示输入组件alpha 0.1

GankCamp-WechatAPP gank.io (干货集中营) 微信小程序 版本

wechat-JD  微信小程序仿京东首页

wechat-turntalbe-canvas  用微信小程序开发的Canvas绘制可配置的转盘抽奖。

mangguoTv  微信小应用-小程序-demo-仿芒果TV

wxreading  微信小程序跟读

WeChatMeiZhi  微信小程序版妹纸图 API from gank.io

CountDown  微信小程序倒计时组件

weapp-github  微信小程序--github

wechat-weapp-mapdemo  微信小程序开发demo-地图定位，非常简单的demo，只为了解一下微信小程序

wechat-cnode  微信小程序 cnode社区版

weapp-newsapp  微信小程序-公众号热门文章信息流

wechat-weapp-taobao  微信小程序demo 仿手机淘宝

timer  番茄时钟微信小程序版

wechat-app-music  微信小程序：音乐播放器 技术栈: redux + es7 +labrador

fenda-mock  使用微信小程序实现「分答」这款APP的基础功能

Wa-UI  针对微信小程序整合的一套UI库

wx-query  微信小程序 仿jQuery插件

weapp-artand  微信小程序 Artand

WeiXin-SmallApps-Information  微信小程序-仿今日头条

weapp-wechat-zhihu  微信中的知乎--微信小程序

WeApp  基于微信小程序开发的仿微信demo

SmallApp  微信小程序

wechat-v2ex 微信小程序-v2ex

weipiao 微信小程序-微票

DouBanBookApp   微信小程序之小豆瓣图书

wxapp-calc 一个简单的微信小程序-简易计算器

weapp-wechat-zhihu   模仿知乎的小程序

wx-movies-demo   小程序--影讯

caiquan  微信小应用，猜拳小游戏

hayeah-wxapp-Breakfast  小林早厨微信小程序

AppleMusic  微信小程序，仿Apple Music

cnode_wechat-webapp 用cnode社区api做的微信小应用

shoppingcar 一个点餐、购物的购物车效果

wechat-weapp-mall 微信小程序实现移动端商城

SmallAppForQQ  高仿手机QQ应用程序

zhihudaily  微信小程序-知乎日报

wechat-weapp-gank 微信小程序-干货投稿应用

TeamToy  调用TeamToy API 的微信小程序 Demo

douban 微信小程序（应用号）示例教程（豆瓣电影）


目前为止最全的微信小程序项目实例 --- demo锦集
wangqing830414的专栏
10-15 2179
wx-gesture-lock微信小程序的手势密码 WXCustomSwitch微信小程序自定义 Switch 组件模板 WeixinAppBdNovel微信小程序demo：百度小说搜索 shitoujiandaobu小程序：石头剪刀布（附代码说明） audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义 star微信小程序开发之五星评分 switchCity微信小程序开发之城市选择器 城市切换 huadong_del微信小程序滑动删除效果 jia...
微信小程序练习项目及案例
03-13
//app.js App({ onLaunch: function () { //调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) }, getUserInfo:function(cb){ var that = this if(this.globalData.userInfo){ typeof cb == "function" && cb(this.globalData.userInfo) }else{ //调用登录接口 wx.login({ success: function () { wx.getUserInfo({ success: function (res) { that.globalData.userInfo = res.userInfo typeof cb == "function" && cb(that.globalData.userInfo) } }) } }) } }, globalData:{ userInfo:null } })
微信小程序 - 小程序项目初识（创建小程序项目、小程序项目结构、小程序项目新建页面）
weixin_52173250的博客
02-16 445
微信小程序 - 小程序项目初识（创建小程序项目、小程序项目结构、小程序项目新建页面）
微信小程序实例源码大全下载
weixin_30654583的博客
11-17 1万+
小程序QQ交流群：131894955小程序开发直播腾讯课堂：https://edu.youkuaiyun.com/course/detail/6743微信小程序实例源码大全下载微信小应用示例代码(phodal/weapp-quick)源码链接：https://github.com/phodal/weapp-quick微信小应用地图定位demo(gi...
微信小程序实践案例
qq_54015925的博客
09-06 2520
参考视频：https://www.bilibili.com/video/BV1834y1676P/?p=36&spm_id_from=pageDriver&vd_source=b604c19516c17da30b6b1abb6c4e7ec0 阿里巴巴图标库：https://www.iconfinder.com/大部分不用登录，免费获取。 https://applet-base-api-t.itheima.net/slides https://applet-base-api
微信小程序实例源码大全
weixin_34174132的博客
01-10 9628
微信小程序实例源码大全下载 微信小应用示例代码(phodal/weapp-quick)源码链接：https://github.com/phodal/weapp-quick微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)源码链接：https://github.com/giscafer/wechat-weapp-mapdemo微信小应用- 掘金主页信息流(hi...
微信小程序-毕业设计项目
热门推荐
琅枫的博客
03-05 3万+
1.微信小程序-毕业设计完整项目介绍（微信小程序+Java后台SSM框架） 2.基于Java (spring-boot)和微信小程序的校园闲置二手小程序交易商城（毕业设计优秀论文） 3.目前为止最全的微信小程序项目实例 4.微信小程序 - 80个实用的微信小程序项目实例 5.微信小程序实例源码大全下载 6.微信小程序基础+实战精讲视频 7.微信小程序源代码_模仿拉钩招聘APP 8.微信小程序实例源码大全 9.1200多套微信小程序源码-史上最全的不同行业的源码集合 10.微信小程序实例源码大全 ...
基于微信小程序的智能相册 项目 毕设课设 完整的代码
01-12
近几年微信小程序的发展速度飞快，从2017年年初，张小龙在2017微信公开课Pro上发布的小程序正式上线到目前为止，小程序已经覆盖了超过200个细分行业，服务超过1000亿人次用户，年交易增长超过600%，创造超过5000亿...
如何为微信小程序添加微信登录和微信授权功能
2401_85625565的博客
07-05 1223
在上述代码中，我们将小程序的AppID、AppSecret、登录凭证code发送给微信登录接口，并通过请求返回的数据，解析出OpenID和SessionKey。同时，我们还需要在小程序的设置中，选择“功能设置”页面，启用“微信登录”和“获取用户信息”功能。在前面的步骤中，我们已经获取到了用户的基本信息和SessionKey，现在我们需要使用SessionKey解密用户的敏感信息，如手机号码等。微信登录和微信授权是微信小程序中常用的功能之一，它可以让用户使用微信账号登录小程序，并获取用户的基本信息。
微信小程序开发源代码
02-26
说明：实现服务展示，服务详情，预约，技师列表，技师详情等功能， 特色： - 图标tab ### 数据接口: 使用本地数据 ### 目录结构： - pages — 存放项目页面文件 - images — 存放项目图片文件 - utils — 存放本地数据和日期格式化文件 ### 项目截图： https://www.getweapp.com/project?projectId=583aa05be8ff074c22472f35 ### 源码地址： https://github.com/getweapp/weapp-meirong
微信小程序 实例汇总 完整项目源代码
11-01
微信小程序 实例汇总 完整项目源代码
100个微信小程序实例
05-16
100个微信小程序真实例子，学习开发微信小程序的最佳例程
微信小程序开发项目源码
09-22
微信小程序开发项目源码微信小程序开发项目源码微信小程序开发项目源码微信小程序开发项目源码微信小程序开发项目源码微信小程序开发项目源码微信小程序开发项目源码微信小程序开发项目源码
微信小程序常见模板源代码
05-31
微信小程序常见模板源代码，包括源代码成功运行截图，不可多得的学习模板。
微信小程序综合案例实践2
qq_42183184的博客
09-01 8689
2.菜谱小程序首页 目录 1.搜索框&搜索按钮 2.滑动图片框 3.小标题 4.菜品图片&菜品名称列表 5.导航条 6.效果图 之前用AndroidStudio写过一个菜谱app，这次打算用微信小程序模拟一下app的首页。因为对微信小程序的不熟悉，完成过程中还是掉到了各种小坑。 首页的主要组成部分： 输入框----input 搜索按钮----image...
前端—微信小程序开发
m0_72882572的博客
11-15 1579
随着微信的普及和微小程序的广泛应用，微信小程序开发越来越多受到人们的关注，正在成为新工科和人工智能背景下当代大学生的必备技能。 适应对象 该课程适合电子信息类专业学生进行学习
微信小程序源码
足球中国的专栏
09-09 3285
70：基于Labrador和mobx构建的小程序开发demo Github上收集了70个微信小程序源码。23：微信小程序集成Redux实现的Todo list。66：LeanCloud 的微信小程序用户登陆Demo。18：使用微信小程序实现分答这款APP的基础功能。22：仿 「ONE · 一个」 的微信小程序。46：医药网原生APP的微信小程序DEMO。27：微信小程序的Flex布局demo。12：微信小程序demo 仿手机淘宝。26：仿网易云音乐APP的微信小程序。58：简单的实现了1024的游戏规则。
axios 微信小程序
最新发布
03-19
### 集成和使用 Axios 在微信小程序中的实现 在微信小程序中，虽然原生支持 `wx.request` 方法用于发起 HTTP 请求，但为了提升开发体验和代码可维护性，许多开发者倾向于使用更强大的工具如 Axios 或类似的库。以下是关于如何在微信小程序中集成和使用 Axios 的具体说明。 #### 安装 Axios 和适配器 由于微信小程序并不直接支持浏览器环境下的 Axios 库，因此需要借助适配器（如 `axios-miniprogram-adapter`）。该适配器能够使 Axios 在微信小程序环境中正常工作[^3]。 可以通过 npm 安装所需的依赖项： ```bash npm install axios axios-miniprogram-adapter --save ``` 随后，在项目的入口文件（通常是 `app.js`）中初始化 Axios 并加载适配器： ```javascript // app.js import axios from 'axios'; require('axios-miniprogram-adapter'); const instance = axios.create({ baseURL: 'https://your-api-endpoint.com', // 设置基础 URL timeout: 10000, // 超时时间 (毫秒) }); export default { globalData: { axiosInstance: instance, }, }; ``` 上述代码创建了一个 Axios 实例，并将其存储到全局变量中以便后续调用。 #### 封装请求组件 为了简化网络请求逻辑并增强灵活性，可以进一步封装一个通用的请求函数。此函数不仅可以处理基本的 GET/POST 请求，还可以管理错误提示、Token 自动刷新等功能[^2]。 以下是一个简单的封装示例： ```javascript // utils/request.js import { getStorageSync } from './storage'; // 假设有一个本地缓存操作模块 function request(options) { const { url, method = 'GET', data = null, headers = {} } = options; return new Promise((resolve, reject) => { getApp().globalData.axiosInstance({ url, method, data, headers: { Authorization: `Bearer ${getStorageSync('token')}`, // 动态添加 Token 到头部 ...headers, }, }) .then(response => resolve(response.data)) .catch(error => reject(error)); }); } module.exports = { get(url, config) { return request({ url, method: 'GET', ...config }); }, post(url, data, config) { return request({ url, method: 'POST', data, ...config }); }, }; ``` 在此基础上，可以根据业务需求扩展更多功能，比如自动重试机制或自定义进度条显示等[^4]。 #### 处理 Loading 效果优化 为了避免频繁弹出 loading 提示影响用户体验，可通过计数器的方式集中控制 loading 显示状态。例如： ```javascript let requestCount = 0; function showLoading() { if (!requestCount++) wx.showLoading({ title: '加载中...' }); } function hideLoading() { if (!(--requestCount)) wx.hideLoading(); } // 修改后的 request 函数 function request(options) { showLoading(); return new Promise((resolve, reject) => { ... .finally(() => hideLoading()); }); } ``` 这样即使有多个并发请求，也只会展示一次 loading 提示直到所有请求完成为止。 --- ### 注意事项 尽管 Axios 是一种非常流行的解决方案，但在某些特定情况下也可以考虑其他替代方案，例如基于 Promise 的轻量级库 Fly.js[^1]。对于简单项目而言，可能无需额外引入第三方库而仅需对 `wx.request` 进行适当封装即可满足大部分需求。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值