/admin-vue-element

手撸一个基于vue和element的管理后台 yeah It's admin-vue-element! :tada:

Primary LanguageJavaScriptMIT LicenseMIT

vue-admin

A wonderful vue-admin Project!

Hey, come on !

说明

近来公司业务在所在的小组暂时渡过了初始期，Q3总体来说不是很复杂，所以希望自己能在较为宽松的时间里，能做几个模板级别的项目，这个项目是其中一个希望在Q3季度 完成的初始框架和构思的项目，虽然时间比较零散，但是，在心情静下来的这段时间，实践下总是好的。

哈哈 一不留神就拖到Q4了...

框架搭建

  • 顶部导航栏
    • 全屏
    • 多语言切换
    • 个人中心
      • 退出登录
      • 项目地址
  • 侧边导航栏
    • 一级菜单
    • 二级菜单
  • 面包屑
  • 导航标签(暂不做)

功能使用

  • 顶部导航栏
    • 全屏
    • 多语言切换
    • 个人中心
      • 退出登录
      • 项目地址
  • 侧边导航栏
    • 一级菜单
    • 二级菜单
  • 面包屑
  • 导航标签(暂不做)
  • 登录、退出
  • 图表
  • 错误页
    • 40x
    • 50x
  • 组件
    • 富文本编辑器
    • 拖拽
    • TODO list
  • 使用文档?

开发过程想法和发现的待处理问题

  • 切换tab时候sidebar切换，但mainpart部分没有对应更改 切换tab时候sidebar切换，对应的sidebar第一页应该高亮显示出来
  • 当 dev 合并到 master 的时候触发一个能够在 master 分支运行 npm run build 生成 public 的脚本，方便预览(需配置域名)
  • 添加 .circleci 并使用 是否考虑下移动端的简单适配? 是否考虑页面显示更方便可控(新增页面一行命令解决)?

过程和结尾需要优化的点

  • 结构的优化
  • 文件命名的语义化
  • 代码优化

项目结构

使用介绍

  1. 纯净版本的可以切换到分支 dev-basic 满足基本的后台管理系统的功能使用
  2. 安装模块
  3. 卸载模块
  4. 新加板块(指sidebar)步骤: (1) router/ 添加对应的路由配置(类welcome.js) 并在index.js里注册使用; (2) views/ 下新建路由对应的file，合理使用 分组会让结构更清晰; (3)当前限制每个路由配置都要有children字段，后期可配置 path 字段的值 一定要唯一; (4) 路由嵌套目前支持到二级

Change Log

  • 2018.10.17 考虑到实际会有n多个一级菜单，即使分权限，所以在顶部显示菜单不是一种很合适的方案，计划更改为在左侧sidebar显示 顶部为面包屑

License

MIT

Copyright (c) 2017-present eyea