@rjgf/create-app

rj-vue

使用 vue-cli 3.0 , typescript,vue antd 实现的中后台框架!

使用过程

必须安装yarn

1. yarn install
2. yarn serve

浏览器输入http://localhost:9100

编译

使用yarn build可能会报错，使用node .\node_modules\@vue\cli-service\bin\vue-cli-service.js build编译

目录结构

src
├── api                             # API 目录
├── assets                          # 静态资源目录
│   ├── font                        # 字体
│   ├── icon                        # 图标，通常是 svg
│   ├── images                      # 图片
│   └── logo.png                    # LOGO
├── components                      # 通用组件
├── config                          # 配置文件
├── directives                      # Vue 指令
├── filter                          # Vue 过滤器
├── layout                          # 页面布局
├── lib                             # 基础库（通常与业务无关）
├── mixins                          # Vue 的 Mixin
├── plugins                         # Vue 的 插件
├── route                           # 路由
├── service                         # 服务（通常与业务相关）
├── shims-vue-extend-type.d.ts      # Vue 实例的扩展声明文件
├── store                           # Vue store
├── styles                          # 样式
├── util                            # 工具函数（通常仅仅是一个函数）
├── vendor                          # 第三方包（例如地图的 SDK 等）
└── views                           # 视图层（移动里面的文件可能导致动态路由找不到这个组件）

待办事项

• 对接口
  • 人员组织
    • 组织架构 黄山嵩
    • 单位维护
    • 用户维护
  • 系统设置
    • 菜单管理 李立贝
    • 角色管理 黄山嵩
    • 区域管理 黄山嵩
    • 数据字典 黄山嵩
    • 操作日志 李立贝
    • APP 管理 谢汉敏
    • FAQ 黄山嵩
  • 推送通知
  • 帮助中心
  • 个人设置 黄山嵩
  • 登录记录 李立贝
• 改菜单（多方式布局）李立贝
  • 顶部菜单
  • 左侧菜单
  • 顶部 + 左侧菜单
• 配置面板 谢汉敏
  • 布局切换
  • 主题切换
  • 顶部布局时候，【固定宽度】/【自适应】
• 公共组件
  • 上传组件 Upload
  • 通用的请求组件 Request 李立贝
  • 字典组件 Dictionary 黄山嵩
  • 富文本组件 Editor (动态加载) 黄山嵩
  • PDF 组件 PDF Viewer (动态加载) 谢汉敏
  • 图表组件 EChart (动态加载)
  • 全屏组件
  • 图标选择器 李立贝
  • 区域选择器 谢汉敏
• 其他
  • 菜单路由参数配置 李立贝
  • 修复 warning/error 李立贝
  • 整理 api 目录 李立贝
  • 整理 util 目录 李立贝
  • 路由中间件 李立贝
  • 路由 404 逻辑 李立贝
  • 动态路由 李立贝
  • 地区数据文件整合 李立贝
  • 模拟数据 (前端模拟数据，剥离接口，可以离线运行)
  • 路由选择器 谢汉敏
  • 面包屑 谢汉敏
  • 顶部导航动态收缩（使用媒体查询） 李立贝
  • 路由展示公共组件 谢汉敏
  • 在 .vue 文件中支持 jsx (eslint) 李立贝
  • 支持 eslint-plugin-import 插件 李立贝
  • swagger 接口生成器 李立贝
  • 使用 yarn workspace 和 lerna 进行分包处理
  • 把分包上传到 npm 上
• 使用 public-page 组件重构页面
  • 人员组件
    • 单位维护 黄山嵩
    • 用户维护 黄山嵩
  • 审计日志
    • 操作日志
    • 登录日志
  • 系统设置
    • 菜单管理
    • 角色管理
    • 区域管理
    • 数据字典
    • FAQ 黎昊东
• 公共组件示例页面
  • 字典组件 dictionary 严韬
  • 日期选择器 date-picker
  • 地区选择器 area-picker 谢汉敏
  • 图标选择器 icon-picker
  • 公共搜索页面 public-page 严韬
  • 请求组件 request 林瑞咏
  • 上传组件 uploader 黎昊东
  • 富文本编辑器 tinymace-editor
  • 异步组件 await 林瑞咏
• BUG
  • 顶部导航随路由高亮 林瑞咏
  • 【通知图标】/【帮助中心】随主题切换颜色 黎昊东