初探 Python + Django

前言

Django 是基於 Python 的 Web 框架，內建完整功能，如使用者驗證、ORM、後台管理與安全機制。本篇文章中將快速介紹如何建立一個Django專案。

建立 Django 專案

建立一個虛擬環境 jwtvenv 資料夾環境

% python3 -m venv jwtvenv

% source jwtvenv/bin/activate

註: 啟動虛擬環境

Windows 系統

.jwtvenv\Scripts\activate

Unix/Linux/MacOS 系統

source .jwtvenv/bin/activate

安裝套件:

django: Django 使用 Python 語言編寫，的服務器端網站框架

django rest framework: Web API 建置工具包

djangorestframework-simplejwt: 為 Django REST Framework 提供了一個 JSON Web Token 驗證後端。

pymysql: Python 的 MySQL 資料庫驅動程式

% pip install django djangorestframework djangorestframework-simplejwt

% pip install pymysql

建立 Django 專案:

startproject 這個 Django 指令建立專案資料夾

指令: django-admin startproject (專案名稱)

使用 django-admin 工具建一個名為「 backend 」的新骨架 Web

% django-admin startproject backend

% cd backend

專案目錄結構

tree

|-- 專案名稱

| |-- __init__.py

| |-- asgi.py

| |-- settings.py

| |-- urls.py

| |-- wsgi.py

--- manage.py

1 directory, 5 files

manage.py是專案管理文件，透過它來管理專案。

init.py是一個空文件，作用是這個目錄demo1可以被當作包使用。

settings.py是專案的整體設定檔。

urls.py是專案的URL路由設定檔。

wsgi.py是專案與WSGI,伺服器和Django互動的入口。

manage.py 管理專案的主要腳本

啟動伺服器應用，使用如下指令。

% python manage.py runserver

開啟網頁 http://127.0.0.1:8000

語系修改中文化 /backend/settings.py

繁中: zh-hant

簡中: zh-hans

語系改變後

留言

這個網誌中的熱門文章

初探 Vue 呼叫 API 出現 CORS 跨來源資源共享問題原因

提要: 在 {初探Vue 與 Spring boot 的對話} 專案，前端 Vue 應用程式串接後端 API 伺服器，axios 呼叫 API 時出現以下，”無法取得回應內容 (No 'Access-Control-Allow-Origin' header is present on the requested resource)：” 錯誤訊息，根據查找相關資料，出現以下原因。瀏覽器開發工具錯誤訊息畫面錯誤原因: “ Access to XMLHttpRequest at ” from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource” 瀏覽器為了安全考量，實施了同源政策。當您的前端應用程式 (http://localhost:8080) 嘗試呼叫一個不同來源 (不同協議、不同域名或不同埠號) 的 API 伺服器 (http://localhost:8088) 時，瀏覽器會主動阻止這個請求，除非伺服器明確地允許這個跨來源的存取。同源政策限制(Same-Origin Policy): 同源政策限制了程式碼和不同網域資源間的互動，同源是指兩份網頁具備相同協定、埠號（如果有指定）以及主機位置範例: 表列哪些 URL 與 URL http://www.example.com/api/p1 屬於同源： URL | 結果 | 原因 --------------------------------------------------------------------- http://www.example.com/api/p2 |...

閱讀完整內容

初探 Vue 與 Spring boot 的對話之Frontend (Vue-Frontend)

Front-end Vue 使用 REST API 建立 Vite 專案可參考 { Vue 3 初探} 文章 danny@Danny-Yu projects % npm create vite@latest Need to install the following packages: create-vite@8.2.0 Ok to proceed? (y) y > npx > "create-vite" │ ◇ Project name: │ vue-frontend │ ◇ Select a framework: │ Vue │ ◇ Select a variant: │ TypeScript │ ◇ Use rolldown-vite (Experimental)?: │ No │ ◇ Install with npm and start now? │ Yes │ ◇ Scaffolding project in /Users/danny/Desktop/projects/vue-frontend... │ ◇ Installing dependencies with npm... added 47 packages, and audited 48 packages in 27s 6 packages are looking for funding run `npm fund` for details found 0 vulnerabilities │ ◇ Starting dev server... > vue-frontend@0.0.0 dev > vite VITE v7.2.4 ready in 411 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show...

閱讀完整內容

初探 Spring 中的循環依賴

原因: 當兩個或多個 bean 直接或間接地相互依賴時, 就會出現 Circular Dependency (循環依賴) 如: Bean A -> Bean B -> Bean A import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; @Component public class BeanA { @Autowired private BeanB beanB; public String sayHi() { return "Hi! 我是 Class A."; } } import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Component; @Component public class BeanB { @Autowired private BeanA beanA; public String sayHi() { return "Hi! 我是 Class B."; } } 編譯時不會出現問題 danny@Danny-Yu demo % mvn clean install -Dmaven.test.skip=true ... ... [INFO] Installing /Users/danny/Desktop/projects/demo/target/dem...

閱讀完整內容

Danny㳺

搜尋此網誌