资讯专栏INFORMATION COLUMN

Django前端页面测试

IT那活儿 / 1313人阅读
Django前端页面测试

点击上方“IT那活儿”,关注后了解更多内容,不管IT什么活儿,干就完了!!!



01


创建投票首页


1.1 编写url

from django.conf.urls import url,include
from django.contrib import admin
from . import views #.是当前目录的意思(和urls.py同级,也可以from polls import views)

urlpatterns = [
url(r^$, views.index,name=index), #匹配到空白,都用views.index函数进行响应,那么为函数名字
]

1.2 编写views视图函数

def index(request):
# 用户发起的请求将会作为第一个参数传给函数 (客户端发起请求时可能是 get,put,post,携带的参数或者数据等等 都会作为第一个参数 传给request)
# 所以函数至少要定义一个参数来接收用户的请求
# render负责找寻模板文件发送给用户
return render(request, index.html)

1.3 编写页面

(确定templates模板的位置)

TEMPLATES = [
{
BACKEND: django.template.backends.django.DjangoTemplates,
DIRS: [os.path.join(BASE_DIR, templates)], #templates模板的位置,项目目录同级
APP_DIRS: True,
OPTIONS: {
context_processors: [
django.template.context_processors.debug,
django.template.context_processors.request,
django.contrib.auth.context_processors.auth,
django.contrib.messages.context_processors.messages,
],
   index.html
"en">

"UTF-8">
</span>polls


"container">

polls




 



02


编写问题页面


2.1 编写urls.py

urlpatterns = [
url(r^$, views.index,name=index),
url(r(d+)/$, views.a,name=a),
#d+为匹配数字(+为至少匹配到一个数字)
# ()为传参(把匹配到的数字作为视图函数a的参数 )
]

2.2 编写views.py

from django.shortcuts import render

def index(request):
return render(request,index.html)
def a(request,id):  #在urls.py中匹配到的参数的值用变量id接受
return  render(request,a.html,{id:id})
# 字典的内容将会成为模板文件的变量,字典的key是变量名,value是变量值(字典的值成为html的参数)

2.3 编写a.html


<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<div class="container">
<h1>{{id}}questionh1>   #在views.py文件中接受的参数,用{{}}表示
div>
body>
html>


03


编写结果页面


3.1 编写urls.py

urlpatterns = [
url(r^$, views.index,name=index), #r‘’单引号里面什么也不填写那么就是匹配空串(在任何字符之间都有空串),不管在ip/polls/后面填写什么都将匹配首页
url(r(d+)/$, views.a,name=a),
url(r(d+)/result/$, views.result,name=result)
]

3.2 编写views.py

from django.shortcuts import render

# Create your views here.
def index(request):
return render(request,index.html)
def a(request,id):
return  render(request,a.html,{id:id})
def result(request,id):
return  render(request,result.html,{id:id})
3、编写result.html
"UTF-8">
</span>Title



{{id}}result





end



本文作者:周世豪

本文来源:IT那活儿(上海新炬王翦团队)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/129648.html

相关文章

  • Django项目前端工程化的探索

    摘要:项目前端工程化的探索不通过层实现非网页开发的前后端分离。做过这样项目的各位攻城狮应该都知道有多痛苦吧。仔细想来,其实只是想要模板和静态资源,我们可以直接在目录下写,当然也可以开一个前端工程来写,最后把模板和静态资源到工程的相应目录下。 Django项目前端工程化的探索 不通过node层实现非SPA网页开发的前后端分离。 技术栈:webpack + jade + es6 + scss +...

    jsummer 评论0 收藏0
  • Django项目前端工程化的探索

    摘要:项目前端工程化的探索不通过层实现非网页开发的前后端分离。做过这样项目的各位攻城狮应该都知道有多痛苦吧。仔细想来,其实只是想要模板和静态资源,我们可以直接在目录下写,当然也可以开一个前端工程来写,最后把模板和静态资源到工程的相应目录下。 Django项目前端工程化的探索 不通过node层实现非SPA网页开发的前后端分离。 技术栈:webpack + jade + es6 + scss +...

    buildupchao 评论0 收藏0
  • Django项目前端工程化的探索

    摘要:项目前端工程化的探索不通过层实现非网页开发的前后端分离。做过这样项目的各位攻城狮应该都知道有多痛苦吧。仔细想来,其实只是想要模板和静态资源,我们可以直接在目录下写,当然也可以开一个前端工程来写,最后把模板和静态资源到工程的相应目录下。 Django项目前端工程化的探索 不通过node层实现非SPA网页开发的前后端分离。 技术栈:webpack + jade + es6 + scss +...

    Jackwoo 评论0 收藏0
  • Django项目前端工程化的探索

    摘要:项目前端工程化的探索不通过层实现非网页开发的前后端分离。做过这样项目的各位攻城狮应该都知道有多痛苦吧。仔细想来,其实只是想要模板和静态资源,我们可以直接在目录下写,当然也可以开一个前端工程来写,最后把模板和静态资源到工程的相应目录下。 Django项目前端工程化的探索 不通过node层实现非SPA网页开发的前后端分离。 技术栈:webpack + jade + es6 + scss +...

    HackerShell 评论0 收藏0

发表评论

0条评论

IT那活儿

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<