3 Star 13 Fork 6

bigfool-cn / vue-element-admin-express

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

简介

vue-element-admin-express 是一个后台前端解决方案,它基于 vueelement-ui以及express实现。它使用了最新的前端技术栈,内置了动态路由,权限验证,并提供了简单的后端API服务,开箱即用,帮助你快速构建前后端分离动态路由和权限模型。

本项目通过vue-element-admin精简改造,移除了大部分组件,如需要其他组件,可前往搬运。

前序准备

你需要在本地安装 nodegitmysql。本项目技术栈基于 ES2015+vuevuexvue-routervue-cliaxioselement-uiexpress,提前了解和学习这些知识会对使用本项目有很大的帮助。

功能

- 登录 / 注销

- 系统管理
  - 用户管理
  - 菜单管理
  - 角色管理
  - 登录日志

服务端

# 进入server端目录
cd vue-element-admin-express/server

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# vue-element-admin-express/server/mysql.sql 导入数据表到mysql数据库
# vue-element-admin-express/server/model/init.js 配置数据库信息:数据库名,登录账号,登录密码,ip,端口

# 启动 默认绑定ip:0.0.0.0 端口:8002, 可以在app.js指定你需要的ip和端口
npm run start

接口地址:http://0.0.0.0:8002

服务端 -聊天室

需要具备golang运行环境和相关知识。

cd ./server_chat/src/chat
go build -o "chat.exe"
chat.exe

如果不需要聊天室,可以移除Chat.vue相关涉及文件,可达到移除聊天室。

前台

# 克隆项目
git clone https://github.com/bigfool-cn/vue-element-admin-express.git

# 进入项目目录
cd vue-element-admin-express

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

浏览器访问 http://localhost:9527

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

docker构建

根目录下的Dockerfile将服务端和客户端打包到了一个镜像,客户端打包后的dist目录放到服务端express内作为静态文件目录, 借用node的http服务就可以启动客户端了,需要修改VUE_APP_BASE_API为"/"。

# 构建镜像
docker build -t vue-element-admin-express .

# 启动一个项目容器
docker run -it -p 8002:8002 vue-element-admin-express

浏览器访问 http://ip:8002就可以访问了

PS: 在线示例跑在改Dockerfile构建的容器中

其它

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

打赏

如果你觉得这个项目帮助到了你,你可以请作者吃一杯冰阔乐表示鼓励🍹: 打赏

支持浏览器版本

Modern browsers and Internet Explorer 10+.

IE / Edge Firefox Chrome Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT

Copyright (c) 2020-present bigfool-cn

MIT License Copyright (c) 2020-present bigfool-cn Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

vue-element-admin 后台管理系统模板 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/bigfool-cn/vue-element-admin-express.git
git@gitee.com:bigfool-cn/vue-element-admin-express.git
bigfool-cn
vue-element-admin-express
vue-element-admin-express
master

搜索帮助