iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

SPYxFRONTEND ~ 懂一點後端真是讓人哇哭哇哭 系列

回想起來,去年的鐵人賽接觸了 React,
那時候以為我對前端已經有一定程度的了解XD
殊不知,前端不是只有這樣RRRRR
今年開始碰 axios,寫資料的 insert, update, delete,
才發現前端不只是「刻畫面」而已XD
不過寫資料的 insert, update, delete 表示要開始接觸到一點後端的東西了,
因為一開始碰後端的時候也算是遇到了很多問題,
所以想把這段過程記錄下來,
除了讓自己看看到目前為止走了多遠,
今年這個系列文也希望可以幫助到跟我有一樣困擾的人~~~

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day11] 前端也可以自己開 API!讓你了解後端的好幫手~ JSON Server

前言 前面我們還在前端的世界,加上碰了一點 call API 拿資料的事,那麼接下來應該是要 call API 來對資料進行修改了對吧?(PS. 我之前一直講資...

2022-09-12 ‧ 由 Ado Lin 分享
DAY 12

[Day12] 用 axios.post 可以任意新增資料? 先過 middlewares 這關吧!

前言 昨天在文章的最後有稍微劇透一下 axios.post,但沒詳細說明丟的資料格式之類的,那麼今天就來認真看一下吧! (開始前請記得在 local 端開好前端...

2022-09-13 ‧ 由 Ado Lin 分享
DAY 13

[Day13] 用 axios.patch 來修改資料

前言 昨天介紹了 axios.post(新增),那今天就是要來介紹 axios.patch (修改)(開始前請記得在 local 端開好前端、後段:後端:jso...

2022-09-14 ‧ 由 Ado Lin 分享
DAY 14

[Day14] 用 axios.delete 會把資料刪光光嗎?

前言 一樣開始前請記得在 local 端開好前端、後段:後端:json-server --watch db.json --port 10000前端:npm st...

2022-09-15 ‧ 由 Ado Lin 分享
DAY 15

[Day15] 要怎麼知道要 call 的 API url 是?那你必須先知道 routes

前言 一樣開始前請記得在 local 端開好前端、後段:後端:json-server --watch db.json --port 10000前端:npm st...

2022-09-16 ‧ 由 Ado Lin 分享
DAY 16

[Day16] call API 會用的參數系列~用 filter 來限制條件吧!

本日正文 前幾天講了 axios 的 CRUD,還有昨天講了 routes,今天回過頭來講 filter 吧。 相信大家對網址列含有 ? 及 & 的符號...

2022-09-17 ‧ 由 Ado Lin 分享
DAY 17

[Day17] call API 會用的參數系列~用 _limit 來做簡單分頁

前言 一樣開始前請記得在 local 端開好前端、後段:後端:json-server --watch db.json --port 10000 --routes...

2022-09-18 ‧ 由 Ado Lin 分享
DAY 18

[Day18] call API 會用的參數系列~用 ?q= 來做關鍵字搜尋

前言 一樣開始前請記得在 local 端開好前端、後段:後端:json-server --watch db.json --port 10000 --routes...

2022-09-19 ‧ 由 Ado Lin 分享
DAY 19

[Day19] 如何用 React Router 在網址列加上 ?q= 的參數

前言 一樣開始前請記得在 local 端開好前端、後段:後端:json-server --watch db.json --port 10000 --routes...

2022-09-20 ‧ 由 Ado Lin 分享
DAY 20

[Day20] 用 React Router + useForm + axios.post 打造一個簡易後台

前言 一樣開始前請記得在 local 端開好前端、後段:後端:json-server --watch db.json --port 10000 --routes...

2022-09-21 ‧ 由 Ado Lin 分享