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 应用框架


分享到:


相關文章: