一、创建项目：
# 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前端到后端一次完整请求实例的更多相关文章
	

    
								
  1. django前端到后端一次简单完整的请求实例
		
    请求过程: 用户请求---〉django的路由系统---〉根据url不同分发到不同的views函数做对应处理----〉返回html格式的字符串(需要动态请求的到数据库里面拿到数据迁入到html文件中) ...
    
		
    2. 
						
  2. Django前端获取后端数据之前端自定义函数
		
    在写网站的时候遇到了一个问题: Django在后端向前端传数据时,多数会使用dict字典来传送多个数据,但前端只能遍历,没有一个用key取到value值的方法可以直接使用 如果作为一个list传递到前 ...
    
		
    3. 
						
  3. 看完让你彻底理解 WebSocket 原理，附完整的实战代码（包含前端和后端）
		
    1.前言 最近有同学问我有没有做过在线咨询功能.同时,公司也刚好让我接手一个 IM 项目.所以今天抽时间记录一下最近学习的内容.本文主要剖析了 WebSocket 的原理,以及附上一个完整的聊天室实战 ...
    
		
    4. 
						
  4. Django 前端通过json 取出后端数据
		
    Django 前端通过json 取出后端数据 前端通过json 取出后端数据 步骤1:后台数据通过 JSON 序列化成字符串a 注意:1.json是1个字符串 ​ 2.通过json.dumps('xx ...
    
		
    5. 
						
  5. django 前端请求跨域问题解决
		
    django 前端请求跨域问题解决 笔者之前在做django-restful-api开发的时候,在前端请求页面发送请求的时候直接出现301,域名重定向的问题,经过一番查阅资料,终于得到了非常完美的解决 ...
    
		
    6. 
						
  6. Python Django 前后端数据交互 之 前端向后端发送数据
		
    Python Django 之 前端向后端发送数据
    
		
    7. 
						
  7. flask 框架 前端和后端请求超时问题
		
    部署模式 flask + Gunicorn + nginx 为什么要用Gunicorn + nginx ? 请看知乎大神们的回答:https://www.zhihu.com/question/3852 ...
    
		
    8. 
						
  8. REST风格框架实战：从MVC到前后端分离(附完整Demo)
		
    既然MVC模式这么好,难道它就没有不足的地方吗?我认为MVC至少有以下三点不足:(1)每次请求必须经过“控制器->模型->视图”这个流程,用户才能看到最终的展现的界面,这个过程似乎有些复杂 ...
    
		
    9. 
						
  9. 解决Django+Vue前后端分离的跨域问题及关闭csrf验证
		
      前后端分离难免要接触到跨域问题,跨域的相关知识请参:跨域问题,解决之道   在Django和Vue前后端分离的时候也会遇到跨域的问题,因为刚刚接触Django还不太了解,今天花了好长的时间,查阅了 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. CorelDRAW最高立返500元！还剩30个名额！速抢！
			
    由于上月CDR X7返利活动收获众多好评 本月官方继续将活动进行到底! 而此次活动不但有上月意犹未尽的CDR X7版,更增加了CDR X6.CDR 2017以及可望不可即的CDR 2018版,可谓是优 ...
    
			
    2. 
						
  2. HILLSTONE sg6000 g5150 怎么恢复出厂设置
			
    hillstone恢复出厂设置的方法(忘记密码的情况) 口令丢失情况下的处理 如果口令丢失,用户无法登录安全路由器进行配置,请在安全路由器刚启动时按住 CLR 按键大约 5 秒,使设备恢复到出厂配置. ...
    
			
    3. 
						
  3. 百面机器学习--跟课Task整理
			
    涉及书中内容:特征工程&&模型评估 不同的特征如何进行特征工程? 特征是原始数据作为输入,特征工程的结果,作为输入供算法和模型使用. 对于数值型特征,为消除特征间的量纲影响,应对特征进 ...
    
			
    4. 
						
  4. 商品的CRUD操作
			
    (1)新增商品:新增文档,建立索引 PUT /index/type/id{ "json数据"} PUT /ecommerce/product/1{ "name" ...
    
			
    5. 
						
  5. 搭建`wenblogic`执行`install`脚本失败
			
    搭建weblogic服务,前期准备都已经完成,安装包都是已上传,执行install_wls1213.sh脚本,出现以下报错: install_wls1213.sh: line 1: rectory:  ...
    
			
    6. 
						
  6. Linux搭建Jenkins
			
    1.添加存储库 yum的repo中默认没有Jenkins,需要先将Jenkins存储库添加到yum repos,执行下面的命令: 使用wget -O下载并以不同的文件名保存 [root@besttes ...
    
			
    7. 
						
  7. 佛祖保佑，永不宕机，永无 Bug
			
    转自:http://top.jobbole.com/17580/ 佛祖保佑,永不宕机,永无 Bug 为何服务器频遭黑客攻击?为何系统频频宕机,别人家系统却稳如泰山,坚如磐石?为何运维人员和系统管理员行 ...
    
			
    8. 
						
  8. Nginx学习（1）--- 介绍与安装
			
    1.基础介绍 常用功能 1.HTTP服务 动静分离.WEB缓存.虚拟主机设置.URL Rewrite 2.负载均衡 3.反向代理 4.正向代理 5.邮件服务器 优点 高扩展.高可用.支持高并发.低资源 ...
    
			
    9. 
						
  9. Qt QImage与OpenCV Mat转换
			
    本系列文章由 @yhl_leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/51029382 应一个朋友的要求,整理总 ...
    
			
    10. 
						
  10. BZOJ 3674 可持久化并查集加强版(按秩合并版本)
			
    /* bzoj 3674: 可持久化并查集加强版 http://www.lydsy.com/JudgeOnline/problem.php?id=3674 用可持久化线段树维护可持久化数组从而实现可持 ...
    
			
    11.