iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

前後端整合,用Spring boot 與React 開發屬於自己的記帳網頁 系列

主要介紹前後端兩個方面的技術,教大家後端的Spring boot、Spring Security開發,前端則是會使用React、bootStrap、chart.js等技術教大家基本的CRUD技能,以及比較少見的,用圖表方式呈現資料的功能。

參賽天數 24 天 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 開賽目標與技術介紹

前言 身為一個非本科系的程式小白,從google學習程式知識是必不可缺的。最初在學習程式的時候就很喜歡看鐵人賽的項目,我曾經學習如何從後端串接金流、Java S...

2024-09-14 ‧ 由 ansath 分享
DAY 2

Day2 MySQL安裝與實作專案所需資料庫

前言 若要學習前後端整合,第一件事情,一定是學習資料庫啦!無論是網站、系統、軟件,所有的程式語言都需要接觸資料庫,因為資料庫就是存放我們資料的地方,後端的工作是...

2024-09-15 ‧ 由 ansath 分享
DAY 3

Day 3 Eclipse安裝與設定教學

Java 相關IDE介紹 對於想學習Spring boot的夥伴,第一件事情就是要選擇適合自己的開發環境(Integrated Development Envi...

2024-09-16 ‧ 由 ansath 分享
DAY 4

Day4 VS Code安裝與設定

選擇VS Code作為前端React框架開發的IDE 我們在Day3 的時候,有教大家安裝Eclipse以及啟動屬於自己的第一個專案,那是屬於後端的部分,至於前...

2024-09-17 ‧ 由 ansath 分享
DAY 5

Day5 Postman介紹

後端開發神器-Postman 說到後端開發,一定要提的就是Postman,因為後端開發都是開發一個API,讓人可以取得數值,那要如何確定自己寫的是對的呢?自然就...

2024-09-18 ‧ 由 ansath 分享
DAY 6

Day6 MVC 框架介紹

今天要來教大家網路開發一定要學習的框架:MVC框架。 就學習來說一定要先說明什麼是MVC,當大家有了這個概念再去實作Spring boot會更好,但我個人是一個...

2024-09-19 ‧ 由 ansath 分享
DAY 7

Day7 JPA介紹與Repository實作

今天,我們真的要開始我們的Spring boot開發了! 前言 在後端的架構中,跟資料庫串接一直是非常重要的項目,通常我們跟資料庫溝通的方式都是按照SQL的語法...

2024-09-20 ‧ 由 ansath 分享
DAY 8

Day8 記帳輸入功能-創建 Service跟Controller

前言 Spring boot除了遵循MVC的概念之外,在開發的過程還會遵循Controller-Service-Repository的邏輯開發API,這三個項目...

2024-09-21 ‧ 由 ansath 分享
DAY 9

Day9 建置後端單一查詢與全部查詢兩支API

前言 我們在前一天教大家從Service到Controller的技術,這個技術就是整個開發的核心技術,當大家學會前一天的技術,對於後端開發就會有基本的觀念。 那...

2024-09-22 ‧ 由 ansath 分享
DAY 10

Day10 開發後端Spring boot修改與刪除記帳清單的API

前言 整體來說,前面幾天教大家API的開發流程,接下來這邊會繼續用同樣的觀念教大家開發其他的API,並且完成作為後端系統中最基本也最重要的CRUD功能,也就是新...

2024-09-23 ‧ 由 ansath 分享