前端项目设计

前端项目常用架构

• 项目目录
• 项目构建 webpack/vite
• 代码规范 eslint styleint
• 提交规范 husky/lint-staged/commitlint
• 模块化
• 公共库组件，业务组件
• 公共方法
• ajax 请求
• 接口列表
• 路由, 权限路由
• store 数据仓库
• 设计模式

常用业务

• 布局
• 音频，视频，富文本，图表，地图
• 表单
• 组件
• 请求接口
• 上传文件
• 菜单权限，功能权限
• 用户检验，登录检验，token/cookie
• 本地缓存，store仓库
• scoket通信
• node服务
• 数据埋点
• 字典维护，提示语维护，多语言维护
• 流程分支审批业务

项目类型

1. 低代码平台：拖拽或者配置表单，生成json, 经过编译器，生成需要页面内容
2. 管理后台：增删改查业务，图表展示
3. vr三维内容: 使用krpano等工具语言，生成三维内容
4. 小程序：增删改查业务，商城，内容等。