東東吖帶你打通全棧,go-vue-react項目介紹

語言: CN / TW / HK

成為一名全棧工程師是許多程序員都渴望實現的夢想。但是這並不是一件容易的事情:它需要各種技能和知識,以及持續學習和實踐的態度。

我最近做了一個項目叫做"go-vue-react",這是一個前後端分離的Web應用程序。在這個項目中,我使用了三種不同的技術棧:Go語言、Vue 3 和React 18。其中後端是使用的Go語言,數據庫採用的是Mysql。前端做了兩套,分別使用了Vue 3 和 React 18 技術棧, 大家根據自己的需要,自行選擇學習其中的一個或者多個項目。下面是我的經驗分享:

全棧啟蒙項目:go-vue-react-base

github:http://github.com/github-kiko/go-vue-react-base.git

全棧學習成長史

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, 使用react18+ts+Material-UI完成了react技術棧的crud
  2. 2023-04-xx, 新增路由、調整完善go、vue、react目錄結構,規劃企業級項目
  3. 2023-04-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應用程序。如果你願意去嘗試和探索,相信你也能夠實現這個目標。