该项目是一个全栈启蒙项目，前后端分离开发，其中后端是使用的Go语言,数据库采用的是Mysql. 前端做了两套，分别使.zip

# go-vue-react # author：fangdongdong # date：2023年3月11日 # 项目技术栈： 该项目是一个全栈项目，前后端分离开发，其中后端是使用的Go语言,数据库采用的是Mysql. 前端做了两套，分别使用了Vue 3 和 React 18 技术栈 大家根据自己的需要，自行选择学习其中的一个或者多个项目。 # 后端：server-go ### Go + Gin + Gorm + Mysql # 前端：web-vue ### Vue 3 + TypeScript + Vite + ElementPlus # 前端：web-react ### React18 + TypeScript +Sws +Vite + Material-UI # 适用人群： ### 1、学习前端最新技术 ### 2、零基础入门go语言 ### 3、进阶成为全栈工程师 # 全栈学习成长史 # 2023年3月 1. 2023-03-11, 项目发起，创建了go-vue-react项目 2. 2023-03-12, 使用go+mysql实现了后端最基础的crud 3. 2023-03-18, 使用vue3+elementPlus完成了crud,联调完成了第一个全栈小项目 4. 2023-03-xx, 将vue3中的js替换为ts,学习ts的使用 # 2023年4月 5. 2023-04-xx, 使用react18+ts+Material-UI完成了react技术栈的crud 6. 2023-04-xx, 新增路由、调整完善go、vue、react目录结构，规划企业级项目 7. 2023-04-xx, 完成全栈学习成长史功能,记录自己的全栈学习成长史，激发自己更好的学习 # 使用说明： 请查看对应项目下的readme文件 go-vue-react/README.md :项目总体概述 go-vue-react/server-go/README.md:后端go项目概述 go-vue-react/web-vue/README.md：前端vue项目概述 go-vue-react/web-react/README.md：前端react项目概述 # 以下是当前后端go开发中使用的一些最新技术栈及其相关资源： Go 1.16：Go是一个快速、高效且易于编写的编程语言，用于构建高性能的网络服务器和分布式系统。Go 1.16是最新版本，提供了更好的性能和可选功能。官方网站：https://golang.org/ Gin：Gin是一个快速、高效、轻量级的HTTP Web框架，它采用Go的优秀特性，如多路复用和协程，使得处理高并发请求变得轻松愉悦。官方网站：https://gin-gonic.com/ GORM：GORM是一个适用于Go的简单易用的ORM库，它支持MySQL、PostgreSQL和SQLite等多种数据库，并提供了大量的功能，如关联查询、事务处理等。官方网站：http://gorm.io/ Redis：Redis是一个开源的高性能键值存储数据库，它支持各种数据类型，如字符串、哈希表、列表等，并提供了丰富的命令集合，使得缓存和队列变得容易。官方网站：https://redis.io/ Kafka：Kafka是一个高性能、可伸缩的消息中间件平台，它可以处理大规模的实时消息流，并提供了持久化、副本、批处理等功能。官方网站：https://kafka.apache.org/ Prometheus：Prometheus是一个开源的监控系统和时间序列数据库，它专门针对分布式应用程序设计，能够收集和记录度量数据，并提供强大的查询语言和可视化工具。官方网站：https://prometheus.io/ Docker：Docker是一个开源的容器化平台，它使得应用程序的部署、管理和扩展变得更加容易和可靠。官方网站：https://www.docker.com/ Kubernetes：Kubernetes是一个开源的容器编排平台，它可以自动化容器的部署、扩展、管理和运行，从而简化了应用程序的部署和管理。官方网站：https://kubernetes.io/ # 以下是当前前端vue开发中使用的一些最新技术栈及其相关资源： 1. Vue.js 3.0：Vue.js是一个轻量级的JavaScript框架，用于构建交互式Web界面。Vue.js 3.0是最新版本，提供了更快的渲染速度和更好的性能。官方网站：https://vuejs.org/ ，中文文档：https://cn.vuejs.org/ 2. Vuex 4.0：Vuex是Vue.js的状态管理模式。它允许您在应用程序中集中管理应用程序的所有组件的状态，并且易于调试和维护。Vuex 4.0是最新版本，具有更好的性能和可扩展性。官方网站：https://next.vuex.vuejs.org/ 3. Vue Router 4.0：Vue Router是Vue.js的官方路由器。它允许您通过URL路径进行导航和组织应用程序中的组件。Vue Router 4.0是最新版本，提供了更好的性能和可选功能。官方网站：https://next.router.vuejs.org/ 4. Vite：Vite是一个快速的本地Web开发服务器和构建工具，专门为现代JavaScript构建而设计。它支持Vue.js、React和原生ESM等多种框架和库。官方网站：https://vitejs.dev/ 5. Composition API：Composition API是Vue.js 3.0引入的新特性之一，它使您能够更好地组织和重用组件逻辑代码。它使用函数API而不是对象API来编写组件。 6. TypeScript：TypeScript是一种强类型的JavaScript超集，它可以提供更好的代码可读性和可维护性。Vue.js 3.0原生支持TypeScript，因此它在Vue.js项目中越来越受欢迎。 7. Tailwind CSS：Tailwind CSS是一个高度可定制的CSS框架，它允许您快速创建用户界面并减少样式代码的重复。官方网站：https://tailwindcss.com/ 8. Element Plus：Element Plus是基于Vue.js 3.0的组件库，它提供了一组美观、易于使用、可定制的UI组件，帮助您快速构建高质量的Web应用程序。官方网站：https://element-plus.org/ ，中文文档：https://element-plus.org/zh-CN/ # 以下是当前前端react开发中使用的一些最新技术栈及其相关资源： React 18：React是一个用于构建用户界面的JavaScript库，它采用组件化的方式来构建复杂的交互式应用程序。React 18是最新版本，提供了一些改进和新特性。官方网站：https://reactjs.org/ ，中文文档：https://react.bootcss.com/ Redux Toolkit：Redux Toolkit是Redux工具库的官方建议和最佳实践，它集成了Redux生态系统中最佳的实践，帮助您更快速地编写可维护的Redux代码。官方网站：https://redux-toolkit.js.org/ React Router v6：React Router是React的官方路由器，它允许您通过URL路径进行导航和组织应用程序中的组件。React Router v6是最新版本，提供了更好的性能和可选功能。官方网站：https://reactrouter.com/web/guides/quick-start Next.js：Next.js是一个基于React的服务器渲染框架，它提供了很多有用的功能，如代码分割、静态文件服务、与API的集成等。它是快速构建现代Web应用程序的理想选择。官方网站：https://nextjs.org/ TypeScript：TypeScript是一种强类型的JavaScript超集，它可以提供更好的代码可读性和可维护性。React原生支持TypeScript，因此在React项目中越来越受欢迎。 Styled Components：Styled Components是一个用于编写CSS的JavaScript库，它允许您将样式直接嵌入到React组件中。这使得样式更加模块化、易于管理，并减少了样式代码的重复。官方网站：https://styled-components.com/ Material-UI：Material-UI是一个用于构建美观且易于使用的React UI组件库，它遵循Google Material Design的设计风格。它提供了大量的可定制组件，可快速构建高质量的用户界面。官方网站：https://material-ui.com/ React Query：React Query是一个数据查询库，它帮助您管理对后端API的请求、缓存和更新。它提供了优雅的API和出色的开箱即用体验。官方网站：https://react-query.tanstack.com/