本人的开源项目:基于Vue3+TypeScript+Vite+Golang

1,315 阅读2分钟

微信公众号:[开源日记],分享10k+Star的优质开源项目

一个搞JAVA的工程师,怎么在4个月(下班空余时间)完成基于Vue3+TypeScript+Vite+Golang的后台管理系统。

因为要工作,学习的过程断断续续,不过总算搞完了、代码是一点一点敲出来的。学完Vue,TypeScript,Golang的基础知识后。这个后台管理系统就算是一个知识的运用,这其中还是遇到了不少的问题。不过最后还是解决了。

后期这个系统是要开源出来的,而且还要不断的完善功能,后面还会出SpringBoot版本(目前后端只有Golang版本)

技术栈

前端

  • Vue3-是一款流行的JavaScript框架,具有高性能、易于使用和灵活的特性。
  • Element Plus-是一款基于Vue3的UI框架,提供了一系列功能丰富的组件,可快速搭建美观的Web界面。
  • TypeScript-是一种带有类型特性的JavaScript超集,使代码更可靠,更易于维护和扩展。
  • Vuex-是Vue.js的状态管理模式,可以通过集中式存储管理应用程序的所有组件的状态,并以可预测的方式修改状态。
  • Vue Router-是Vue.js官方的路由管理器,可帮助您构建单页应用程序的导航,以及具有优秀的用户体验的动态路由。

后端

  • Gin 是一款基于 Go 语言的 Web 框架,提供高效率、可扩展、高性能的 API 处理。
  • JWT-Go 是一款使用 Go 语言实现的 JSON Web Token 库,可以用于实现身份验证和授权。
  • Viper 是一款使用 Go 语言实现的配置管理工具,支持从多种来源读取配置,如命令行、环境变量、配置文件等。
  • Zap 是一款使用 Go 语言实现的快速、结构化、级别化和可扩展的日志库。
  • GORM 是一款使用 Go 语言实现的 ORM 库,支持多种数据库(如 MySQL、PostgreSQL、SQL Server 等)操作。
  • MySQL 是一款开源关系型数据库管理系统,使用 SQL 语言进行数据存储和操作。

学习过程

学习Vue

学习TypeScript

学习Golang

效果展示

登录

菜单

部门管理

用户管理

角色管理

菜单管理

iframe菜单

Echarts

后期前后端都准备开源并且不断完善