小册简介
欢迎来到这本"不太正经但很实用"的技术小册!
你是否曾经为社团招新、公司团建、摄影比赛而头疼?传统的Excel表格收集信息效率低下,微信群接龙容易遗漏,而市面上的活动管理工具又太过复杂?
别担心!这本小册将带你从零开始,一步步打造一个功能完整、体验优雅的全栈低代码活动宣传编辑器。不仅能学到前沿的技术栈,还能做出一个真正能用、好用的产品。
你将学到什么?
- 全栈开发实战:基于 UniApp + Vue3 + TypeScript + CloudBase开发。
- 低代码编辑器引擎:可视化页面编辑器的实现原理与组件化设计思想
- 云开发架构详解:腾讯云 CloudBase 的 Serverless 架构与云数据库设计
- 核心业务模块:从活动管理、报名系统到投票互动的完整实现
- 企业级部署:从开发环境搭建到发布上线的完整闭环
小册特色
- ✅ 真实项目代码:所有示例都来自实际运行的生产代码
- ✅ 循序渐进:从基础概念到高级特性,层层递进
- ✅ 图文并茂:大量流程图、架构图帮助理解
- ✅ 幽默风趣:技术文档也可以很有趣
- ✅ 开箱即用:跟着教程走,你也能做出同款产品
📖 章节目录
第一部分:全栈开发概览
第 1 章:项目概览与需求分析
- 1.1 我们要做什么?
- 1.2 核心功能拆解
- 1.3 技术选型的艺术
- 1.4 项目结构一览
第 2 章:开发环境搭建
- 2.1 工具准备清单
- 2.2 前端项目初始化
- 2.3 云开发环境配置
- 2.4 第一次运行:Hello World
第二部分:架构设计
第 3 章:整体架构设计
- 3.1 前后端分离的云开发架构
- 3.2 模块划分策略
- 前端模块:页面、组件、API、状态管理
- 后端模块:云函数、数据库、文件存储
- 3.3 数据流转全景图
- 3.4 技术栈深度解析
第 4 章:数据库设计 (MySQL 版)
- 4.1 为什么我们要用 MySQL?
- 4.2 ER 图设计:理清表之间的暧昧关系
- Activities(活动表)
- Registrations(报名表)
- Votes(投票表)
- Users(用户表)
- Barrages(弹幕表)
- 4.3 JSON 字段的妙用:在关系型数据库里撒野
第 5 章:云开发架构详解
- 5.1 什么是 Serverless?
- 5.2 云函数设计模式
- 5.3 云数据库操作封装
- 5.4 云存储与 CDN 加速
- 5.5 权限模型设计
第三部分:核心功能实现
第 6 章:用户认证系统
- 6.1 微信登录流程详解
- 6.2 JWT Token 生成与验证
- 6.3 角色权限设计(普通用户 vs 管理员)
- 6.4 前端鉴权拦截器
第 7 章:活动管理模块
- 7.1 活动 CRUD 操作
- 7.2 活动状态管理
- 7.3 软删除与级联删除
- 7.4 活动列表与详情页实现
第 8 章:报名系统设计
- 8.1 自定义表单配置
- 8.2 报名流程与状态机
- 8.3 支付凭证上传与审核
- 8.4 报名管理后台
第 9 章:投票互动系统
- 9.1 投票配置设计
- 9.2 投票逻辑实现
- 9.3 防刷机制
- 9.4 实时统计与排名
第四部分:可视化编辑器
第 10 章:组件化设计思想
- 10.1 什么是"活动页面配置组件"?
- 10.2 组件模型设计
- 组件类型(Text、Image、Video、Button、Countdown、Divider)
- 组件配置(config)
- 组件样式(style)
- 10.3 组件注册与渲染机制
第 11 章:可视化编辑器实现
- 11.1 编辑器架构设计
- 画布区(Canvas)
- 组件库(Widget Library)
- 属性面板(Property Panel)
- 11.2 拖拽排序实现
- 11.3 实时预览与保存
- 11.4 组件属性编辑器
第 12 章:组件渲染引擎
- 12.1 运行时 vs 编辑时
- 12.2 动态组件渲染
- 12.3 样式计算与应用
- 12.4 性能优化技巧
第五部分:高级特性 🚀
第 13 章:文件上传与云存储
- 13.1 云存储架构
- 13.2 图片/视频上传实现
- 13.3 FileID 与临时 URL 转换
- 13.4 批量上传优化
第 14 章:背景音乐与弹幕
- 14.1 背景音乐自动播放
- 14.2 弹幕系统设计
- 14.3 实时消息推送
第 15 章:活动海报生成
- 15.1 Canvas 绘制海报
- 15.2 小程序码生成
- 15.3 海报保存与分享
第六部分:端到端流程
第 16 章:完整业务流程
- 16.1 管理员创建活动
- 16.2 配置活动页面(可视化编辑)
- 16.3 配置报名/投票功能
- 16.4 发布活动
- 16.5 用户参与活动
- 16.6 管理员审核与管理
- 16.7 数据统计与导出
第 17 章:发布与部署
- 17.1 云函数部署
- 17.2 小程序打包与上传
- 17.3 版本管理与灰度发布
- 17.4 监控与日志