微服务项目：尚融宝（13）（前端平台：搭建管理平台前端程序）

2022-11-15 14:01:32 浏览数 (1)

一、vue-element-admin

vue-element-admin是基于element-ui 的一套后台管理系统集成方案。

GitHub地址：​​​​​​

代码语言：javascript复制
https://github.com/PanJiaChen/vue-element-admin

项目在线预览：https://panjiachen.gitee.io/vue-element-admin

代码语言：javascript复制
https://panjiachen.gitee.io/vue-element-admin

二、vue-admin-template

1、简介

vueAdmin-template是基于vue-element-admin的一套后台管理系统基础模板（最少精简版），可作为模板进行二次开发。

GitHub地址：GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template

根据用户角色来动态生成侧边栏的分支：GitHub - PanJiaChen/vue-admin-template at permission-control

2、安装和运行

代码语言：javascript复制
# 解压压缩包vue-admin-template-permission-control.zip
# 重命名为srb-admin
# 进入目录
cd srb-admin

# 安装依赖
npm install

# 启动。执行后，浏览器自动弹出并访问http://localhost:9528/
npm run dev

三、前端配置

1、禁用ESLint语法检查

vue.config.js 第30行处禁用ESLint语法检查

这个玩意怕出现一些前端的细节的玩意

代码语言：javascript复制
lintOnSave: false,

2、添加prettier格式化配置

在vue项目根目录下新建一个文件.prettierrc

代码语言：javascript复制
{
  "semi": false,
  "singleQuote": true,
  "htmlWhitespaceSensitivity": "ignore"
}

3、修改页面标题

src/settings.js 第3行处修改页面标题

4、国际化设置

src/main.js 第7行处修改语言

针对插件的中文化（日历什么的） 

5、下拉菜单修改

6、登录页修改

src/views/login/index.vue

修改页面标题、登录按钮等

vue.js github git 开源 javascript

0 人点赞