Django 前端页面
前端介绍了建立模型(表),并写了保存数据,与查询数据,那么在前端页面,如何将用户输入的数据提交到后台保存呢
1,创建前端页面
通用情况下,前端页面都是html文件,在myweb\web\templates目录新建一个taskAdd.html文件,编辑代码如下:
{% extends 'base.html' %}
{% block content %}
{% include "v3/v3Com.html" %}
<form enctype="multipart/form-data" action="/taskAdd" method="post" class="tableForm" id="taskForm">
{% csrf_token %}
<table width='100%' border='1' bgcolor="#eeeeee" bordercolor='#aabbcc' cellspacing='1' cellpadding='0'>
<tr class="tit"><td align="center" colspan="6" bgcolor='#aabbcc'>新增任务</td></tr>
<tr>
<td>任务名称:</td>
<td><input type="text" name="task_name " id="task_name " ></td>
<td>操作人:</td>
<td ><input type="text" name="task_user " id="task_user"></td>
</tr>
<tr>
<td>开始日期:</td>
<td><input type="text" name="task_start_date" id="task_start_date"></td>
<td>结束日期:</td>
<td><input type="text" name="task_end_date" id="task_end_date"></td>
</tr>
<tr>
<td>任务描述:</td>
<td colspan="3"><textarea rows="20" cols="180" name="task_describe" id="task_describe"></textarea></td>
</tr>
<tr class="btnBar">
<td align="center" colspan="4">
<input type="submit" value="提交" class="u-btn s-primary">
</td>
</tr>
<tr>
<td colspan="4">{{ info }}</td>
</tr>
</table>
{% endif %}
</form>
{% endblock %}
2,编辑views.py文件
编辑myweb\web\views.py文件,加入代码:
import database
# 保存任务表
def task_add(request):
task_info = dict()
task_info['task_name'] = request.POST.get('task_name')
task_info['task_user'] = request.POST.get('task_user')
task_info['task_describe'] = request.POST.get('task_describe')
task_info['task_start_date'] = request.POST.get('task_start_date')
task_info['task_end_date'] = request.POST.get('task_end_date')
dataBase.save_task(task_info)
因为我们把保存数据的逻辑是写在 database.py里的save_task函数里的
所以先引入database,再调用save_task函数。(如果不清楚,看“保存数据”那章节的内容)
3,配置urls.py文件
编辑urls.py文件,加入:
url(r'^taskAdd/', views.task_add),
前端页面的form提交时会先在urls.py里找到form里action指定的路径taskAdd,urls根据taskAdd,去调用views.task_add函数
该文章对你有帮助吗,求分享转发: 分享到QQ空间 分享给QQ好友