Web 應用框架

介紹

現在的 SaaS 雲平臺已經達到不用寫代碼,只構建一些業務編排、邏輯就能生成相應的文本框、按鈕、菜單、 表格、數據、頁面,以及一套或多套類似 CRM、OA、電子商務等系統。如阿里雲、華為、騰訊雲等都能在雲平臺 上極速地新建和分配操作系統,已經可以不需要單獨的主機和服務器了。另外,有消息稱 Google 公司已經能通過 機器學習自動化寫出前端代碼了。因此,隨著開發技術的提升,自動化平臺的開發以及自動化測試也會變得比以 前更便捷。有了完善的自動化平臺,可以降低自動化測試的技術門檻。

本書應用的是 Django,它是一個 Python 的高級 Web 框架,功能強大,封裝了大量底層,使開發 Web 代碼變得高效、快速、簡潔。Django 希望不重複自己,具有松耦合與靈活等特性,非常適合快速開發。Django 是一個簡潔而強悍的 Web 開框架,基於 Python 語言開發,只需要少量的代碼就可以快速實現強大的功能。

掌握 Django 需要理解模型(Model)、視圖(Views)和模板(Templates),即 MTV 式有點類似 Java 語言開發裡面的 MVC 模式。模型:控制數據,如存取,關聯關係等;視圖:定義顯示的方法、函數;模板:業務邏 輯。

1、環境搭建

選 擇 安 裝 Django 2.0,Django 1.6 及 以 上 版 本 完 全 兼 容 Python 3.x。 下 載 地 址 : https://www.djangoproject.com/download/。解壓 Django2.0 壓縮包,可放到 Python 同一根目錄下,運行 CMD,進入 Django 目錄,執行 python setup.py install,按 Enter 鍵,如圖所示。

Web 應用框架


結果如圖所示。

Web 應用框架

2、Django 開發入門

Django 組成部分如表 2.1 所示。

Web 應用框架

2.1 創建項目

運行 CMD,進入站點目錄。G:\\python\\project\\venv\\Scripts,輸入命令:django-admin startproject autotest

2.2 啟動服務

然後輸入 cd autoitest 切換到所創建的項目路徑,輸入命令:python manage.py runserver。

若輸出如圖 2.3 所示信息,則說明 Django 服務啟動成功。


Web 應用框架


默認端口是 8000,如果需要改動端口,可以用 python manage runserver 127.0.0.1:80 或 python manage runserver

0.0.0.0:80 啟動。

然後在瀏覽器中輸入:http://127.0.0.1:8000/。

如圖 2.4 所示,Web 服務啟動成功,前端已經可以正常訪問了。

步驟 1 開始構建 Django 後端。

遷移同步數據 並 創建相應的表,運行 CMD,切換到相應目錄,輸入指令

python manage.py makemigrations,按 Enter 鍵,如圖 2.5 所示。

輸入指令 python manage.py migrate,按 Enter 鍵,如圖 2.6 所示。

步驟 2 創建 admin 超級用戶。

輸入指令:python manage.py createsuperuser。設置賬號為 admin,郵箱為 [email protected],密碼 為: ZYY199302074005,如圖 2.7 所示。

Web 應用框架


Web 應用框架

Web 應用框架

Web 應用框架


步驟 3 在瀏覽器中輸入 http://127.0.0.1:80/admin(如圖 2.8 所示)。

Web 應用框架


步驟 4 在文本框中分別輸入用戶名(admin)和密碼(ZYY199302074005)。

單擊"登錄"(Login)按鈕後,如圖所示。

Web 應用框架


步驟 5 漢化為中文界面。

將 Django 設置為中文,默認是英文,註釋原有的英文和時區,在 Autotest/Autotest/ Settings.py 中加入中文和時

區,如下所示。

#LANGUAGE_CODE = 'en-us'

#TIME_ZONE = 'UTC'

LANGUAGE_CODE = 'zh-Hans'

TIME_ZONE = 'Asia/Shanghai'

再刷新界面,如圖所示。

Web 應用框架

2.3.3 創建應用

運行 CMD,切換到 autotest 工程目錄,輸入指令 Python manage.py startapp apitest。創建成功後, 再查看 autotest 目錄,會發現相應的 apitest 文件夾及文件,如圖所示。

Web 應用框架


將 apitest 應用添加到 autotest 項目下面,在 settings.py 中加入"apitest",如圖所示。

Web 應用框架


2.3.4 創建視圖

在 views 中加入 test 函數

Web 應用框架

Web 應用框架

from django.shortcuts import render

from django.http import HttpResponse #加入引用

# Create your views here.

def test(request):

return HttpResponse("hello test") #返回 HttpResponse 響應函數

2.3.5 創建映射

Django 2.0 使用的是 path 匹配,支持正則表達式。Django 2.0 以前的版本是 URL 匹配映射,path 匹配可以說是

URL 匹配的增強,匹配功能更強。

現在把視圖中的函數映射到瀏覽器前端頁面, 在 autotest/urls.py 中加入如下內容:

Web 應用框架

from django.contrib import admin

from django.urls import path

from apitest import views #加入引用

urlpatterns = [

path('admin/', admin.site.urls),

path('test/', views.test), #加入關聯路徑及函數

]

在瀏覽器中輸入 127.0.0.1:8000/test,即看到函數返回響應數據,如圖所示。

Web 應用框架

2.3.6 創建模板

步驟 1 在 apitest 下創建 templates 文件夾,在 templates 文件夾下創建 login.html 文件,在 templates/login.html 文件中,加入如下內容。

Web 應用框架

Web 應用框架

<title>Login/<title>

login

步驟 2 在 autotest/urls.py 中創建關聯映射。

Web 應用框架

from django.contrib import admin

from django.urls import path

from apitest import views

urlpatterns = [

path('admin/', admin.site.urls),

path('test/', views.test),

path('login/', views.login),

]


步驟 3 在 apitest/views.py 中創建 login 函數,並以 UTF-8 格式保存。

Web 應用框架

from django.shortcuts import render

from django.http import HttpResponse

def login(request):

return render(request,'login.html')

步驟 4 在瀏覽器中輸入 http://127.0.0.1:8000/login,會看到登錄頁面,如圖所示。

Web 應用框架


分享到:


相關文章: