为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第15天Vue3+ElementPlus+Koa2 全栈开发后台系统

标签:
Vue.js

学习课程名称:Vue3+ElementPlus+Koa2 全栈开发后台系统
章节名称:前端架构设计
讲师姓名:河畔一角


课程内容:

  1. 项目初始化
  2. 脚手架版本升级
  3. 插件安装及升级
  4. 目录结构规范
  5. 路由封装
  6. 环境配置
  7. axios二次封装
  8. storage二次封装
  9. 主页结构布局

框架搭建其实很简单,我们一般通过官方提供的脚手架,就能很快速的生成基础的框架模板。公司往往看重的对项目重构以及提升的能力,即:前端架构师。

每个前端工程师都应该有一颗架构师的心,不断提高自己。

在架构设计中,我们一般要考虑到:

  1. 手动构建或者基于脚手架构建基础项目
  2. 提前设计好项目整体架构能力(目录结构、工具函数、开发规范、环境配置、Mock、Cookie/Storage/Axios插件二次封装、路由封装、系统整体布局)
  3. CodeReview流程
  4. Git提交规范
  5. VSCode配置规范
  6. 开发内部的脚手架
  7. 工程化(自动构建、自动部署)

插件二次封装的时候,考虑到方便使用,后期可扩展,以提高工作效率为目标。牛逼的程序员,十个八九都是“懒汉”,因为“懒”,从而想突破现状,敢于创新。

业务方面需要考虑:

  1. 动态路由
  2. 菜单、按钮权限、数据权限
  3. 业务模块封装
  4. 组件抽离
  5. UI框架设计
  6. 数据埋点设计
  7. 通用后台解决方案
  8. H5架构方案
  9. 小程序架构方案

自己在这方面还有很多不足,学习本节视频,老师为我指引的方向,力求在上述几个方向有些突破;


图片描述

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消