一、创建项目：
# 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. PHP 时间处理
			
    1:获取当前日期格式时间 date("Y-m-d H:i:s");    2:转化为时间戳 strtotime( date("Y-m-d") ) 3:转化为日期 ...
    
			
    2. 
						
  2. Editing a Book  搜索 + meet in the middle
			
    我们可以发现最多只会进行5次操作. 由此我们从双向跑dfs,用一个unordered_map来保存状态,枚举一下两边的深度即可. 如果4次仍然不可行,则只有可能是5次.所以正反最多只需要搜2层 cod ...
    
			
    3. 
						
  3. C语言基础 (9) 数组指针
			
    复习 只要把地址拿到就能这么操作.. (这里是合法的地址,不是野指针) 只有定义变量后,此变量的地址才是合法的地址 野指针就是保存没有意义地址的指针变量 操作野指针变量本身不会有任何问题 操作野指针所 ...
    
			
    4. 
						
  4. Edit Distance  FZU-1434
			
    题目大意: 给你两个字符串A,B,和以下三种操作: 1.删除一个字符 2.插入一个字符 3.把一个字符改变成另一个字符 求使A变成B所需要的最少的操作: 我刚开始的思路是以为求出最长公共子序列,然后对 ...
    
			
    5. 
						
  5. POJ3984-迷宫问题【BFS】
			
    定义一个二维数组: int maze[5][5] = { 0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 1, ...
    
			
    6. 
						
  6. [bzoj 2726] 任务安排 （斜率优化 线性dp）
			
    3月14日第三题!!!(虽然是15号发的qwq) Description 机器上有N个需要处理的任务,它们构成了一个序列.这些任务被标号为1到N,因此序列的排列为1,2,3-N.这N个任务被分成若干批 ...
    
			
    7. 
						
  7. [USACO17JAN]Promotion Counting
			
    线段树合并. 正解好像不是线段树合并,但是出于练手的目的写了线段树合并. 大概就是对于左右子树,如果有一个为空,返回非空的,如果都不为空,就把这两个整合到一起就行了. #include <ios ...
    
			
    8. 
						
  8. css文本两端对齐
			
    在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地.这样我们就要用到 text-align, text-justify样式了. text-align直接设为justify就 ...
    
			
    9. 
						
  9. TCP协议和UDP协议
			
    一:TCP(Transmission Control Protocol)  传输控制协议 TCP是主机对主机层的传输控制协议,提供可靠的连接服务,采用三次握手确认建立一个连接: 第一次握手:主机A发送 ...
    
			
    10. 
						
  10. ibatis的批处理
			
    (1)spring模式:尽管spring已经配置了事务,但以下代码中还是要设置事务,不然batch不会起作用;另外这里虽然设了一下事务处理,但对全局事务并不会造成影响;注:不启用事务将建立多次连接,这 ...
    
			
    11.