iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day21 Spring boot 後端 開發 篩選類別功能API

前言 前一天的課程把前端與後端的重要功能按照順序開發完成,接下來我們來利用這個觀念,進行一些變化,算是更加進階一點的技術,而且整個開發的過程要從後端開始,一路開...

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

Day22 React前端網頁- 網址連結以及設置Header連結

前言 我們來到第二十二天,相信一起走到這裡的夥伴肯定對於前後端開發有一定程度的了解,接下來我們稍微放慢腳步,來做比較簡單,但是是開發網頁必不可少的功能,那就是選...

2024-10-05 ‧ 由 ansath 分享
DAY 23

Day23 Spring boot後端開發 - 指定週數API

前言 接下來我們要開始學習如何取得某一週的帳務。在全端的開發過程中,比較順的方式是從後端一路開發到前端,而後端的開發又是從對於資料庫操作開始,然後是服務層,最後...

2024-10-06 ‧ 由 ansath 分享
DAY 24

Day24 React前端開發 : 根據指定週數顯示帳目的網頁

前言 在昨天我們教大家進行後端API的開發,接下來就要教大家前端的串接,這部分的內容可能比較深,大家可以慢慢熟練每個環節,再嘗試一口氣串接起來。在這個部分,前端...

2024-10-07 ‧ 由 ansath 分享
DAY 24

Day25 React前端開發-使用Charts顯示成果

前言 我們在前經歷過二十來天的訓練,我們已經學習了後端、前端開發以及進階的開發方式,接下來我想要來挑戰繪製圖表,畢竟在記帳裡面,圖表是最重要的功能,這能夠讓我們...

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

Day26 Java Srping boot 後端安全管理:Spring boot Security介紹

前言 對於網頁開發來說,除了前後端開發之外,資料的安全性也是很重要的一塊。因為只有三十天的時間,我們並沒有辦法把所有的技術都分享給大家,但我們可以把幾個重要的觀...

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

Day27 Spring boot Security - 設置Security Config& CSRF

前言 現在就要讓我們來實作Spring boot Security。在實作之前,如果還沒有在最初設定的時候增加Security的夥伴,我們也有教學,讓大家從Ma...

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

Day29 Spring boot security:後端登入API開發

前言 不知不覺已經來到了最後的兩天,在Spring Security的部分除了設置權限、指定帳密之外,我們也可以從資料庫中取得帳號密碼,以及對應的權限,而且要增...

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

Day30 React前端登入串接與完賽心得

前言 最後一天了,經歷過前面29天的練習,相信大家對於前端、後端的開發方式,以及前後端整合的方式都已經有經驗了。在前面也已經教大家前端跟後端更進階的用法,最後就...

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

Day28 Spring boot Security:Login設定

前言 我們在昨天教給大家設定Security,這樣設置下,無論哪個API都需要有帳號密碼,而這個帳號密碼由於我們沒有設置,所以是由系統指定一個user,並且給一...

2024-10-09 ‧ 由 ansath 分享