先弄清这门课解决什么问题
很多做前端或后端开发的人常遇到一个场景：公司要求快速出一套能同时在微信小程序、H5 甚至 App 上运行的内容展示程序，且必须带一个后台来管理文章、图片或商品。按传统模式，前端写多端页面、后端写接口、再搭服务器和数据库，周期长且沟通成本高。这门 UniApp+UniCloud 实战课就是解决这个痛点。它用 UniApp 写一次代码跑多端，用 UniCloud 提供云函数和云数据库，省去买服务器和单独部署后端的麻烦。学完它，你能独立打通“多端展示界面+云端数据接口+后台内容管理”的完整闭环，适合需要快速交付轻量级 CMS 系统的开发场景。
资料适合什么基础，建议先看哪几块
这套资料默认你已经掌握 HTML、CSS 和 JavaScript 基础语法，了解 Vue 的组件化开发模式。如果你完全没写过 Vue，直接看视频会觉得云里雾里。对于符合基础要求的读者，建议先看课前准备阶段的项目简介与设计规范部分，理解整个 CMS 的功能边界和多端兼容的底层逻辑。接着直接进入前端页面布局环节，重点看顶部搜索框布局以及兼容多端的处理方法。这是 UniApp 开发的核心难点，很多初学者写出的页面在 H5 正常，到了小程序端样式就错乱，提前看这部分能避开大部分样式适配的坑。
学完能做什么，资料怎么配合练习
跟着这套视频走完，你能独立搭建一套跨平台的内容展示前端，并实现与云端数据库的数据交互，同时具备搭建基础后台管理系统管理这些内容的能力。在具体练习时，不要只用眼睛看视频，必须本地装好 HBuilderX 编辑器同步操作。资料里讲到的 uView 界面库和图标引入，要在本地项目里真实跑一遍。遇到前端组件引入或布局视频时，先暂停自己按思路写，再对比视频里的写法找差距。讲到多端兼容时，务必同时开启内置的 H5 预览和小程序模拟器，观察同一套代码在不同端的渲染差异。只有把视频里的代码敲进项目并真机预览，才算真正掌握这套云端一体化开发流程。
快速上手uniapp+unicloud开发框架，可帮助大家独立搭建跨平台程序的前端页面与后台管理系统
课程目录
* 01 课前准备/
* 01 项目简介.mp4 (74.71 MB), 12:38
* 02 课前准备.mp4 (14.78 MB), 03:59
* 03 设计规范.mp4 (47.41 MB), 10:47
* 04 引入uView2.mp4 (28.44 MB), 06:29
* 05 引入iconfont图标.mp4 (31.33 MB), 07:05
* 06 引入vue-holderjs.mp4 (22.40 MB), 05:12
* 02 前端页面布局/
* 01 引入metch-midia组件.mp4 (41.94 MB), 10:29
* 02 顶部logo+搜索框布局.mp4 (29.08 MB), 06:19
* 03 兼容多端.mp4 (31.24 MB), 06:46
* 04 顶部导航栏布局.mp4 (22.15 MB), 05:19
* 05 顶部导航栏兼容多端.mp4 (14.18 MB), 02:41
* 06 引入popup弹出层组件.mp4 (25.10 MB), 04:54
* 07 完善手机端右侧导航弹出层.mp4 (31.05 MB), 07:09
* 08 自定义顶部导航栏组件.mp4 (28.14 MB), 06:15
* 09 引入轮播图组件.mp4 (21.73 MB), 03:32
* 10 轮播图组件兼容多端.mp4 (34.56 MB), 05:43
* 11 引入noticebar滚动通知组件.mp4 (17.09 MB), 02:43
* 12 自定义推荐分类.mp4 (56.69 MB), 09:59
* 13 热门课程布局.mp4 (56.06 MB), 09:35
* 14 最新资讯列表布局.mp4 (47.71 MB), 08:22
* 15 兼容多端.mp4 (65.25 MB), 10:16
* 16 推荐讲师.mp4 (84.37 MB), 15:29
* 17 推荐讲师兼容多端.mp4 (64.27 MB), 10:03
* 18 推荐课程.mp4 (65.03 MB), 12:23
* 19 友情链接.mp4 (35.85 MB), 07:13
* 20 底部导航.mp4 (86.04 MB), 15:51
* 21 关于我们.mp4 (64.60 MB), 13:06
* 22 新闻资讯.mp4 (117.87 MB), 19:59
* 23 精品课程.mp4 (47.92 MB), 08:49
* 24 课程详情.mp4 (85.67 MB), 15:45
* 25 意见反馈.mp4 (51.85 MB), 09:12
* 26 联系我们.mp4 (79.31 MB), 13:30
* 03 后台管理系统/
* 01 搭建uni-admin模板.mp4 (27.53 MB), 06:22
* 02 轮播图管理.mp4 (32.75 MB), 07:15
* 03 友情链接管理.mp4 (71.01 MB), 13:42
* 04 文章分类管理.mp4 (41.94 MB), 09:39
* 05 文章列表管理.mp4 (52.71 MB), 11:16
* 06 引入富文本编辑器.mp4 (69.63 MB), 13:24
* 07 上传图片成功.mp4 (29.61 MB), 04:53
* 08 完成视频上传、文章添加功能.mp4 (51.67 MB), 08:56
* 09 封装编辑器组件.mp4 (55.27 MB), 09:46
* 10 优化编辑器组件.mp4 (46.48 MB), 07:38
* 11 产品分类管理.mp4 (28.00 MB), 05:55
* 12 产品列表管理.mp4 (122.53 MB), 20:00
* 13 单页面管理.mp4 (56.12 MB), 09:27
* 14 导航管理.mp4 (39.97 MB), 07:56
* 15 站点设置管理.mp4 (40.49 MB), 08:18
* 16 完善后台内容数据.mp4 (14.50 MB), 03:11
* 04 前后端数据交互/
* 01 渲染首页数据-顶部导航栏.mp4 (81.78 MB), 12:09
* 02 顶部导航栏下.mp4 (60.79 MB), 09:14
* 03 渲染轮播图数据.mp4 (54.61 MB), 08:37
* 04 数据库请求优化、渲染滚动通知数据.mp4 (71.05 MB), 10:32
* 05 渲染热门产品数据.mp4 (54.24 MB), 08:22
* 06 渲染最新资讯数据.mp4 (106.51 MB), 16:25
* 07 渲染推荐产品数据.mp4 (37.05 MB), 06:00
* 08 渲染分类文章数据上.mp4 (107.07 MB), 17:22
* 09 渲染分类文章数据下.mp4 (102.42 MB), 15:48
* 10 渲染产品列表数据.mp4 (51.12 MB), 08:13
* 11 渲染友情链接数据.mp4 (37.08 MB), 05:52
* 12 渲染底部导航栏数据.mp4 (42.62 MB), 06:42
* 13 渲染站点设置数据.mp4 (52.88 MB), 08:40
* 14 渲染关于我们页面.mp4 (73.57 MB), 11:57
* 15 渲染新闻列表数据.mp4 (85.68 MB), 14:12
* 16 渲染新闻详情页数据.mp4 (98.04 MB), 16:22
* 17 渲染产品列表数据.mp4 (65.14 MB), 10:04
* 18 渲染产品详情数据.mp4 (100.64 MB), 15:58
* 19 意见反馈.mp4 (41.67 MB), 07:19
* 20 联系我们.mp4 (51.06 MB), 08:09
* 05 项目上线/
* 01 项目上线至H5端.mp4 (59.98 MB), 10:42
* 02 兼容微信小程序上.mp4 (77.04 MB), 11:43
* 03 兼容微信小程序中.mp4 (81.47 MB), 13:07
* 04 兼容微信小程序下.mp4 (28.70 MB), 05:03
* 05 兼容抖音小程序上.mp4 (64.09 MB), 09:55
* 06 兼容抖音小程序中.mp4 (75.17 MB), 11:35
* 07 兼容抖音小程序下.mp4 (29.00 MB), 05:15
* 08 兼容百度小程序.mp4 (65.34 MB), 10:04
* 09 完善遗漏的问题.mp4 (122.70 MB), 19:54
