1. 首页
  2. >
  3. 前端开发
  4. >
  5. Vue

基于 Vue.js 前后端分离管理系统Go-Admin

今天给大家分享一个超棒的Vue+ElementUI前后台管理系统GoAdmin。

基于 Vue.js 前后端分离管理系统Go-Admin

go-admin 基于Gin+Vue+Element-UI构建的中后端系统脚手架,star高达2.2K+。包含基础管理功能、jwt鉴权、表单构建器等功能。

基于 Vue.js 前后端分离管理系统Go-Admin

实现功能

  • 用户管理:用户是系统操作者,该功能主要完成系统用户配置。
  • 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
  • 岗位管理:配置系统用户所属担任职务。
  • 菜单管理:配置系统菜单,操作权限,按钮权限标识等。
  • 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  • 参数管理:对系统动态配置常用参数。
  • 操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
  • 登录日志:系统登录日志记录查询包含登录异常。
  • 代码生成:根据数据表结构生成对应的增删改查相对应业务,全部可视化编程,基本业务可以0代码实现。
  • 表单构建:自定义页面样式,拖拉拽实现页面布局。
  • 服务监控:查看一些服务器的基本信息。

基于 Vue.js 前后端分离管理系统Go-Admin

获取代码

# 获取前端代码 git clone https://github.com/wenjianzhang/go-admin-ui.git  # 获取后端代码 git clone https://github.com/wenjianzhang/go-admin.git

基于 Vue.js 前后端分离管理系统Go-Admin

安装使用

# 克隆项目 git clone https://github.com/wenjianzhang/go-admin-ui.git # 进入项目目录 cd go-admin-ui # 安装依赖 npm install # 启动服务 npm run dev # 构建生产环境 npm run build:prod

基于 Vue.js 前后端分离管理系统Go-Admin

基于 Vue.js 前后端分离管理系统Go-Admin

基于 Vue.js 前后端分离管理系统Go-Admin

基于 Vue.js 前后端分离管理系统Go-Admin

基于 Vue.js 前后端分离管理系统Go-Admin

基于 Vue.js 前后端分离管理系统Go-Admin

基于 Vue.js 前后端分离管理系统Go-Admin

想要了解更多可以去查阅文档,有丰富的API说明,需要的朋友可以去看下哈!

ending 附上项目文档及地址链接。

# 文档地址 http://doc.zhangwj.com/go-admin-site/  # 演示地址 http://www.zhangwj.com  # 仓库地址 https://github.com/wenjianzhang/go-admin

ok,就分享到这里。如果小伙伴们有其它好的Vue中后端解决方案,欢迎交流分享!