Système de gestion backend AdminAir version universelle 1.0
Ce projet est construit sur la base de vue+Element. La page comprend essentiellement les pages d'ajout, de suppression, de modification et de vérification pour les opérations régulières, la gestion des autorisations et les pages de connexion. La classe d'affichage de la page d'accueil comprend des composants réguliers : composant d'affichage du nom d'en-tête et de la quantité, liste d'articles. composant d'affichage supérieur et composant de barre de progression, composants d'affichage de tableau, composants de chronologie, composants de calendrier, composants d'écran de verrouillage, composants de graphique : graphiques linéaires, graphiques à barres, diagrammes circulaires, graphiques en roses, etc. ; La page de visualisation des données est actuellement en mode H5 et les composants sont en cours de construction. Les composants pertinents pour la page grand écran seront mis à jour dans la version 2.0.
Si ce projet vous intéresse, vous pouvez cliquer sur "Star" pour le soutenir !
Ou vous pouvez « suivre » et si vous avez des questions, veuillez les soumettre directement dans Problèmes
Portail : Démo cliquez ici
# 克隆到本地
git https://github.com/liu-ziting/AdminAir.git
svn svn+ssh://[email protected]/liuziting/AdminAirElUI
# 进入文件夹
cd AdminAirElUI
# 安装依赖
npm install
# 开启本地服务器localhost:8088
npm run dev
# 发布环境
npm run build
adminAirELUI
│ babel.config.js
│ package-lock.json
│ package.json
│ README.md
│ vue.config.js
│
├─public
│ favicon.ico
│ index.html
│
└─src
│ App.vue 跟组件
│ loading.js 加载中动画封装
│ main.js 入口js文件
│ route.js 路由
│
├─assets 资源目录,这里的资源会被wabpack构建
│ logo.png
│ no.png
│
└─components 公共组件目录
│ Addnews.vue 文章管理-文章添加-->>(添加组件可用于各类表单提交功能页面)
│ Category.vue 文章管理-类别添加-->>(列表,搜索,弹窗添加基本内容功能组件)
│ Edit.vue
│ Home.vue 后台主页-->>(继承各类展示类组件的调用,具体组件查看HomeAssembly)
│ Login.vue 登陆页面
│ Main.vue 框架主体-->>(包含头部,左侧导航,底部和中间路由模块)
│ NewList.vue 文章管理-新闻列表-->>(可用于列表展示搜索查询等功能组件)
│ Role.vue 权限管理-角色管理
│ User.vue 权限管理-用户管理-->>(左侧树导航右侧表格类组件)
│ Welcome.vue 欢迎页面-->>(用于当主页没什么内容可直接用欢迎页面作为主页)
│ UserCenter.vue 我的设置-个人中心
│
├─Add 添加类组件目录
│ addadmin.vue 权限管理-用户管理-管理员添加(用于弹窗表单提交的组件)
│ addrole.vue 权限管理-用户管理-角色添加(用于弹窗表单提交的组件)
│ password.vue 我的设置-个人中心-修改密码(用于弹窗表单提交的组件)
├─Datav 数据可视化页面目录
│ BigScreen.vue 数据可视化主页
│
├─Echarts 图表组件目录
│ bar.vue 折线图
│ line.vue 双柱状图
│ rose.vue 南丁格尔玫瑰图
│
└─HomeAssembly 主页展示类组件目录
Calendar.vue 日历
Carousel.vue 轮播图
Empty.vue 暂无数据
ListCrad.vue 列表类的模块
Progress.vue 进度条集合
Table.vue 表格
Timeline.vue 时间戳
TopNum.vue 统计类
LockScreen.vue 锁屏组件