一、创建项目：
# 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. SpringMVC(一) HelloWorld
			
    学习新东西的的第一个程序--HelloWorld,以下是SpringMVC的HelloWorld 第一步: 用MAVEN 创建webapp,并添加依赖.(强烈建议使用MAVEN,MAVEN学习书籍和视 ...
    
			
    2. 
						
  2. WIN7无法保存打印机设置错误0x000006d9处理办法(转载)
			
    办公电脑安装了GHOST版WIN7操作系统,在设置打印机共享时,报(错误0x000006d9),无法设置打印机共享, 查看微软官方文档:说是停止或禁用了Windows防火墙服务,必须启用 Window ...
    
			
    3. 
						
  3. Camera三维动画
			
    一.概述 在Android中说到3D开发,我们首先想到的是OpenGL,但用起来比较复杂繁琐,不适合做应用级别的3D变换.Android为我们提供了一个简化版的3D开发入口:Camera(这里的Cam ...
    
			
    4. 
						
  4. hibernate注解--@transient
			
    @transient:表示该属性并非一个到数据库表的字段的映射,ORM框架将忽略该属性. 如果一个属性并非数据库表的字段映射,就务必将其标示为@Transient,否则,ORM框架默认其注解为@Bas ...
    
			
    5. 
						
  5. Blender软件导出的obj数据格式文件内容解读
			
    [cube.obj] # Blender v2.78 (sub 0) OBJ File: '' # www.blender.org mtllib cube.mtl #这里是引用了一个外部材质文件cub ...
    
			
    6. 
						
  6. npm run build 打包项目，图片等资源使用相对路径会出现路径错误的问题
			
    在build下的utils.js中,3使用 ‘vue-style-loader’ 依赖的地方添加 publicPath: '../../' , 如图:
    
			
    7. 
						
  7. 洛谷P1055 ISBN号码
			
    题目描述 每一本正式出版的图书都有一个ISBN号码与之对应,ISBN码包括 999 位数字. 111 位识别码和 333 位分隔符,其规定格式如x-xxx-xxxxx-x,其中符号-就是分隔符(键盘上 ...
    
			
    8. 
						
  8. BZOJ 3439 Kpm的MC密码 (Trie树+线段树合并)
			
    题面 先把每个串反着插进$Trie$树 每个节点的子树内,可能有一些节点是某些字符串的开头 每个节点挂一棵权值线段树,记录这些节点对应的原来字符串的编号 查询的时候在线段树上二分即可 为了节省空间,使 ...
    
			
    9. 
						
  9. 绘图-CAD-改快捷键
			
    CAD的快捷键应该在左手边,左手不离开键盘,右手不离开鼠标,这样的操作才有效率. arc 圆弧命令原命令是ARC Q 圆(CIRCLE) C 原快捷键C被定义为COPY,Q的形状类似圆,只是多了一个尾 ...
    
			
    10. 
						
  10. 带有public static void main方法的类，其中的成员变量必须是static的，否则main方法没法调用。除非是main里的局部变量。因为main方法就是static的啊。
			
    带有public static void main方法的类,其中的成员变量必须是static的,否则main方法没法调用.除非是main里的局部变量.因为main方法就是static的啊.
    
			
    11.