实战项目-07(前端(vue-element-admin))

转载

mob604756e605af 2021-10-19 16:09:00

文章标签 ico 压缩包解决方案后台管理二次开发 文章分类 代码人生

vue-element-admin/vue-admin-template

简介(vue-element-admin)

是一个基于element-ui的一套后台管理系统集成方案
功能是:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能

安装

解压压缩包
进入目录(在终端中打开)
安装依赖(安装之前先卸载npm uninstall node-sass然后安装cnpm i node-sass -D)基于上一篇的解决方案
启动测试npm run dev 访问http://localhost:9528/

简介(vue-admin-template)

还基于vue-element-admin的一套后台管理系统(基础的模板),可作为模板二次开发.
此处使用的是这个,将这个进行了二次开发

安装

解压压缩包
进入目录(在终端中打开)
安装依赖(安装之前先卸载npm uninstall node-sass然后安装cnpm i node-sass -D)基于上一篇的解决方案
启动测试npm run dev 访问http://localhost:9527/

项目的结构

结构

.
├── build // 构建脚本
├── config // 全局配置
├── node_modules // 项目依赖模块
├── src //项目源代码
├── static // 静态资源
└── package.jspon // 项目信息和依赖配置
src
├── api // 各种接口
├── assets // 图片等资源
├── components // 各种公共组件，非公共组件在各自view下维护
├── icons //svg icon
├── router // 路由表
├── store // 存储
├── styles // 各种样式
├── utils // 公共工具，非公共工具，在各自view下维护
├── views // 各种layout
├── App.vue //项目顶层组件
├── main.js //项目入口文件
└── permission.js //认证入口