【建議收藏】缺少 Vue3 和 Spring Boot 的實戰項目經驗?我這兒有啊!

缺少 Vue3 和 Spring Boot 的實戰項目經驗?缺少學習項目和練手項目?我這兒有啊!

從 2019 年到 2021 年,空閑時間裏陸陸續續做了一些開源項目,推薦給大家啊!記得點贊和收藏噢!藉著這次機會,也盤點一下近期維護的開源項目。

實戰項目盤點之 newbee-mall (Spring Boot )

newbee-mall 項目的開源地址:

in GitHub://github.com/newbee-ltd/newbee-mall

in Gitee://gitee.com/newbee-ltd/newbee-mall

在做這個開源商城項目的時候,我就寫過這麼一段話:

我的想法很簡單,就是做一個大家都能運行的商城項目,而不是缺胳膊少腿的項目,不求有多麼完善,也不求有多少技術棧,我目前的想法就是大家都可以運行它、使用它,至於完善它嘛,給我點時間哈。

該項目於 2019 年開發並開源。

newbee-mall 項目是一套電商系統,目前已經收穫 7000 左右的 star,該項目包括 newbee-mall 商城系統及 newbee-mall-admin 商城後台管理系統,基於 Spring Boot 2.X 及相關技術棧開發(後續又開發和完善了 Vue 2 版本和 Vue3 版本,前後端分離開發的版本已經完成)。

前台商城系統包含首頁門戶、商品分類、新品上線、首頁輪播、商品推薦、商品搜索、商品展示、購物車、訂單結算、訂單流程、個人訂單管理、會員中心、幫助中心等模塊。 後台管理系統包含數據面板、輪播圖管理、商品管理、訂單管理、會員管理、分類管理、設置等模塊。

  • newbee-mall 對新手開發者十分友好,無需複雜的操作步驟,基礎配置做完之後很快就可以啟動這個完整的商城項目;
  • newbee-mall 也是一個企業級別的 Spring Boot 大型項目,對於各個階段的 Java 開發者都是極佳的選擇;
  • 你可以把它作為 Spring Boot 技術棧的綜合實踐項目,newbee-mall 足夠符合要求,且代碼開源、功能完備、流程完整、頁面交互美觀;
  • 技術棧新穎且知識點豐富,學習後可以提升大家對於知識的理解和掌握,可以進一步提升你的市場競爭力;
  • 對於部分求職中的 Java 開發者,你也可以將該項目放入求職簡歷中以豐富你的工作履歷;

說起這個項目,其實真的給我帶來了不少東西。我在掘金平台發佈的第一本小冊是它,人生中寫的第一本實體書也是它,我創作了這個項目,這個項目也幫助了我。不僅僅是幫助了我,應該也幫助了很多其他人,我經常收到消息,有人用 newbee-mall 項目改造完成自己的畢業設計,也有人把 newbee-mall 項目寫到簡歷中作為項目經驗去求職,更多的人會拿 newbee-mall 項目作為 Spring Boot 技術棧的學習項目。

秒殺、優惠券、支付,newbee-mall-plus即將開源

之前發過一篇文章,介紹了 newbee-mall 進階版規劃的一些新功能,包括秒殺、優惠券、支付寶支付。後續也不斷有人通過各種渠道來問我開發進度如何,何時能夠把代碼開源出來。這篇文章就來回答一下吧,其實一直沒閑着,只是時間太少而已,newbee-mall-plus 版本的代碼近期會分享出來的。

newbee-mall-plus 開源地址:

in GitHub://github.com/newbee-ltd/newbee-mall-plus

in Gitee://gitee.com/newbee-ltd/newbee-mall-plus

前兩個月主要在更新一個線上的付費專欄《Vue 3.0 企業級項目實戰》,時間都花在寫稿子上面了。

如上圖所示,期間也是各種被催更,加班加點終於在 5.1 假期間更新完成。

本來想着能閑一段時間,結果之前是催專欄的稿子,最近是被催 newbee-mall-plus 的代碼,上半年啊,一直屬於被催的狀態。

關於 newbee-mall-plus 項目的介紹和規劃,可以看一下我之前寫的一篇文章《newbee-mall 開源商城新計劃:秒殺功能、優惠券、對接支付寶》,好多人也在問 newbee-mall 秒殺版本什麼時候能出來,各種交流渠道都能收到類似的消息。郵件、個人消息、群消息、還有開源倉庫的issue里都是問題,如下圖所示:

我一度懷疑,newbee-mall項目有這麼火嗎?之前這個項目倒是被不少人罵,什麼「就是CRUD項目啊」、什麼「就這垃圾項目也開源?」,搞得我都有點糊塗了。

在這裡呢,和大家說一下,一直在做這個項目的開發和測試工作。這個項目也快弄完了,先和大家預告一下,應該會在6月前開源哈,所以,就別催了。

耐心等待。

實戰項目盤點之 newbee-mall-vue3-app (Vue2、Vue3)

newbee-mall-vue3-app 開源地址:

in GitHub://github.com/newbee-ltd/newbee-mall-vue3-app

in Gitee://gitee.com/newbee-ltd/newbee-mall-vue3-app

該項目於 2020 年開發並開源。

這是 newbee-mall 的前後端分離版本,為了前端同學也能夠多一個練手的商城項目,因此對 newbee-mall 進行了升級,技術棧為 Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + Vant 3.0,開源半年多,至今已獲得 2000 左右的 star。

Vue 2 也開發了一個版本,感興趣的可以去我的開源倉庫看一看。

實戰項目盤點之 vue3-admin (Vue3、Element Plus)

vue3-admin 開源地址:

in GitHub://github.com/newbee-ltd/vue3-admin

in Gitee://gitee.com/newbee-ltd/vue3-admin

該項目於 2021 年開發並開源。

vue3-admin 項目的技術棧選擇如下:

主要技術棧為 Vue 3.0 和 Element Plus,Vue 3.0 正式版本已上線大半年,之後又看到 @iamkun 大佬發了一篇文章《🎉 Element UI for Vue 3.0 來了!》,文章中有提到 Element Plus 正式發版,就想着用它來重構之前寫的一個後台管理系統,然後又嘗試了一下 Vite 2.0,算是嘗鮮吧。

開源兩個多月了,至今已獲得 600 左右的 star。

實戰項目盤點之 spring-boot-projects 和 My-Blog (Spring Boot)

很多人知道我,是因為我寫的 newbee-mall 吧,從 2019 年開始到現在,一直都在優化和維護這個系列的項目,也主要是在做這個系列的項目。不過,我不止這一個項目。做一些實戰的開源項目,從 2017 年就開始了,所以之前也有過其它的開源項目。

My-Blog 開源地址:

in GitHub://github.com/ZHENFENG13/My-Blog

in Gitee://gitee.com/zhenfeng13/My-Blog

該項目於 2018 年開發並開源,至今已獲得 2100 左右的 star。

My Blog 是由 SpringBoot + Mybatis + Thymeleaf 等技術實現的 Java 博客系統,頁面美觀、功能齊全、部署簡單及完善的代碼,一定會給使用者無與倫比的體驗。

spring-boot-projects 開源地址:

in GitHub://github.com/ZHENFENG13/spring-boot-projects

in Gitee://gitee.com/zhenfeng13/spring-boot-projects

該項目於 2019 年開發並開源,至今已獲得 3700 左右的 star。

該倉庫中主要是 Spring Boot 的入門學習教程以及一些常用的 Spring Boot 實戰項目教程,包括 Spring Boot 使用的各種示例代碼,同時也包括一些實戰項目的項目源碼和效果展示,實戰項目包括基本的 web 開發以及目前大家普遍使用的前後端分離實踐項目,線上博客項目,企業大型商城系統等,擺脫各種 hello world 入門案例的束縛,真正的掌握 Spring Boot 開發。

從未止步-近期的提交記錄

在之前總結做開源項目的經驗時,我總結過下面這段話:

開發和維護一個開源項目,是一個長期的工作,並不是一朝一夕的事情。不是說開源了就沒事了,要堅持長期維護,保持一個開源項目的長久生命力。一個開源項目的生命力,更多的還是掌握在作者手上,作為領航的舵手,一定要讓艦船揚帆遠航。

因此,需要對開源項目用心,並且在時間允許的情況下,及時處理掉一些問題,並在合適的更新項目中插件和依賴的版本。其實,做程序員,很多時候工期緊、加班多,空閑時間並不富裕,所以我都是抽出周末或者放假的時間來更新。

下面就是我近期的一些更新記錄。

上面兩張圖片,分別是 newbee-mall 和 newbee-mall-api 項目的提交記錄,主要有如下更新:

  • TODO事項處理。開源挺久的,然後留下不少的待辦事項,全部處理掉了。
  • 完善參數校驗邏輯。
  • 更新版本。屬於常規升級,部分依賴需要定期升級。

上面兩張圖片,分別是 newbee-mall-vue3-app 和 vue3-admin 項目的提交記錄,主要是處理 BUG。這兩個項目,自開源後就一直保持着不錯的熱度。使用和體驗的人很多,大家都非常熱情,也比較活躍,經常會發現一些問題並向我反饋,我這邊也會及時處理的。

上面這張圖片是 My-Blog 項目的提交記錄。這個項目比較穩定了,更新不多,就是做一下常規的依賴升級,jqGrid 升級到 5.5.2,Spring Boot 版本升級到 2.3.7.RELEASE。

上面這張圖片是 spring-boot-projects 項目的提交記錄,更新內容比較多。

這個倉庫中的代碼大部分是3年前整理的,使用到的技術可能是5~6年前的,在3年前剛創建這個倉庫的時候這些技術並不會出現問題,但是現在出現了越來越多的問題,而且版本太低也容易讓用戶的學習體驗不佳,因此打算重新整理這個倉庫的所有代碼。

  1. 修復BUG。
  2. 版本升級,主要是框架和第三方依賴。
  3. 瀏覽器已不支持flash,基於flash的前端插件都需剔除。

這次更新也是工程量最大的,由於 demo 比較多,升級版本時每一個 demo 都要運行一遍。升級前端插件也花了不少時間,每一個功能都完整的測試。當然,也改了不少代碼。

本以為很快處理掉的,但是程序員真的不能在改 BUG 的時候太自信,有好幾處修改,我都以為肯定改好了不想測試,結果一測試就出現問題,然後又重新改重新測。

哈哈,還是不能太自信。

總結

這些項目的頁面非常的哇塞!功能也比較豐富,更重要的兩點是技術棧新穎且知識點豐富,學習後可以提升大家對於知識的理解和掌握,可以進一步提升你的市場競爭力也可以將該項目放入求職簡歷中以豐富你的工作履歷。別 666 了,趕緊愣着啊!

蓋亞!

期待你變得更強!

當然,這些項目我都會繼續維護和更新的。然後,有時間或者有新的點子,我也會寫一下其它類型的項目。好的,本次分享到這裡就結束了,記得收藏和點贊啊!

除註明轉載/出處外,皆為作者原創,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文鏈接,否則保留追究法律責任的權利。