首页 > 其他 > 详细

django前端到后端一次完整请求实例

时间:2017-12-03 15:15:42      阅读:366      评论:0      收藏:0      [点我收藏+]

 

一、创建项目:
# django-admin startproject mysite
# cd mysite
# python manage.py startapp blog

目录结构:

  技术分享图片


一、html文件:templates/userInfo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>数据提交:</h1>
<form action="/userInfo" method="post">
<p>姓名<input type="text" name="username"></p>
<p>性别<input type="text" name="sex"></p>
<p>邮箱<input type="text" name="email"></p>
<p><input type="submit" name="submit"></p>
</form>

<hr>
<h1>数据展示:</h1>
<table border="1">
<tr>
<td>姓名</td>
<td>性别</td>
<td>邮箱</td>
</tr>
{% for i in user_list %}
<tr>
<td> {{ i.username }} </td>
<td>{{ i.sex }} </td>
<td>{{ i.email }} </td>
</tr>
{% endfor %}

</table>
</body>
</html>

二、修改配置文件:settings.py
INSTALLED_APPS = [
‘blog‘, # 增加一个app
]
MIDDLEWARE = [
#‘django.middleware.csrf.CsrfViewMiddleware‘, # 涉及到表单提交,这里把csrf相关注释了
]
TEMPLATES 部分加入:
‘DIRS‘: [os.path.join(BASE_DIR,"templates")],   # 存放HTML文件的地方

二、修改urls.py 文件:
from blog import views

urlpatterns = [
url("userInfo",views.userInfo),
]
三、编写对应视图函数:views.py

from django.shortcuts import render,HttpResponse
from  blog import models
def userInfo(request):
#return HttpResponse("<h1>xxx</h1>")
if request.method == "POST":
u = request.POST.get("username",None)
s = request.POST.get("sex",None)
e = request.POST.get("email",None)
models.UserInfo.objects.create(
username=u,
sex = s ,
email = e,
)
user_list=models.UserInfo.objects.all()
return render(request,"userInfo.html",{"user_list":user_list})

四:编写models.py :
from django.db import models
class UserInfo(models.Model):
username = models.CharField(max_length=64)
sex = models.CharField(max_length=64)
email = models.CharField(max_length=64)
#执行下面语句初始化数据库:
#python manage.py makemigrations
#python manage.py migrate

五、打开html访问:

  技术分享图片

 















django前端到后端一次完整请求实例

原文:http://www.cnblogs.com/fanxuanhui-linux/p/7966037.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!