东东吖带你打通全栈,go-vue-react项目介绍

1,768 阅读3分钟

项目介绍

成为一名全栈工程师是许多程序员都渴望实现的梦想。但是这并不是一件容易的事情:它需要各种技能和知识,以及持续学习和实践的态度。

我最近做了一个项目叫做《go-vue-react》,这是一个前后端分离的Web应用程序。在这个项目中,我使用了三种不同的技术栈:Go语言、Vue 3 和React 18。其中后端是使用的Go语言,数据库采用的是Mysql。前端做了两套,分别使用了Vue 3 和 React 18 技术栈, 大家根据自己的需要,自行选择学习其中的一个或者多个项目。下面是我的经验分享:

go-vue-react项目

全栈启蒙版本分支:分支go-vue-react-base

my github 主页:github.com/github-kiko

后端

首先,让我们来看看后端。后端使用了Go语言,并且采用了Gin框架和Gorm库进行开发。同时,使用Mysql作为数据库。

Go + Gin + Gorm + Mysql

Go是一种快速的编译型语言,支持并发和垃圾回收。它非常适合构建高性能的Web服务。Gin是一个轻量级的Web框架,它提供了快速路由、中间件管理和错误处理等功能。Gorm则是一个优秀的ORM库,它可以简化数据库操作。

在这个项目中,我使用了Gin和Gorm来创建RESTful API。通过使用Mysql,我能够轻松地存储和检索数据。

前端

接下来,我们来看看前端部分。在这个项目中,我做了两个前端应用程序:一个使用Vue 3技术栈,另一个使用React 18技术栈。

Vue 3 + TypeScript + Vite + ElementPlus

Vue是一种流行的JavaScript框架,它使得构建交互式应用程序变得更加简单。在这个项目中,我使用了Vue 3版本,并且采用了TypeScript作为编程语言。TypeScript具有静态类型检查和强大的编辑器支持。在构建复杂的应用程序时,它可以减少出错的风险。

此外,我还使用了Vite来进行快速的本地开发和构建,ElementPlus是一个UI组件库,它提供了一些美观而且易于使用的UI组件,可以帮助我快速构建漂亮的用户界面。

React18 + TypeScript +Sws +Vite + Material-UI

类似Vue, React也是一种流行的JavaScript框架,它可以帮助你构建高度可重用的UI组件。在这个项目中,我使用了最新的React 18版本,并且采用了TypeScript作为编程语言。Vite作为构建工具,Material-UI作为UI组件库。

总结

在这个项目中,我学会了很多东西,包括Go语言、Vue、React、TypeScript等技术栈。我深刻认识到了全栈工程师需要掌握许多不同的技能和知识。但是,如果你真的热爱编程,并且愿意坚持不懈地学习和实践,那么成为一名全栈工程师并不是不可能的事情。

最后,我想说的是,如果你也正在追求成为一名全栈工程师,请记住要保持好奇心和学习的态度。永远不要停止学习新的技能和知识,因为只有这样,你才能成为一名真正的全栈工程师,能够设计、开发和部署完整的Web应用程序。如果你愿意去尝试和探索,相信你也能够实现这个目标。需要进技术交流群的,请加我微信:fangdongdong_25,备注:go-vue-react