2.0 KiB
2.0 KiB
南音博客 (依沫博客)
这是一个基于 uni-app (Vue 2) 和 uView UI 框架开发的微信小程序/多端应用项目。 本项目是一个功能丰富的资源分享类博客系统,包含完善的用户体系和商业化/积分玩法,集成了“文章阅读 + 资源/壁纸下载 + 短剧观看 + 积分商城 + 抽奖活动 + 支付充值”的综合性内容变现功能。
核心功能模块
1. 文章与博客系统
- 文章流与详情:支持文章列表查询与详情展示。
- 富文本与代码高亮:内置
mp-html组件,集成marked和prismjs,完美支持 Markdown 渲染和代码高亮展示。 - 互动功能:支持文章点赞和阅读量统计。
2. 资源与壁纸分享
- 资源系统:提供虚拟资源的展示与详情查看,支持消耗积分兑换并下载资源。
- 壁纸系统:提供壁纸列表浏览及高清图片下载功能。
3. 短剧模块
- 提供当前热门短剧资源的列表浏览及观看体验。
4. 积分与商城经济系统
- 积分获取:包含每日签到、积分新增记录、积分明细查看。
- 充值与支付:支持创建充值订单,并更新用户积分余额。
- 积分商城:用户可使用积分兑换实物商品或虚拟资源,并支持查看兑换记录。
5. 抽奖系统
- 内置抽奖玩法,包含抽奖次数校验、概率生成、奖品配置查看、奖励发放以及抽奖记录展示。
6. 用户与权限中心
- 登录注册:支持账号密码登录、注册,以及微信授权自动/快捷登录。
- 状态管理:基于
Vuex集中管理用户 Token、基础信息(头像、昵称)等。 - 权限控制:基于 JWT 的权限认证体系,封装了
$auth插件,支持基于角色和权限的细粒度鉴权。 - 网络拦截:封装统一的
request.js,支持 Token 自动携带、响应拦截、过期自动弹窗跳转等。
技术栈
- 前端框架:uni-app (Vue 2)
- UI 框架:uView UI
- 状态管理:Vuex