linjinze999 / vue-llplatform

vue-llplatform，基于vue、element搭建的后台管理平台。

vue-llplatform

别忘记点右上角的Star哦~

简介

vue-llplatform，基于vue、element搭建的后台管理平台。 考虑到后台管理一般是在电脑端查看，因此本项目没有实现移动端的适配。

教学说明：https://linjinze999.github.io/vue-llplatform/

源码地址：https://github.com/linjinze999/vue-llplatform

在线预览：https://linjinze999.github.io/vue-llplatform/preview/#/login

准备

你需要在本地安装node。本项目技术栈基于ES6、 vue、vue-router、 axios和element-ui， 所有的请求数据都使用Mock.js模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。

同时配套一个系列的教程文章，如何从零构建后一个完整的后台项目，建议大家先看完这些文章再来实践本项目： https://linjinze999.github.io/vue-llplatform/

功能

- 登录
 - 登录 / 注册 / 注销
 - 自动登录
 - 密码加密

- 权限验证
  - 页面权限
  - 指令权限

- 全局功能
  - 国际化多语言
  - 自定义主题
  - 本地mock数据
  - 侧边栏无限菜单
  - 收缩侧边栏
  - 请求错误自动处理
  - 请求支持sessionStorage、localStorage

- 功能页面
  - 表格table
  - 表单form
  - 富文本编辑器
  - 图表
  - 拖曳
  - 权限设置
  - 错误页面

构建

进入项目目录

cd llplatform

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

vue-llplatform's Issues

表格页面，点击头部的隐藏菜单，然后再点显示，主页面布局失控

表格页面，点击头部的隐藏菜单，然后再点显示，主页面布局失控，出现横向滚动条，原因可能是因为table引起的

菜单栏，如果一级菜单下面无二级菜单，做不到该一级菜单隐藏

{{$t(level1.name)}}

如何设置后端服务器地址

我取消掉了mock, 然而请求总被发到http://localhost:8080/vue-llplatform/preview/api/users/login, 我现在有一个后台地址"http://121.23.21", 我该做什么才能让请求发到这个地址呢

教程中的权限配置页面挂掉了

大佬你好，我发现教程有一点问题，权限控制中提到了权限配置页面，但是点击权限配置页面链接后页面不存在

起步报错

嗨博主你好,我正在学习你的项目.不过我在起步阶段遇到了一些小问题,在引入Element后就出现一堆错误,希望得到你的帮助,感谢.以下为我的详细操作

起步

Last login: Fri Jan 18 10:40:43 on ttys000
your-hostname:~ joey$ vue init webpack vue-llplatform

? Project name vue-llplatform
? Project description A Vue.js project
? Author illion [email protected]
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run npm install for you after the project has been created? (recom
mended) npm

vue-cli · Generated "vue-llplatform".

Installing project dependencies ...

========================

npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Switch to the bfj package for fixes and new features!
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: CircularJSON is in maintenance only, flatted is its successor.
npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0

[email protected] install /Users/joey/vue-llplatform/node_modules/fsevents
node install

node-pre-gyp WARN Using request for node-pre-gyp https download
[fsevents] Success: "/Users/joey/vue-llplatform/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node" is installed via remote

[email protected] install /Users/joey/vue-llplatform/node_modules/chromedriver
node install.js

Current existing ChromeDriver binary is unavailable, proceding with download and extraction.
Downloading from file: https://chromedriver.storage.googleapis.com/2.45/chromedriver_mac64.zip
Saving to file: /var/folders/z9/m3t2s66n66d15c3f1rzy0kzw0000gn/T/chromedriver/chromedriver_mac64.zip

本地测试:

安装element:

错误信息

Last login: Fri Jan 18 11:14:15 on ttys000
your-hostname:~ joey$ npm i element-ui -s

• [email protected]
  added 10 packages from 9 contributors and audited 11 packages in 8.698s
  found 0 vulnerabilities

your-hostname:~ joey$ cd vue-llplatform
your-hostname:vue-llplatform joey$ npm run dev

[email protected] dev /Users/joey/vue-llplatform
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

94% asset optimization -
ERROR Failed to compile with 1 errors 11:34:43 AM

error in ../node_modules/element-ui/lib/theme-chalk/index.css

Module build failed: Error: No PostCSS Config found in: /Users/joey/node_modules/element-ui/lib/theme-chalk
at config.load.then (/Users/joey/vue-llplatform/node_modules/postcss-load-config/src/index.js:55:15)

@ ../node_modules/element-ui/lib/theme-chalk/index.css 4:14-186 13:3-17:5 14:22-194
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

WAIT Compiling... 11:36:38 AM

95% emitting i
WARNING Compiled with 1 warnings 11:36:39 AM

✘ http://eslint.org/docs/rules/spaced-comment Expected space or tab after '//' in comment
src/main.js:6:35
import ElementUI from 'element-ui'//第一行
^

✘ http://eslint.org/docs/rules/spaced-comment Expected space or tab after '//' in comment
src/main.js:7:1
//import 'element-ui/lib/theme-chalk/index.css'//第二行
^

✘ http://eslint.org/docs/rules/spaced-comment Expected space or tab after '//' in comment
src/main.js:10:19
Vue.use(ElementUI)//第三行
^

✘ 3 problems (3 errors, 0 warnings)

Errors:
3 http://eslint.org/docs/rules/spaced-comment

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

下面这张图是再一次重头开始操作之后的报错信息..

nginx转发请求,后端收到的请求url中缺失api参数

我想把请求发到http://172.16.15.208:8080/api/users/login
在llplatform.env.development中 设置 VUE_APP_BACK_END_URL=http://172.16.15.208:8080
在src/api/user.js中 request('/api/users/login', params)
但是后端服务器接受到的url显示为 http://172.16.15.208:8080/users/login
url中的'api'不见了, 我怀疑和vue.config中的代理设置有关
我该如何设置才能让后端接收到正确的url呢

大佬 教程挂掉了

大佬教程挂掉了 能恢复下么 非常感谢

跨域请求

在跟SpringCloud对接的时候，后端已经处理所有的跨域请求信息了，前端也设置


还是有