Django如何将前端的数据存入Mysql数据库

Django如何将前端的数据存入Mysql数据库,第1张

Django如何将前端的数据存入Mysql数据库

1.在app下的models.py中创建新的模板

具体代码如下:

class Apply(models.Model):
    clas = models.CharField(max_length=32, verbose_name="班级")
    name = models.CharField(max_length=32, verbose_name="姓名")
    number = models.CharField(max_length=15, verbose_name="学号")
    email = models.CharField(max_length=32, verbose_name="邮箱")
    phone = models.CharField(max_length=11, verbose_name="手机号")
    zhiyuan1 = models.EmailField(max_length=32, verbose_name="志愿一")
    zhiyuan2 = models.EmailField(max_length=32, verbose_name="志愿二")

Apply类下的clas,name这些通过数据迁移会变成mysql数据库中的列表名
2.数据迁移(用pycharm自带的Terminal工具即可)

python manage.py makemigrations finalapp
python manage.py migrate finalapp

finalapp是我app的名字,大家数据迁移的时候记得换成自己app的名字
下面是我数据迁移之后的mysql数据库,可以看到finalapp_apply表已经创建成功,双击点开就可以查看表,新创建的表是什么数据都没有的,图中的是我的前端通过form表单提交到数据库的

3.在app下的views.py中创建新的视图

具体代码如下:

def apply(request):
    if request.method == "POST":  # 判断请求为POST请求则是提交表单
        apply = Apply()  # 创建一个apply实例
        clas = request.POST.get("clas")  # 获取提交表单中的clas值,赋值给clas
        name = request.POST.get("name")  # 获取提交表单中的name值,赋值给变量name
        number = request.POST.get("number")
        email = request.POST.get("email")
        phone = request.POST.get("phone")
        zhiyuan1 = request.POST.get("zhiyuan1")
        zhiyuan2 = request.POST.get("zhiyuan2")
        apply.clas = clas #给实例赋值
        apply.name = name
        apply.number = number
        apply.email = email
        apply.phone = phone
        apply.zhiyuan1 = zhiyuan1
        apply.zhiyuan2 = zhiyuan2
        apply.save()  # 保存实例,把数据存到数据库
        return render(request, 'applysuccessful.html') #数据保存之后,从apply网页跳转到成功的页面
    else:
        return render(request, 'apply.html') #没有数据的时候,跳转到apply网页

4.前端

具体代码如下:

 

form表单必须写 action 属性,它规定当提交表单时,向何处发送表单数据。
{%csrf_token%}:在Django中我们需要在templates的form中加入{%csrf_token%}这串内容,它的作用是当我们get表单页面时,服务器返回页面的同时也会向前端返回一串随机字符,post提交时服务器会验证这串字符来确保用户是在服务端返回的表单页面中提交的数据,防止有人通过例如jquery脚本向某个url不断提交数据,是一种数据提交的验证机制。
5.效果


可以看到前端提交的数据已经存入到数据库中
希望这篇文章可以帮助到你!!!
图中的图片均来自自己的公众号,不存在盗图!!!
同时欢迎大家扫码关注我的个人公众号!!!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5157473.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-18
下一篇 2022-11-18

发表评论

登录后才能评论

评论列表(0条)

保存