一、创建项目：
# 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. 操作ajax生成页面的一个问题
			
    一般而言,js代码都放在页面的底部.在做项目的过程中,发现放在底部的代码没有执行,原来操作的是ajax生成的部分.这时候,页面加载js的顺序就要小心了.例子如下: <!doctype html& ...
    
			
    2. 
						
  2. win7/win10 未分配磁盘怎样创建扩展分区 也就是逻辑分区（转截）
			
    我们有时候用windows7的磁盘管理工具对windows7系统分区管理的时候,我们可能会不小心把我们的电脑硬盘扩展分区都删除了,扩展分区变为了未分配的空间,这时候如果我们新建分区的话,建立的都是主分 ...
    
			
    3. 
						
  3. 【转】VGG网络结构及参数
			
     VGG网络  VGG16输入224*224*3的图片,经过的卷积核大小为3x3x3,stride=1,padding=1,pooling为采用2x2的max pooling方式: 1.输入224x2 ...
    
			
    4. 
						
  4. centos7部署openvasV9
			
    应特别注意,openvas更新很快,本文章仅描述了当前版本和特定环境的部署.基础环境描述如下.环境相关版本并不要求完全相同.默认阅读者有一定的Linux基础,不做赘述.本机环境: [root@linu ...
    
			
    5. 
						
  5. 小白学习Spark系列六：Spark调参优化
			
    前几节介绍了下常用的函数和常踩的坑以及如何打包程序,现在来说下如何调参优化.当我们开发完一个项目,测试完成后,就要提交到服务器上运行,但运行不稳定,老是抛出如下异常,这就很纳闷了呀,明明测试上没问题, ...
    
			
    6. 
						
  6. 【BZOJ3065】带插入区间k小值
			
    题意: 带插入,修改的区间k小值在线查询 原序列长度<=35000,插入个数<=35000,修改个数<=70000,0<=权值<=70000 题解: Orz vfleak ...
    
			
    7. 
						
  7. json与object
			
     json与object的区别:1.JSON是对象,但对象不一定是JSON2.对象的组成是由属性和属性值,也就是KEY->VALUE对组成,value可是是任意的数据类型,当value为一个函数 ...
    
			
    8. 
						
  8. Java 接口技术 Interface
			
    一.什么是接口技术(Interface): //举例中Comparable是一个接口,Employee是一个类 1.接口不是类,而是对类的一组描述,并不给出每个类的具体实现. 2.一个类可以实现多个接 ...
    
			
    9. 
						
  9. hdu   4079简单贪心
			
    #include<stdio.h> #include<string.h> #define ll __int64 #define N 11000 struct node { in ...
    
			
    10. 
						
  10. Vijos——T 1016 北京2008的挂钟   ||  洛谷—— P1213 时钟
			
    https://www.luogu.org/problem/show?pid=1213 题目描述 考虑将如此安排在一个 3 x 3 行列中的九个时钟: 目标要找一个最小的移动顺序将所有的指针指向12点 ...
    
			
    11.