Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

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

License

Notifications You must be signed in to change notification settings

sayabc/admin-vue-element

Repository files navigation

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.