iT邦幫忙

web相關文章
共有 474 則文章

技術 一文說請什麼是GIS

地理資訊系統(英語:Geographic Information System,縮寫:GIS)這是一套系統,專門用來模擬地理資訊的系統;(以前是地球,現在也可以...

鐵人賽 Software Development DAY 14

技術 Day14 - Admin 系統介紹

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

鐵人賽 Modern Web DAY 28

技術 Day 28:將個人網站佈署到Vercel

在現代網頁開發中,將網站快速且高效地部署到互聯網上是每位開發者的目標之一。Vercel 作為一個強大的部署平台,提供了簡單易用的工具,幫助開發者輕鬆地將應用程式...

鐵人賽 Modern Web DAY 10

技術 D3JsDay10 遇到元素資料不相等,用函式解決高人一等

綁定的資料和畫面上的元素不相等 enter()函式—沒放入元素的資料 先看以下程式碼 <body> <div></div&gt...

鐵人賽 Modern Web DAY 13

技術 Day13 Sideproject(作品集) from 0 to 1 -產品驗證

其實這步我們也是過很久才來做應該要最開始就先做了 可以避免做出一個只有自己需要的東西但如果是自己用的小工具 那這步可以跳過 這邊可以用一些簡單的方式來實驗你的i...

鐵人賽 Modern Web DAY 8

技術 Day8 Sideproject(作品集) from 0 to 1 -頁面流程圖

昨天我們畫完了 業務流程圖 今天要來介紹 頁面流程圖 要介紹這個之前可能要先講一下wireframe就是你網站的草稿架構可以把你大致想要的版型畫出來然後再配上之...

鐵人賽 Software Development DAY 2

技術 DAY2 Internet是如何運作?跟web是一樣的東西嗎?

前言 對於小白的我來說,在剛進入後端領域時,很多東西都是傻傻分不清楚,在我最一開始的認知中, Internet 與 Web 似乎也只是同樣的東西,只是換個稱呼而...

鐵人賽 Software Development DAY 28

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

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

鐵人賽 Software Development DAY 19

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

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

鐵人賽 Software Development DAY 16

技術 Day16 - 為 API 加上文件

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

技術 [nginx] Url強制改寫後綴跳轉

例子: abc.com 經由強制改寫後 跳轉為 abc.com?r=67872312bd2337891031a location / {...

鐵人賽 Software Development DAY 8

技術 Day08 - 資料庫的操作

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

鐵人賽 Modern Web DAY 23

技術 【D23】 小工具:身分證製造機(part 4)-製作檢查頁面,增加檢查碼功能

基本的身分證檢查已經完成,可以檢查長度、地點、性別等等,但是缺少了檢查檢查碼的部分,這篇會說明如何建立檢查碼。 檢查碼功能 checkCkDigit() 增加檢...

鐵人賽 Software Development DAY 30

技術 Day30 - 總結與回顧

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

鐵人賽 Security DAY 15

技術 [Day 15] CIA 原則如何應用於軟體開發生命週期和DevOps

今天來講講軟體開發生命週期(Software Development Life Cycle,縮寫為SDLC)是一個系統化的流程,用於描述軟體開發的不同階段,從最...

鐵人賽 Software Development DAY 11

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

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

鐵人賽 Security DAY 7

技術 [Day7] 網路安全框架 Security Framework Types

當然你在評估你的資安框架時候,你會需要一些參考的框架,那就需要暸解一下以下幾個常見框架了: NIST網絡安全框架 網絡安全框架(CSF)是用於減輕風險的活動和...

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Software Development DAY 2

技術 Day02 - 專案建立

前言 太好了昨天我們已經將 Python 的環境建立好了,接下來我們可以開始建立 Django 的專案了。Django 是一個基於 Python 的網頁框架,他...

鐵人賽 Software Development DAY 7

技術 Day07 - 用 DRF 修改資料庫

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

技術 【ModernWeb'21 VIRTUAL EVENT 議程整理】(非官方)

ModernWeb 是臺灣網站技術人的年度盛會,有許多 Web 技術高手分享經驗,今年同樣採線上的方式,10/12~10/28 每日 14:00 開播,有許多有...

技術 我從 Angular 中分離出來依賴註入:`static-injector`

Angular 中的依賴註入確實非常好用,可以使服務之間的依賴關系變得更加靈活和可復用 但是只能在 Angular 中的使用限製了他的發揮,需要讓他在所有 n...

技術 學習如何開發web-8

JavaScript基礎學習2 4. 函數 函數是JavaScript中的核心功能,用於封裝重複邏輯。函數可以是有名函數或匿名函數,也可以使用箭頭函數來定義簡潔...

鐵人賽 Software Development DAY 22

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

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

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Software Development DAY 20

技術 Day20 - 進階篩選(Filter)

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

技術 學習如何開發web-6

CSS框架與響應式設計 1. CSS框架概述 CSS框架是一套預先定義好的樣式和佈局規則,能幫助開發者快速建立一致且美觀的網頁,而不必從零編寫樣式。使用CSS框...

鐵人賽 Software Development DAY 5

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

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

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

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

鐵人賽 Software Development DAY 26

技術 Day26 - 客製化 Model 欄位

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