iT邦幫忙

web相關文章
共有 444 則文章

技術 [AI] screenshot-to-code ( AI透過一張截圖就能克隆出網站)

https://github.com/abi/screenshot-to-code 預期進行工作 :1.獲取 open ai key2.前台架設3.後台架設 (...

技術 五原則四實踐,REST API安全性請謹記

雲端原生和微服務架構等技術的普及讓API受到越來越大的重視。那麼當應用程式開始上雲,各項需求都可以透過雲端服務滿足的情況下,應用程序,尤其基於雲端API的應用程...

技術 [前端] Eruda 內嵌在網頁的DevTools

https://eruda.liriliri.io內嵌後可直接在web開啟查看console.log , network google 搜尋"erud...

鐵人賽 Software Development DAY 30

技術 Day30 - 總結與回顧

當初會參加鐵人賽是因為朋友的邀請,雖然剛開賽我就後悔了,因為沒有庫存每天日更的生活實在是太辛苦了,沒想到我居然完賽了,真的是連我自己都驚訝。在更新的過程中還有一...

鐵人賽 Software Development DAY 29

技術 Day29 - CORS 跨域資源共用

前言 今天我們會介紹 CORS 是什麼,以及如何處理相關設定。 什麼是 CORS CORS 是跨域資源共用的簡稱,他是用來限制我們的資源(API)只能被哪些網頁...

鐵人賽 Software Development DAY 28

技術 Day28 - 依據使用者顯示不同的資料

前言 目前我們的任務列表沒有紀錄建立人,所以雖然要登入才能建立任務,但是無法區分是誰建立的,也無法限制大家只能調整自己的任務。今天我們要來做的事情就是要讓大家只...

鐵人賽 Software Development DAY 27

技術 Day27 - 檔案上傳

前言 今天我們來做一下檔案上傳的功能,畢竟我們的任務除了說明以外最好還可以有附件的功能。 修改 Model 讓我們編輯 server/app/todo/mode...

鐵人賽 Software Development DAY 26

技術 Day26 - 客製化 Model 欄位

前言 之前我們提到任務的 created_at 與 updated_at 兩個欄位因為產生欄位值的時間點有一點點誤差,導致兩個時間不一致的問題。今天讓我們用客製...

鐵人賽 Software Development DAY 25

技術 Day25 - Query N+1 問題

前言 昨天我們裝了 django-extensions 這個套件,為了是方便今天我們觀察 Query N+1 的問題,Query N+1 問題會造成 API 與...

鐵人賽 Software Development DAY 24

技術 Day24 - 使用 django-extensions 協助開發

前言 前面我們有使用 Django 與 DRF 的一些基礎功能了,但其實有些功能上不是太方便,例如 Admin 系統的設定都要自己打,獲釋每次使用 Django...

鐵人賽 Software Development DAY 23

技術 Day23 - 實作 Category 相關功能

前言 昨天講了一個比較複雜的操作,今天我們來做一點點輕鬆的,順便當作複習前面的,今天要的是把分類相關的功能實作完成吧。 Serializer 首先是序列化讓我們...

鐵人賽 Software Development DAY 22

技術 Day22 - 客製化遷移檔(migration)

前言 昨天我們已經模擬了幾個新增欄位的情境,今天我們要來模擬如何在欄位中加入不能指定一次性預設值的欄位吧! 今天我們要模擬的情境是,假設今天需要加入一個「分類」...

鐵人賽 Software Development DAY 21

技術 Day21 - 在已存在的 Model 中加欄位

前言 前兩天我們學會了如何做篩選,今天讓我們來看看如何在已存在的 Model 中加上欄位吧!雖然前面已經有在 Task Model 中加上 is_finish...

鐵人賽 Software Development DAY 20

技術 Day20 - 進階篩選(Filter)

前言 昨天我們說明了如何做了篩選,但其實只講了一部分,我們今天繼續來做跟篩選相關的吧! 使用 FilterSet 昨天我們都是直接在 ViewSet 中設定要篩...

鐵人賽 Software Development DAY 19

技術 Day19 - API 的篩選(Filter)與 ORM 搜尋語法

前言 昨天我們學了怎麼實作排序與搜尋,但搜尋是針對多了欄位進行模糊匹配。如果想要針對特定欄位的話就需要使用篩選(Filter) 安裝 Filter 套件 讓我們...

鐵人賽 Software Development DAY 18

技術 Day18 - API 搜尋與排序

前言 昨天我們學會怎麼做分頁了,今天我們要來學習怎麼在 API 實作搜尋與排序,方便使用者可以找到他想找到的資料。 排序 首先我們來做排序功能,讓我們打開 se...

鐵人賽 Software Development DAY 17

技術 Day17 - 為 API 加上分頁

前言 昨天我們為我們的 API 加上文件了,今天讓我們來實作分頁這個功能吧! 先說說什麼是分頁,分頁的意思是當使用者請求列表的 API 時,一次只給他一部份並讓...

鐵人賽 Software Development DAY 16

技術 Day16 - 為 API 加上文件

前言 前面我們已經寫了幾個 API 昨天我們也為了實現 JWT 的功能而使用了套件內的 ViewSet。目前為止我們還可以透過文件或是寫程式的記憶力去知道 AP...

鐵人賽 Software Development DAY 15

技術 Day15 - JWT 驗證

前言 在 Day13 時我們介紹了 API 權限驗證,那時候我們用的身份驗證方法是 HTTP Basic 方法,但其實這個方法不常被使用在一般的驗證中,因為這樣...

鐵人賽 Software Development DAY 14

技術 Day14 - Admin 系統介紹

前言 昨天我們已經利用了 Django 內建的權限系統,讓我們的 API 多了權限控管的功能。同時我們利用了內建的 Admin 系統測試我們建立好的帳號是否能正...

鐵人賽 Software Development DAY 13

技術 Day13 - API 權限控管

前言 前面我們已經建立了幾個 API 了,但目前的狀況是大家知道網址就能呼叫,完全沒有做控管,所以今天我們要來幫 API 加上權限吧! 建立使用者 要幫 API...

鐵人賽 Software Development DAY 12

技術 Day12 - 在 ViewSet 中新增額外的路由

前言 昨天我們透過客製化 ViewSet 讓他在不同的 action 中回傳不同序列化,達到修改不同傳入傳出的格式。今天前端提了一個需求:「我想要有一個 API...

鐵人賽 Software Development DAY 11

技術 Day11 - 客製化 ViewSet 使用不同的格式

前言 昨天我們已經學習了如何客製化 Serializer 來調整回傳給前端與前端傳入的格式了,今天讓我們來學習如何調整 ViewSet,讓他使用不同的序列化吧!...

鐵人賽 Software Development DAY 10

技術 Day10 - 客製化 Serializer

前言 昨天我們已經將 Tag 與 Task 關聯起來,並且讓我們可以透過 API 存放兩者的關係,但是這樣對前端來說不是太友善,讓我們調整一下序列化讓前端開心點...

鐵人賽 Modern Web DAY 17

技術 [Day-17] Blueprint 包裝你的flask(2)

前言 話不多說就讓我們開始吧!完整code 架構 app/ ├── api/ │ ├── __init__.py │ ├── api.py │ └─...

鐵人賽 Software Development DAY 9

技術 Day09 - 資料庫關聯與 API

前言 昨天我們講了資料庫的操作今天我們繼續來擴充我們 TODO List 的功能,來為 Task 加上標籤 新增標籤 Model 首先我們要建立標籤的 Mode...

鐵人賽 Software Development DAY 8

技術 Day08 - 資料庫的操作

前言 昨天我們透過 DRF 的 ViewSet 建立了第一個 API,也說明了序列化在 API 中扮演的角色,但我們跳過了一個部分也就是在設定 queryset...

鐵人賽 Software Development DAY 7

技術 Day07 - 用 DRF 修改資料庫

前言 昨天我們學習了 makemigrations 與 migrate 這兩個指令,了解了 Django 如何管理我們的資料庫,今天我們要來使用 DRF 來寫...

鐵人賽 Software Development DAY 6

技術 Day06 - 資料庫 Migrate & Migration

前言 昨天我們將 Model 定義好後下了兩個指令就將資料表建立出來,但背後 Django 到底幫我們做了什麼? 昨天最後我們下了兩個指令分別是 python...

鐵人賽 Software Development DAY 5

技術 Day05 - 所以我說那個資料呢?

前言 昨天我們已經寫了第一個 API 了,但他只做了一件事情就是回傳一個 health 的 key 表達 API 很健康,但實際上我們應該要從資料庫裡面拿資料才...