【前后端实战项目】带你从入门到实战全面掌握 uni

【前后端实战项目】带你从入门到实战全面掌握 uni

文章目录

• • 写在开头
  • 进入正文
  • 为什么学 uni-app
  • uni-app 产品特征
  • 课程架构
  • 项目课程
  • 邀请码
  • 适合人群
  • 总结
  • 附录：「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）

📈「作者简介」：前端开发工程师 | 蓝桥云课签约作者 | 技术日更博主 | 已过四六级
📚「个人主页」：阿珊和她的猫
🕐「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）

• Vue.js 和 Egg.js 开发企业级健康管理项目
• 带你从入门到实战全面掌握 uni-app

写在开头

2020-10-16，我在蓝桥上架了一门实战课程：Vue.js 和 Egg.js 开发企业级健康管理项目

当时还特地写了一篇博客去宣传：【实战项目】Vue.js 和 Egg.js 开发企业级健康管理项目

进入正文

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，具备"编写一次代码可发布到多个平台"的特点，大大的节省了开发成本，极速提升了开发效率。

“纸上得来终觉浅，得知此事要躬行”，学习是一个需要实践的过程，本课程区别于传统的基础教程，以项目实践的方式由浅入深带大家掌握 uni-app 技术栈。

开发者使用 uni-app 编写一套代码，可发布到多个平台。

为什么学 uni-app

先来看下当前跨平台开发存在的问题：

• 多端泛滥
• 体验不好
• 生态不丰富

再来看下 uni-app 跨端方案与微信小程序、taro 等框架的对比：

uni-app 产品特征

1. 跨平台多
2. 运行体验好
   • 组件、api 与原生小程序一致
   • 兼容 weex 原生渲染，效率高，局部渲染
3. 学习成本低
   • vue 的语法，微信小程序的 api
   • 内嵌 mpvue
4. 开放生态，组件丰富
   • 支持通过 npm 安装第三方包
   • 支持微信小程序自定义组件及 SDK
   • 兼容 mpvue 组件及项目
   • App 端支持和原生

课程架构

项目课程

前端使用 uni-app ，它是一个使用 Vue.js 开发跨平台应用的前端框架，具备"编写一次代码可发布到多个平台"的特点，大大的节省了开发成本，极速提升了开发效率。

后端使用 Node.js(Egg.js) 技术栈进行开发，采取 MVC 架构，不负责前端界面处理，只对外提供统一的 API。

这门上架的课程，《带你从入门到实战全面掌握 uni-app》，你确定不了解下？

它能让你学到一些东西：

我清楚的记得，那一天，云淡风轻，我，下班后简单发了朋友⭕进行宣传，低调得不行（叉腰）。

其实这门课程主要是使用新技术 uni-app 重构我毕设项目的部分功能而已。

课程区别于传统的基础教程，以项目实践的方式由浅入深带大家掌握 uni-app 技术栈。

基础功能

• 登录
• 注册
• 修改个人信息

核心功能

• 发布动态
• 日程计划

前端组件树

后端接口

后端使用egg.js进行开发的，有十多个接口。

接下来简单放两张图~

注册页面

个人页面

邀请码

如果你感兴趣，可以关注/了解一下。

《带你从入门到实战全面掌握 uni-app》

学员通过邀请码购买可享受9折优惠

邀请码：ZDgwGJDL

适合人群

在职人群：具有前端基础，了解 Vue.js 相关知识，想要快速熟悉 uni-app 开发及相关生态。
在校学生：具有前端基础，了解 Vue.js 基础知识和语法，对 uni-app 有兴趣的。

总结

整个项目的功能点没有太难的点，也没有复杂的逻辑。技术栈涵盖了前后端，适合新手练习。

附录：「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）

Vue.js 和 Egg.js 开发企业级健康管理项目
带你从入门到实战全面掌握 uni-app