3 Star 14 Fork 7

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

空文件

简介

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

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
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

搜索帮助