第Django零基礎(chǔ)入門(mén)之調(diào)用漂亮的HTML前端頁(yè)面就直接使用render方法即可！

render方法是django封裝好用來(lái)調(diào)用HTML前端模板的方法！

1.模板放在哪？

在主目錄下創(chuàng)建一個(gè)templates目錄用來(lái)存放所有的html的模板文件。（如果是使用pycharm創(chuàng)建django項(xiàng)目的話(huà)，默認(rèn)就會(huì)自動(dòng)創(chuàng)建這個(gè)目錄哦！但是用命令創(chuàng)建django項(xiàng)目的話(huà)是沒(méi)有此目錄的?。?/p>

templates目錄里面再新建各個(gè)以app名字命名的目錄來(lái)存放各個(gè)app中的模板文件。

2.Django中實(shí)戰(zhàn)使用——調(diào)用漂亮的HTML前端頁(yè)面

（1）Appmusic里面的views.py文件：

fromdjango.shortcutsimportrender,redirect,reverse

fromdjango.httpimportHttpResponse

importtime

#Createyourviewshere.

deflogin(request):#登陸

returnrender(request,"music/test01.html")#返回HTML模板

#第二個(gè)html文件的路徑可以直接寫(xiě)templates下的：因?yàn)樵趕ettings.py文件中已經(jīng)配置好了!

注意：如果是使用pycharm創(chuàng)建的django項(xiàng)目，templates目錄路徑是已經(jīng)添加到DIRS中了哦！

如果是使用命令創(chuàng)建的Django項(xiàng)目，需要你自行添加此值哦！

（2）Appmusic里面的views.py文件：

fromdjango.contribimportadmin

fromdjango.urlsimportpath

from.importviews

urlpatterns=[#子路由

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

（3）HTML模板文件：

!DOCTYPEhtml

htmllang="en"

head

metacharset="UTF-8"

title注冊(cè)界面/title

linkrel="stylesheet"href="RESETCSS.css"rel="externalnofollow"

style

div{

width:300px;

height:350px;

border:1pxsolidgrey;

margin:8px008px;

span{

border-bottom:3pxsolidpurple;

padding-bottom:3px;

text-decoration:none;

float:right;

padding-top:3px;

color:deepskyblue;

.first{

width:290px;

height:30px;

border:1pxsolidgrey;

border-radius:5px;

margin:5px4px;

.second{

width:200px;

height:30px;

border:1pxsolidgrey;

border-radius:5px;

margin:5px4px;

.third{

width:79px;

height:30px;

border:1pxsolidblue;

border-radius:5px;

color:blue;

.fourth{

width:79px;

height:30px;

border:1pxsolidblue;

border-radius:5px;

vertical-align:middle;

background-image:url("/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1378353400,959510337fm=26gp=0.jpg");

background-size:79px30px;

.zc{

width:290px;

height:30px;

border:1pxsolidgrey;

border-radius:5px;

margin:5px4px;

background-color:skyblue;

color:white;

/style

/head

body

div

formaction=""

span請(qǐng)注冊(cè)/span

ahref=""立即登錄/a

inputtype="text"placeholder="請(qǐng)輸入手機(jī)號(hào)"br

inputtype="text"placeholder="請(qǐng)輸入短信驗(yàn)證碼"

inputtype="button"value="發(fā)送驗(yàn)證碼"br

inputtype="text"placeholder="請(qǐng)輸入用戶(hù)名"br

inputtype="password"placeholder="請(qǐng)輸入密碼"br

inputtype="password"placeholder="請(qǐng)?jiān)俅屋斎朊艽a"br

inputtype="text"placeholder="請(qǐng)