一、创建项目：
# 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. Mac 查看 剪贴板/剪切板/粘贴板 内容与格式
			
    命令行形式 osascript -e 'clipboard info' GUI 形式 Finder->编辑->显示剪贴板 图示:
    
			
    2. 
						
  2. Python代码块缓存、小数据池
			
    引子 前几天遇到了这样一道Python题目:a='123',b='123',下列哪个是正确的? A. a != b B. a is b C. a==123 D. a + b =246 正确答案是B 是 ...
    
			
    3. 
						
  3. pandaboy Merry Christmas
			
    
			
    4. 
						
  4. Nginx全局变量
			
    一.全局变量 $args #请求中的参数值 $query_string #同 $args $arg_NAME #GET请求中NAME的值 $is_args #如果请求中有参数,值为"?&qu ...
    
			
    5. 
						
  5. 记Spring搭建功能完整的个人博客「Oyster」全过程[其一] 整体思路：需求、架构及技术要求
			
    一两个星期前正在了解Linux内核,看得有点累,突然想趁着五一放假写个博客学学spring. 由于没有在一开始下定决心写这个博客系统,所以我又没记录一开始的分析过程.这都是写了一个星期之后的思路了.  ...
    
			
    6. 
						
  6. vue 上传图片到阿里云(前端直传：不推荐)
			
    为何要这样做:减轻后端数据库压力(个人觉得于前端没啥用,谁返回来都行) 代码部分: <template> <div class="upLoad"> < ...
    
			
    7. 
						
  7. redis_2 数据类型
			
    1.key Redis keys 命令 下表给出了与 Redis 键相关的基本命令: 序号 命令及描述 1 DEL key该命令用于在 key 存在时删除 key. 2 DUMP key 序列化给定  ...
    
			
    8. 
						
  8. Spring学习总结（19）——Spring概念详解
			
    Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson创建.简单来说,Spring是一个分层的JavaSE/EEfull-stack(一 ...
    
			
    9. 
						
  9. HDU 2371
			
    知道了怎么置换之后,就可以用矩阵来置换了,但这道题一直关于置换的地方读不明白. #include <iostream> #include <cstdio> #include & ...
    
			
    10. 
						
  10. Qunie——自我生成程序
			
    Qunie是一段没有输入.但输出和它本身源代码同样的程序.本文无不论什么高深技术,纯属娱乐! 近期看到wikipedia的一个词条--Quine,简单介绍部分摘录于此,并简要翻译: A quine i ...
    
			
    11.