Django(part3)--制作我的第一个网页

学习笔记,仅供参考



制作我的第一个网页



URL介绍


  • 定义

URL即统一资源定位符Uniform Resource Locator


  • 作用

对互联网上资源的位置和访问方法的一种简洁表示,是互联网上标准资源的地址,互联网上的每个文件都有一个唯一的一个URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。

  • 组成
http://域名:端口号/路由
  • 例如

http://www.tmooc.cn/live/

https://www.baidu.com/


路由


路由就是URL中不看域名的部分,比如说http://www.tmooc.cn/live/中的live/,http://www.tmooc.cn/free/中的free/


制作第1个网页


path方法

path(route, view, kwargs=None, name=None)
#route: 字符串,表示 URL 规则,与之匹配的 URL 会执行对应的第二个参数 view。
#view: 用于执行与正则表达式匹配的 URL 请求。
#kwargs: 视图使用的字典类型的参数。
#name: 用来反向获取 URL。

开始我们的第一个网页


首先,我们打开urls.py文件,可以看到它只有一个urlpatterns列表。之后我们创建网页时,需要在里面添加一个path方法,path方法中传入一个路由(比如page1/)和对应的views模块下的方法:

from django.contrib import admin
from django.urls import path

urlpatterns = [
    path('admin/', admin.site.urls),
]

现在,我们在项目包下创建一个views.py模块,并在其中创建一个page1方法,并返回一个HttpResponse对象(若不返回该对象,则请求时会报错):

from django.http import HttpResponse

def page1(request):
    return HttpResponse("This is page1")
    #如果不返回HttpResponse对象,就无法正常显示我们的page1

同时,我们在urlpatterns列表中添加一个路由:

from django.contrib import admin
from django.urls import path
from . import views
#.表示从当前包里导入

urlpatterns = [
    path('admin/', admin.site.urls),
    path('page1/', views.page1), #views.page1表示传递一个函数,而不是一个调用
]

此时我们开启服务:

F:\MyStudio\PythonStudio\goatbishop.project01\Django\mywebsite1>python manage.py runserver

并我们在浏览器中输入http://127.0.0.1:8000/page1/:

Ferfect!


现在,我们按照同样的步骤,设置第二个网页,其路由为page2/

urls.py

from django.contrib import admin
from django.urls import path
from . import views
#.表示从当前包里导入

urlpatterns = [
    path('admin/', admin.site.urls),
    path('page1/', views.page1), #views.page1表示传递一个函数,而不是一个调用
    path('page2/',views.page2),
    
]

views.py

# -*- coding: utf-8 -*-

from django.http import HttpResponse

def page1(request):
    return HttpResponse("This is page1")
    #如果不返回HttpResponse对象,就无法正常显示我们的page1

def page2(request):
    html = """
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>兔兔之家</title>
</head>
<body>

	<form>
		<fieldset>
			<legend>小黄</legend>
			用户名:<input type="text">
			<br>
			密码:<input type="text">	
		</fieldset>

		<fieldset>
			<legend>大白</legend>
			用户名:<input type="text">
			<br>
			密码:<input type="text">	
		</fieldset>

	</form>
	
</body>
</html>
    
"""
    return HttpResponse(html)
    #返回一个html框架

保存着两个文件后,在浏览器中输入http://127.0.0.1:8000/page2/:

Very Good!

猜你喜欢

转载自blog.csdn.net/m0_37422217/article/details/106736852