Dc-sama / antd-vue-admin

🌀ant design vue + vue.js + sass 等实现的后台管理系统(下面有浏览地址)

Home Page:http://zhan961023.gitee.io/vue-admin-preview

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

antd-vue-admin typescript_Dev

简介

antd-vue-admin 是一个后台管理 spa 页面,它基于 vueant-design-vue 采用了最新的前端技术栈,实现了登录权限验证,动态路由生成(新加入模块,根据模块生成对应模块的菜单信息),参考vue-element-adminant-design-pro-vue,实现更标准化的前端实例模型,根据自己的业务修该对应的路由信息等模块信息,快速搭建后台管理系统模板。此版本是经过Typescript重构,加入一些新功能

此版本是ts版本 分支typescript_dev,不考虑ts请切换master分支,或者antd-vue-ts分支ts,js代码都有的

安装

# 克隆项目
git clone https://github.com/weizhanzhan/antd-vue-admin.git

# 进入项目目录
cd antd-vue-admin

# 安装依赖
npm install
or
yarn

# 启动服务
npm run serve

部署

npm run build

Online

在线浏览用户名密码随便输入

账号375786117@qq.com 密码123456 Image text Image text

功能

- 登录 / 注销
- 页面
  - 模块切换
  - dashboard
  - sideBar收缩和展开
  - 主题换肤
  - 中英文切换
  
- 侧边栏
  - 根据不同用户权限展示相应模块下的动态左侧菜单,模块切换,菜单更换

- 权限验证
  - 管理员页面 
  - 权限设置 

- 表格操作
  - 涉及平常业务遇到的相关表格操作(参考)

- Echarts
 - 滑动显示更多数据
 - 动态切换charts
 - map地图使用
 - video视频播放 AliyunPlayer
- Icons
 - 阿里iconfont
- TypeScript(已经加入)

About

🌀ant design vue + vue.js + sass 等实现的后台管理系统(下面有浏览地址)

http://zhan961023.gitee.io/vue-admin-preview


Languages

Language:CSS 46.1%Language:JavaScript 36.5%Language:Vue 10.9%Language:TypeScript 6.2%Language:HTML 0.3%Language:Shell 0.1%