uniapp+uniCloud生态Vue2版本完整的学习路径，轻松独自完成上线前后端项目

概述

嗨，大家好，我是爱搞知识的咸虾米，这篇文章给大家介绍uniapp+uniCloud快速开发上线自己的产品应用，这个学习路径是针对的vue2版本的，为什么这时候还在介绍vue2版本那，虽然uniapp目前已经支持vue3版本了，但是系统生成的代码还是vue2版本，如果你对vue2不熟悉的话，可能会对他系统生成的代码不知道如何修改，而且还有一个关键点，就是微信小程序原生的代码开发也是类似于vue2，如果你学过微信小程序原生开发的话，上手uniapp Vue2版本更容易，vue2版本在市面上的产品和插件还是很多的，有一些优秀的插件还不支持vue3版本，所以学习这个路线，也是不错的选择。

特点

知识点循序渐进由简入繁，超百小时内容豪华学习路径，加速提升高级技能与高薪就业竞争力，课程让你快速上手介绍各类不同的项目案例让你快速高效开发出自己的应用产品，历经3年持续迭代，超100万播放量，帮助万名学子入行转行，从零起点到高阶实战，学习路径稳健顺滑，铺就从小白到大前端的高薪成长路线，让你开发应用运营属于自己的产品。

学习路线

一、新课uniapp零基础入门到项目打包（微信小程序/H5/vue/安卓apk）全掌握

视频学习地址：https://www.bilibili.com/video/BV1mT411K7nW
项目演示地址：https://ku.qingnian8.com/case/qingnews

课程亮点

• DCloud官方推荐课程，值得信赖，https://www.bilibili.com/opus/743201072382738436
• B站播放量将近100万，常年霸榜uniapp前三名
• 超级详细，从软件入手到uniapp组件、api等再到vue2语法，最后完成综合青年帮新闻案例。

能学到什么？

• 首先会过一遍vue2的语法，即使你不会vue看完这个课程，vue2的常用的模块就基本掌握了
• 掌握常用的内置组件
• 学习使用各种API，如网络、媒体、缓存、界面等
• 对接网络接口渲染到页面中
• 完成新闻资讯类综合性案例，打包微信小程序、H5、APP等

二、uniCloud云开发视频教程-从基础入门到项目开发实战

视频学习地址：https://www.bilibili.com/video/BV1PP411E7qG
项目演示地址：http://ku.qingnian8.com/case/uniArticle

课程亮点

• B站播放量将近20万，比官方uniCloud视频更详细全面，容易上手
• 从uniCloud基础概念开始，让你掌握后端开发，可以独立完成前后端结合的完整项目

能学到什么？

• uniCloud的介绍对比传统开发的差异化
• 掌握云函数、云对象、云数据库、云存储的用法
• 使用DCloud插件市场的插件
• 能够对数据库增删改查，将数据渲染到页面中
• 完成综合案例，留言板项目
• 打包小程序、H5等应用

三、uniCloud云开发进阶篇多用户社区博客实战项目开发教程

视频学习地址：https://www.bilibili.com/video/BV1yG4y1h7ck/
项目演示地址：https://static-mp-3309c116-4743-47d6-9979-462d2edf878c.next.bspapp.com/quanzi/index.html

课程亮点

• DCloud官方唯一推荐的uniCloud系列课程视频教程，非常完整的一个博客项目，https://www.bilibili.com/opus/743201072382738436
• 详细介绍JQL语法格式，配合Schema表结构验证，用更少的代码完成更完美的应用

能学到什么？

• 学习最新的uni-id用户体系，掌握uni-id-pages最新的配置
• 学习DB Schema概述的语法格式，首页验证规则
• 掌握JQL数据库操作
• uniCloud-db前端组件的使用
• 学习咸虾米的圈子项目案例，数量掌握uniCloud的各个知识模块
• uni-ui组件库配合uView UI组件库，美化项目页面

四、（选修）基于uni-app生态开发API接口，uniadmin/uniapp/unicloud进阶课

视频学习地址：https://www.bilibili.com/video/BV1Xe4y1V7Lw/
项目演示地址：https://static-mp-3309c116-4743-47d6-9979-462d2edf878c.next.bspapp.com/quanzi/index.html

课程亮点

• 使用JS的语法就可以写API接口
• 使用uni-admin后台管理系统进行可视化数据管理

能学到什么？

• uni-admin后台管理系统的各个功能模块的介绍
• 使用第三方富文本编辑器wangEditor
• 使用云对象开发API接口，可以提供给小程序、H5等前端项目使用

五、uniapp实战unipay支付小程序商城开发

视频学习地址：https://www.bilibili.com/cheese/play/ss4400
项目演示扫码：

课程亮点

• 纯前端实现H5、小程序、APP商城开发；
• 技术栈：uniapp+uniCloud+unipay+uni-ui+uView+vuex；
• 学完可开发定制化商城，web前端技术再进阶一大步；

能学到什么？

• uniapp+unicloud云开发
• uniapp常用组件库及官方扩展UI库
• uView第三方UI组件库
• unicloud云开发实践，管理校验token权限
• vuex状态管理module模块商业级使用
• uni-id微信一键登录及手机验证码登录
• 开通微信支付及支付宝支付的全流程操作，unipay的实战