基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统

这篇具有很好参考价值的文章主要介绍了基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

goframe-admin

基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统,golang,后端,goframe,vue3,通用后台管理系统,pinia

goframe-admin V1.0.0

平台简介

  • 基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统。
  • 前端采用tdesign-vue-next-starter 、vue3、pinia、tdesign-vue-next。

特征

  • 高生产率:几分钟即可搭建一个后台管理系统
  • 认证机制:采用gtoken的用户状态认证及casbin的权限认证,支持按钮级别的权限
  • 路由模式:得益于goframe提供了规范化的路由注册方式,无需注解自动生成api文档
  • 面向接口开发

内置功能

  1. 菜单管理:包含菜单、按钮、API的管理,后端配置菜单,前端获取菜单配置动态生成路由。
  2. 用户管理:用户的增删改查,整个用户列表是一个树形结构,支持上下级,管理员只能查看到自己的下级用户。
  3. 字典管理:对系统中经常使用的一些较为固定的数据进行维护。
  4. 文件管理:本地文件上传,通过分片上传的方式支持1G以上的大文件上传。
  5. 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  6. 字典管理:对系统中经常使用的一些较为固定的数据进行维护。
  7. 登录日志:系统登录日志记录查询。
  8. 个人中心:包含个人资料的修改,密码修改,2FA登录设置(OTP二步校验)。
  9. 消息通知:包含通知的发送以及查看。

演示地址

http://admin.wxfk.one

  • 超级管理员:root,密码:1
  • 管理员:admin,密码:1

配置

项目数据库文件 resource/db.sql 创建数据库导入后修改配置 manifest/config/config.yaml

database配置改成自己的数据库连接

link: "mysql:root:123456@tcp(127.0.0.1:3306)/starter?loc=Local&parseTime=true"

redis部分也要改成自己的地址

前端部分

项目为前后端分离,前端github仓库地址:https://github.com/apple1563/goframe-admin-ui

演示图

基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统,golang,后端,goframe,vue3,通用后台管理系统,pinia 基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统,golang,后端,goframe,vue3,通用后台管理系统,pinia
基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统,golang,后端,goframe,vue3,通用后台管理系统,pinia 基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统,golang,后端,goframe,vue3,通用后台管理系统,pinia
基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统,golang,后端,goframe,vue3,通用后台管理系统,pinia

感谢(排名不分先后)

goframe https://github.com/gogf/gf

tdesign-vue-next-starter https://github.com/Tencent/tdesign-vue-next-starter

gtoken https://github.com/goflyfox/gtoken

casbin https://github.com/casbin/casbin文章来源地址https://www.toymoban.com/news/detail-737372.html

到了这里,关于基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Linux驱动】Linux--USB免驱摄像头驱动分析(基于5.4内核)

    【Linux应用】Linux–V4L2摄像头应用编程 【Linux】Linux–V4L2视频驱动框架 【Linux驱动】Linux–虚拟摄像头vivid驱动分析(基于5.4内核) 本文基于Linux 5.4内核,虚拟摄像头驱动文件在 driversmediausbuvc 目录下,本文深入分析了5.4内核下UVC驱动的实现及调用过程。读完本文可以对UVC驱

    2024年02月10日
    浏览(17)
  • 基于Vue3封装一个好用的Websocket

    在Vue3中使用Websocket可以让我们轻松地实现实时数据传输。为了方便使用,我们可以封装一个好用的Websocket类。 首先我们需要安装 ws 库来处理Websocket连接,使用以下命令进行安装: 我们可以新建一个 websocket.js 文件,在其中定义一个 Websocket 类,代码如下: 以上代码中,我们

    2024年02月04日
    浏览(57)
  • vue3 Element Plus 基于webstorm练习

    vue是前端框架,Elemen是组件库。前端框架和组件库的区别与联系 脚本语言需要一个解析器才能运行,JavaScript是脚本语言,在不同的位置有不一样的解析器,如写入html的js语言, 浏览器是它的解析器角色。而对于需要独立运行的js,nodejs就是一个解析器。 npm 是 Node Package Man

    2024年02月19日
    浏览(19)
  • vue3 项目搭建教程(基于create-vue,vite,Vite + Vue)

    目录 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、打开Vue 项目管理器 六、Vite + Vue 项目目录结构 七、Vite.config.ts配置 前提条件 熟悉命令行 已安装 16.0 或更高版本的 Node.js 同时按window+R键,输入cmd,打开命令提

    2024年01月21日
    浏览(18)
  • Vue组件封装:基于Vue3+wangeditor富文本组件二次封装

    1.简介         开源 Web 富文本编辑器,开箱即用,配置简单。一个产品的价值,就在于解决用户的问题,提高效率、降低成本、增加稳定性和扩展性。wangEditor 不是为了做而做,也不是单纯的模仿谁,而是经过上述问题分析之后,给出一个系统的解决方案。旨在真正去解决用

    2024年04月08日
    浏览(13)
  • 基于vue3.0实现vr全景编辑器

    随着社会的不断发现,现实生活中有很多时候会使用到全景现实,比如房地产行业vr看房,汽车行业vr看车之类的,全景可视化真实还原了现场的场景,真正做到沉浸式体验。 现在我们基于vue3.0版本开发出了一款沉浸式的编辑器,只需要使用全景相机在现场拍摄全景场景,然

    2024年02月15日
    浏览(15)
  • 基于Vue3+TS+Vite+Cesium创建项目

    随着近几年社会的发展,人们对三维可视化的需求也是越来越多,三维GIS如今真的越来越火了,对于做GIS前端开发的人员来说,Cesium开发是绝对绕不开的一门技术,所以今天来说说如何利用当下最火的 Vue3+TS+Vite 来搭建一个基于Cesium的项目开发环境。 1.使用 yarn create vite 创建

    2024年02月05日
    浏览(24)
  • Vue项目实战——实现一个任务清单【基于 Vue3.x 全家桶(简易版)】

    内容 参考链接 Vue2.x全家桶 Vue2.x 全家桶参考链接 Vue2.x项目(一) Vue2.x 实现一个任务清单 Vue2.x项目(二) Vue2.x 实现GitHub搜索案例 Vue3.x项目(三) Vue3.x 实现一个任务清单 1、前言 如果你对 vue3 的基础知识还很陌生,推荐先去学习一下 vue 基础 内容 参考链接 Vue2.x全家桶 Vu

    2024年02月02日
    浏览(25)
  • 基于vue3+webpack5+qiankun实现微前端

    一 主应用改造(又称基座改造) 1 在主应用中安装qiankun(npm i qiankun -S)  2 在src下新建micro-app.js文件,用于存放所有子应用。  3 改造vue.config.js,允许跨域访问子应用页面  4 改造main.js   5 在App.vue中写响应跳转子应用(根据自己的项目找对应位置写,不局限于App.vue)   需要注

    2024年02月13日
    浏览(20)
  • 基于uQRCode封装的Vue3二维码生成插件

    标题:基于uQRCode封装的Vue3二维码生成插件 摘要:本文介绍了一种基于uQRCode封装的Vue3二维码生成插件,可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境,并且支持微信小程序。本文将详细介绍该插件的使用方法,并给出一个基于Vu

    2024年02月05日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包