项目介绍

成为一名全栈工程师是许多程序员都渴望实现的愿望。但是这并不是一件容易的工作:它需要各种技术和常识,以及继续学习和实践的态度。

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

全栈启蒙项目:go-vue-react-base

github:github.com/github-kiko…

全栈学习成长史

2023年3月

  1. 2023-03-11, 项目建议,创建了go-vue-react项目
  2. 2023-03-12, 运用go+mysql实现了后端最基础的crud
  3. 2023-03-18, 运用vue3+elementPlus完成了crud,完成了第一个全栈小项目

未来学习方案

  1. 2023-03-xx, 将vue3中的js替换为ts,学习ts的运用

2023年4月

  1. 2023-04-xx, 布置go后端项目和vue3前端项目,完成go、vue启蒙版别
  2. 2023-04-xx, 运用react18+ts+Material-UI完成了react技术栈的crud
  3. 2023-04-xx, 布置react端,完成go-vue-react项目启蒙版别

2023年5月

  1. 2023-05-xx, 新增路由、调整完善go、vue、react目录结构,规划go-vue-react项目进阶版别
  2. 2023-05-xx, 未完,待续。。。

后端

首先,让咱们来看看后端。后端运用了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应用程序。如果你乐意去尝试和探究,相信你也可以实现这个目标。