在这里插入图片描述

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

写在开头

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

Logo

前往低代码交流专区

更多推荐