AdminAir

AdministradorAire

Introducción del proyecto

Sistema de gestión backend AdminAir versión universal 1.0

Este proyecto está construido en base a vue+Element. La página incluye básicamente las páginas para agregar, eliminar, modificar y verificar para operaciones regulares, administración de permisos y páginas de inicio de sesión. La clase de visualización de la página de inicio incluye componentes regulares: nombre del encabezado y componente de visualización de cantidad, lista de artículos. componente de visualización superior y componente de barra de progreso, componentes de visualización de tablas, componentes de línea de tiempo, componentes de calendario, componentes de pantalla de bloqueo, componentes de gráficos: gráficos de líneas, gráficos de barras, gráficos circulares, gráficos de rosas, etc.; La página de visualización de datos se encuentra actualmente en modo H5 y los componentes realmente se están construyendo. Los componentes relevantes para la página de pantalla grande se actualizarán en la versión 2.0.

• Si está interesado en este proyecto, puede hacer clic en "Estrella" para apoyarlo.

• O puede "seguirnos" y, si tiene alguna pregunta, envíela directamente en Problemas.

• Portal: Demostración haga clic aquí

---

El producto depende de:

• vista
• Vista CLI
• Enrutador Vue
• Elemento
• Cartas electrónicas
• núcleo-js
• VueCountTo
• nprogreso

Operación del proyecto

 # 克隆到本地
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

Estructura del directorio del proyecto

 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		锁屏组件

Captura de pantalla de la parte del proyecto.

Plantilla de página de pantalla grande