iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Software Development

我的SpringBoot絕學:7+2個專案,從新手變專家 系列

我們將專注於如何完成專案,不會花時間介紹IoC、Bean、AOP等觀念。

我們會逐步帶領大家完成一個個的專案,讓每一個讀者都能學會如何從頭開始完成Spring Boot專案。

過程中,我們將提供完整的專案範例,並解釋大部分步驟的目的,讓大家在動手實作的過程中,也能夠理解Spring Boot專案的運作,希望透過這樣的方式,讓每一個人都能夠在短時間獲得完成Spring Boot專案的能力。

鐵人鍊成 | 共 31 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 第六個Spring Boot專案:小型電商購物車系統(7)購物車實作

Entity Cart 接著來完成購物車區塊,先建立Cart entity,包含id、購物車是誰的、買了哪些東西、總價是多少、買了幾個。 @Entity pub...

2024-09-04 ‧ 由 gen96 分享
DAY 22

Day22 第六個Spring Boot專案:小型電商購物車系統(8)串接Stripe API支付與使用SSL

我們採用Stripe,它有幾個優點。 優質的API文件 中文界面 不用提供公司資料就能註冊 註冊過程有中文,大家應該可以自己完成 提醒一下,註冊時的國家請...

2024-09-05 ‧ 由 gen96 分享
DAY 23

Day23 第七個Spring Boot專案:使用Ollama完成簡單的AI

這個專案會採用Ollama實現簡易的AI,由於我們使用的是很基礎的模型,所以比不上ChatGPT、Copilot,可能產生文不對題的內容是很正常的,目的讓大家學...

2024-09-06 ‧ 由 gen96 分享
DAY 24

Day24 前端專案:安裝Node.js和Visual Studio Code

我們先前的專案設計採用極簡主義,外觀比較普通。 接下來,我們將介紹如何利用流行的前端框架,打造美觀的前端專案。 想成為後端工程師,為什麼也要學前端 許多後端工程...

2024-09-07 ‧ 由 gen96 分享
DAY 25

Day25 前端專案:React(1) 使用 Vite、Bun 與 Tailwind CSS ,從設定到導航列及首頁設計

建立React專案 我們先從React開始,創建一個React的專案,我們將使用Vite工具來建立React專案。 打開VSCode,按下「開啟資料夾」選擇一個...

2024-09-08 ‧ 由 gen96 分享
DAY 26

Day26 前端專案:React(2) 待辦事項清單的整合與實作

從SpringBoot取得資料 目前表格顯示的是假資料,我們要從SpringBoot專案取得真實的資料。 我們選擇的SpringBoot專案是待辦事項清單(第二...

2024-09-09 ‧ 由 gen96 分享
DAY 27

Day27 前端專案:Vue.js(1)完成註冊、登入與登出

我們現在要來做購物車專案的前端,使用框架是Vue.js。 打開VSCode,開啟終端機,輸入 bun create vue@latest 以下是建立專案時的...

2024-09-10 ‧ 由 gen96 分享
DAY 28

Day28 前端專案:Vue.js(2)持久化保存與商品頁面

持久化保存 我們現在遇到一個大問題,登入後切換頁面,就會讓token消失,使用router.push可以暫時解決,但按F5重新整理也會讓token消失。 最終,...

2024-09-11 ‧ 由 gen96 分享
DAY 29

Day29 前端專案:Vue.js(3)購物車和導入SSL

將商品加入購物車 接著,我們來實作將商品加入購物車的功能,在HomePage.vue加入Add To Cart的按鈕,在Category: {{ product...

2024-09-12 ‧ 由 gen96 分享
DAY 30

Day30 前端專案:Vue.js(4)打包並部署到Linux

打包Vue專案 修改vite.config.js 添加base: './', 讓專案使用相對路徑而不是絕對路徑。 export default define...

2024-09-13 ‧ 由 gen96 分享