该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

不再维护

本项目已升级至伊娃(Eva)后台管理系统。当前项目已不再维护,请知悉。

项目介绍

此项目为企业数据管理系统的前端部分,后端部分请参考springboot-admin,项目实现了菜单管理、用户管理、角色管理和权限管理四个基础模块,菜单管理结合动态路由实现了菜单的自由添加。通过指令实现了结合用户权限配置做菜单和按钮的权限控制。如有问题可加入交流群:877957236。

点击查看线上演示,超级管理员账号:admin,密码:123123。

使用步骤

执行以下步骤前请确保已安装NODE环境

  1. 克隆此仓库代码
  2. 在此项目根目录下执行npm install
  3. 在此项目根目录下运行npm run dev

超级管理员账号:admin,密码:123123。

默认情况下,接口使用的是线上演示接口地址,你可以在config/index.js中调整为自己的接口地址。如需后端服务,可查阅springboot-admin

使用懒猴子CG定制化需求和快速开发页面/接口

通过懒猴子CG你可以配置前端的弹窗模式以及技术栈信息,并可以快速的生成页面和接口。传送门

项目预览

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

目录说明

  • build: 打包逻辑,通过npm run build时执行该目录下的build.js
  • config: 配置文件目录
  • dist: 打包后的目录,用于发布。(在执行npm run build后产生)
  • src/assets/constants: 常量文件目录
  • src/assets/api: 存放接口定义文件
  • src/assets/style: 存放样式文件
  • src/assets/utils: 存放工具文件
  • src/components: 存放项目自定义组件文件
  • src/pages: 存放项目页面文件
  • src/router: 存放Vue路由配置
  • src/filters: 存放自定义过滤器
  • src/directives: 存放自定义指令
  • src/layouts: 存放布局组件
  • static: 存放静态文件,通过项目域名/static可直接访问该目录下的资源

主题配置

element-ui使用的是sass预编译,项目当中我们主要使用的是less,所以关于主题变量的定义需要修改两处地方。

  1. src/assets/style/theme.scss,此文件用于修改element-ui自带的系统变量,其中--color-primary为主题色
  2. src/assets/style/variable.less,此文件用于存放系统全局配置变量,其中primary-color为主题色

环境配置

环境运行命令

  • 开发环境: npm run dev
  • 测试环境: npm run build-test
  • 生产环境: npm run build

环境配置文件

  • config/dev.env.js
  • config/test.env.js
  • config/prod.env.js

在配置文件中配置的属性,可通过process.env.属性名获取,可参考src/page/Index.vue。 其中,非开发环境命令运行后将产生dist目录,dist目录则为发布内容,将其发布至nginx或其他服务器即可。

API本地代理配置

接口本地代理配置在config/index.js中,代码如下:

module.exports = {
  dev: {
    ...
    proxyTable: {
      '/api': {
        target: 'http://127.0.0.1:9000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    ...
  }
}

懒加载

采用import方法即可。详细用法请参考Vue Router懒加载部分Webpack代码分离

API调用

  • 接口调用采用axios,axios的默认配置信息在src/assets/utils/axios.js文件中。为了统一处理请求,我们为其做一层封装,详情请查看src/assets/utils/request.js。
  • 关于request.js的使用,可以参考src/pages/Index.vue和src/assets/service/IndexService.js。

代码格式化

运行npm run fix即可,将自动根据ESLint配置进行代码格式化。

ESLint的启动和关闭

ESLint的启动和禁用在config/index.js文件中配置,如下:

module.exports = {
  dev: {
    useEslint: false, // 为false时表示禁用
    ...
  },
  ...
}

在关闭ESLint的情况下,仍可以运行npm run fix进行代码格式化。

空文件

简介

一套干净的企业数据管理系统/运营平台模版,完成了菜单管理、用户管理、角色管理和权限管理四个基础模块,技术栈使用的是vue,element-ui, axios。 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化