鸡汤来喽小程序 ​

项目演示 ​

微信扫描下方小程序码，在线体验九两酒商城 ↓↓↓

视频教程 ​

📺 完整版学习地址：https://www.bilibili.com/cheese/play/ss20395

课程内容概述 ​

这是一个基于 uniapp 和 uniCloud 开发的 “鸡汤来喽”内容社交小程序的全栈实战课程。课程包含前后端核心知识，完整地讲解了从项目初始化、前端页面开发、后端数据库设计、业务逻辑实现到最终部署上线的全过程。核心知识内容可以概括为以下几个方面：

1. 项目初始化与前端页面开发
   • 项目初始化，配置TabBar和公共CSS样式。
   • 开发首页、详情页、个人中心、发布编辑页等核心页面。
   • 封装可复用组件（如自定义导航栏、评论列表、底部交互栏），实现组件的拆分与通信（defineProps、defineEmits、defineExpose）。
   • 使用z-paging实现列表的触底加载和下拉刷新。
   • 使用swiper实现轮播图及进度条控制。
2. 后端服务与数据库设计（uniCloud）
   • 创建uniCloud服务空间，设计DB Schema数据库表结构（如鸡汤表、用户表、评论表、点赞表、积分表等）。
   • 使用云对象（uniCloud）实现对数据库的增删改查操作。
   • 使用JQL（JavaScript Query Language）进行数据库查询，包括联表查询、条件过滤、分页等。
   • 使用聚合操作（lookup、addFields、map、cond等）处理复杂的数据查询需求。
3. 用户体系与权限控制
   • 集成uni-id用户体系，实现微信小程序的自动登录、注册及token管理。
   • 使用Pinia进行全局状态管理，存储用户信息并实现页面间的数据共享。
   • 实现个人资料的编辑和头像上传（uniCloud.uploadFile）。
   • 基于用户角色（普通用户/管理员）进行页面和功能的差异化展示与权限控制（schema权限）。
4. 核心业务逻辑实现
   • 内容发布与审核：实现用户发布“鸡汤”内容，管理员进行审核、修改、伪删除的功能。
   • 积分系统：设计积分表，实现用户发布内容获得积分的逻辑。
   • 点赞与分享：实现用户对“鸡汤”内容的点赞/取消点赞，并封装海报分享组件，生成带有小程序码的分享海报。
   • 评论与多级回复：设计评论表结构，实现用户对“鸡汤”的评论以及多级回复功能（类似楼中楼）。
   • 广告接入：集成微信小程序激励视频广告，实现“看广告解锁新鸡汤”的功能。
   • 订阅消息：集成小程序订阅消息功能，实现审核结果的通知推送。
   • 内容安全：接入uni-sec-check内容安全检测插件，对用户发布的评论进行安全校验。
5. 高级特性与优化
   • 使用DB Schema的数据库触发器（trigger）自动修改阅读次数、点赞数等字段。
   • 使用lodash.debounce防抖函数控制恶意点击。
   • 使用nextTick确保动态数据渲染到生成的海报中。
   • 使用Promise.all同时获取多个数据源，优化页面加载效率。
   • 实现小程序分包（subPackages）以优化项目结构。
6. 项目部署上线
   • 完成项目开发后的正式打包上线流程。
   • 清空测试数据，导入正式数据并发布小程序。

核心亮点 ​

1.社交类小程序uniapp项目架构布局

2.uni-id用户体系隐式自动登录

3.微信小程序社交类内容安全校验

4.生成小程序码生成定制分享海报

5.uniCloud的Schema表结构进阶

6.复杂的聚合查询aggregate

7.发布及审核流程管理

8.积分系统的设计思路与实现

9.向用户分发订阅消息

10.使用微信广告增加小程序收益转化

项目效果图概览 ​

📱 小程序客户端页面 ​