Django學習筆記010-學生管理系統(Django實現)
阿新 • • 發佈:2018-12-04
Django學習筆記-學生管理系統(Django實現)筆記中僅實現了對資料的全部查詢。
下面實現新增、刪除、修改,程式碼如下。
下面的程式碼沒有對輸入框內容進行限制,如果輸入不符合規則的內容,會出現錯誤。
本篇更新完畢後Django更新暫停一段,由於工作崗位是測試工程師,後面將重點關注測試相關內容。
views.py
from django.shortcuts import render,reverse from stusys import models from django.http import HttpResponseRedirect def stuinfo(request): stuinfo_list_obj = models.Stuinfo.objects.all() return render(request,'info.html',{'stuinfo_list':stuinfo_list_obj}) def add_stuinfo(request): if request.method == "POST": id = request.POST['id'] name = request.POST['name'] math = request.POST['math'] chinese=request.POST['chinese'] english=request.POST['english'] total=float(math)+float(chinese)+float(english) models.Stuinfo.objects.create(id=id,name=name,math=math,chinese=chinese,english=english,total=total) return HttpResponseRedirect(reverse('stuinfo')) elif request.method == "GET": return render(request,'add.html') def del_stuinfo(request): id=request.GET.get('id') models.Stuinfo.objects.filter(id=id).delete() return HttpResponseRedirect(reverse('stuinfo')) def mod_stuinfo(request): if request.method=='GET': id = request.GET.get('id') stu_detail =models.Stuinfo.objects.get(id=id) context={'stu_detail':stu_detail} return render(request,'mod.html',context=context) if request.method=="POST": id = request.POST['id'] name = request.POST['name'] math = request.POST['math'] chinese=request.POST['chinese'] english=request.POST['english'] total=float(math)+float(chinese)+float(english) models.Stuinfo.objects.filter(id=id).update(name=name,math=math,chinese=chinese,english=english,total=total) return HttpResponseRedirect(reverse('stuinfo'))
urls.py
from django.contrib import admin from django.urls import path from stusys import views urlpatterns = [ path('admin/', admin.site.urls), path('',views.stuinfo,name='stuinfo'), path('add/',views.add_stuinfo,name='add_stuinfo'), path('del/',views.del_stuinfo,name='del_stuinfo'), path('mod/',views.mod_stuinfo,name='mod_stuinfo') ]
templates
base.html
{% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>學生成績管理系統</title> <link rel="stylesheet" href="{% static 'nav.css' %}"> <link rel="stylesheet" href="{% static 'table.css' %}"> </head> <body> <ul class="nav"> <li><a href="{% url 'stuinfo' %} ">首頁</a></li> <li><a href="{% url 'add_stuinfo' %} ">新增</a></li> </ul> <div style="padding:20px;margin-top:30px;background-color:#1abc9c;height:1500px;"> {% block content %} {% endblock %} </div> </body> </html>
add.html
{% extends 'base.html' %}
{% block content %}
<div>
<form action ="{% url 'add_stuinfo' %}" method="post">
{% csrf_token %}
<table class="table" style="border-style:none;width: 50%" >
<tr>
<td style="border-style:none" >學 號:</td>
<td style="border-style:none"><input name="id"></td>
</tr>
<tr>
<td style="border-style:none">姓 名:</td>
<td style="border-style:none"><input name="name"></td>
</tr>
<tr>
<td style="border-style:none">數學成績:</td>
<td style="border-style:none"><input name="math"></td>
</tr>
<tr>
<td style="border-style:none">語文成績:</td>
<td style="border-style:none"><input name="chinese"></td>
</tr>
<tr>
<td style="border-style:none">英語成績:</td>
<td style="border-style:none"><input name="english"></td>
</tr>
<tr>
<td colspan="2" style="border-style:none" ><input type="submit" value="新增" style="width:100px;height:40px;"></td>
</tr>
</table>
</form>
</div>
{% endblock %}
info.html
{% extends 'base.html' %}
{% block content %}
<table class="table" >
<thead>
<tr >
<td >學號</td>
<td >姓名</td>
<td >數學</td>
<td >語文</td>
<td >英文</td>
<td >總分</td>
<td colspan="2"> </td>
</tr>
</thead>
<tbody>
{% for stuinfo in stuinfo_list %}
<tr >
<td >{{ stuinfo.id }}</td>
<td >{{ stuinfo.name }}</td>
<td >{{ stuinfo.math}}</td>
<td >{{ stuinfo.chinese }}</td>
<td >{{ stuinfo.english }}</td>
<td >{{ stuinfo.total }}</td>
<td ><a href="{% url 'del_stuinfo' %}?id={{ stuinfo.id}}">刪除</a></td>
<td ><a href="{% url 'mod_stuinfo' %}?id={{ stuinfo.id}}">修改</a></td>
</tr>
{% endfor %}
</tbody>
</table>
{% endblock %}
mod.html
{% extends 'base.html' %}
{% block content %}
{# <form action ="{% url 'mod_stuinfo' %}" method="post">#}
{# {% csrf_token %}#}
{# #}
{# <p>學 號:<input name="id" type="text" value="{{ stu_detail.id}}" readonly="readonly" ></p>#}
{# <p>姓 名:<input name="name" type="text" value="{{ stu_detail.name}}"></p>#}
{# <p>數學成績:<input name="math" type="text" value="{{ stu_detail.math}}"></p>#}
{# <p>語文成績:<input name="chinese" type="text" value="{{ stu_detail.chinese}}"></p>#}
{# <p>英語成績:<input name="english" type="text" value="{{ stu_detail.english}}"></p>#}
{# <p><input type="submit" value="修改"></p>#}
{# </form>#}
<form action ="{% url 'mod_stuinfo' %}" method="post">
{% csrf_token %}
<table class="table" style="border-style:none;width: 50%" >
<tr>
<td style="border-style:none" >學 號:</td>
<td style="border-style:none"><input name="id" type="text" value="{{ stu_detail.id}}" readonly="readonly" disabled="disabled"></td>
</tr>
<tr>
<td style="border-style:none">姓 名:</td>
<td style="border-style:none"><input name="name" type="text" value="{{ stu_detail.name}}"></td>
</tr>
<tr>
<td style="border-style:none">數學成績:</td>
<td style="border-style:none"><input name="math" type="text" value="{{ stu_detail.math}}"></td>
</tr>
<tr>
<td style="border-style:none">語文成績:</td>
<td style="border-style:none"><input name="chinese" type="text" value="{{ stu_detail.chinese}}"></td>
</tr>
<tr>
<td style="border-style:none">英語成績:</td>
<td style="border-style:none"><input name="english" type="text" value="{{ stu_detail.english}}"></td>
</tr>
<tr>
<td colspan="2" style="border-style:none" ><input type="submit" value="修改" style="width:100px;height:40px;"></td>
</tr>
</table>
</form>
{% endblock %}
靜態資原始檔:
nav.css
*{
margin: 0;
padding: 0;
}
.nav{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
position: fixed;
top: 0;
width: 100%;
}
.nav li{
float: left;
}
.nav li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.nav li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
table.css
.table{
margin-top:50px;width:100% ;border:solid #add9c0; border-width:1px 0px 0px 1px;}
.table tr td {
border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;font-size:18px;align:center;}
.table tr td input{
width: 250px; height: 30px;font-size:18px
}
實現效果如下: