Django2.2 学习笔记 (5)_从前端html页面提取数据并保存到数据库中

1、前端页面设置

1）更改路径设置

<form action="/message_form/" method="post" class="smart-green">

2）在表单端，添加验证(Django会自动验证)

{%csrf_token%}

<form action="/message_form/" method="post" class="smart-green">
    <h1>留言信息
        <span>请留下你的信息.</span>
    </h1>
    <label>
        <span>姓名 :</span>
        <input id="name" type="text" name="name" class="error" placeholder="请输入您的姓名"/>
        <div class="error-msg"></div>
    </label>

    <label>
        <span>邮箱 :</span>
        <input id="email" type="email" value="" name="email" placeholder="请输入邮箱地址"/>
        <div class="error-msg"></div>
    </label>

    <label>
        <span>联系地址 :</span>
        <input id="address" type="text" value="" name="address" placeholder="请输入联系地址"/>
        <div class="error-msg"></div>
    </label>

    <label>
        <span>留言 :</span>
        <textarea id="message" name="message"  placeholder="请输入你的建议"></textarea>
        <div class="error-msg"></div>
    </label>
    <div class="success-msg"></div>
    <label>
        <span>&nbsp;</span>
        <input type="submit" class="button" value="提交"/>
    </label>
    {%csrf_token%}
</form>

2、配置views.py

def message_form(request):
    # 如果请求类型是post类型

    if request.method == "POST":
        name=request.POST.get("name","")
        address = request.POST.get("address", "")
        email = request.POST.get("email", "")
        message_txt = request.POST.get("message", "")

        message = Message()
        message.name = name
        message.address =address
        message.email =email
        message.message= message_txt
        message.save()


    return render(request, "message_form.html")

3、在前端页面提交后，数据会保存到mysql中