Python Django框架下将MySQL数据库的内容在网页上动态展示
需求:将数据库中的一个库内的单表数据展示在网页首页,该表有id列,名字列,学号列三个列,并有简单的逻辑:能修改单行内的名字和学号,能删除任意的行,修改和删除后仍然自动跳转到展示页。没有分页,权限管理等功能,仅仅是个简单的展示、
删除后:
修改中:
============================================================================
下面就开始讲解:
首先,新建项目,项目名称为sims。运行命令:Python manage.py startproject sims
在项目目录下的settings.py文件中注册app。app名称为user。
注意,库最好先建立,模板文件夹是在工程的下一级目录,右键点击项目名称为sims那个文件夹,新建文件夹,名称为template。右键点击template文件夹,再建立一个文件夹,名称为student。以上准备完毕后,运行命令:python manage.py startapp user(注册的哪个名字就写哪个名字)。至此,基本的项目环境准备完毕。
============================================================================
运行命令:Python manage.py startapp user
执行完毕后,在项目下会多出一个平级目录并且该目录为前面注册的APP名称,其下有五个文件。
接下来开始编辑 models.py文件
这个类名就是将要新建立的表的名称,最终数据中生成的表的名称为app名称_类名,所以请注意这个类名,尽量的有些含义。
执行两个命令:Python manage.py makemigrations
Python manage.py migrate
执行完毕后,数据库中所使用的表将会初始化并生成。当然,表暂时是空的,里面没有数据、
这样的就是成功初始化了。
===========================================================================
配置路由:
user/urls.py文件:
from django.conf.urls import url
from . import views
urlpatterns = [ url(r'^$', views.index),
url(r'^add/$', views.add),
url(r'^edit/$', views.edit),
url(r'^delete/$', views.delete),
]
sims/urls.py:
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^', include('user.urls')),
]
============================================================================
配置视图(逻辑函数都在里面):
user/views.py
#这个文件是视图功能的实现,
# Create your views here.
from django.http import HttpResponse
import MySQLdb
from django.shortcuts import render, redirect # Create your views here.
#学生信息列表处理函数,直接读取数据库的内容,将内容渲染到静态展示页面,算是查这个功能的实现。
def index(request):
conn = MySQLdb.connect(host="数据库的ip",
user="root",
passwd="数据库的密码",
db="要连接的数据库库名,settings.py里所设置的那个库名",
charset='utf8')
with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
cursor.execute("SELECT id,student_no,student_name FROM user_student")
students = cursor.fetchall()
return render(request, 'student/index.html', {'students': students})
# 学生信息新增处理函数,这是增功能函数,注意返回的路由,增加动作完毕后自动跳转到查页面
def add(request):
if request.method == 'GET':
return render(request, 'student/add.html')
else:
student_no = request.POST.get('student_no', '')
student_name = request.POST.get('student_name', '')
conn = MySQLdb.connect(host="数据库ip", user="root", passwd="数据库密码", db="库名", charset='utf8')
with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
cursor.execute("INSERT INTO user_student (student_no,student_name) " "values (%s,%s)", [student_no, student_name])
conn.commit()
return redirect('../')
# 学生信息修改处理函数,同上,只是sql语句不一样而已,换成了update语句。
def edit(request):
if request.method == 'GET':
id = request.GET.get("id")
conn = MySQLdb.connect(host="要连的数据库ip", user="root", passwd="数据库密码", db="要连接的数据库库名,settings.py里所设置的那个库名", charset='utf8')
with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
cursor.execute("SELECT id,student_no,student_name FROM user_student where id =%s", [id])
student = cursor.fetchone()
return render(request, 'student/edit.html', {'student': student})
else:
id = request.POST.get("id")
student_no = request.POST.get('student_no', '')
student_name = request.POST.get('student_name', '')
conn = MySQLdb.connect(host="数据库的ip", user="root", passwd="数据库密码", db="要连接的数据库库名,settings.py里所设置的那个库名", charset='utf8')
with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
cursor.execute("UPDATE user_student set student_no=%s,student_name=%s where id =%s", [student_no, student_name, id])
conn.commit()
return redirect('../')
# 学生信息删除处理函数,同上,SQL语句改变而已。
def delete(request):
id = request.GET.get("id")
conn = MySQLdb.connect(host="数据库ip", user="root", passwd="数据库密码", db="要连接的数据库库名,settings.py里所设置的那个库名", charset='utf8')
with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
cursor.execute("DELETE FROM user_student WHERE id =%s", [id])
conn.commit()
return redirect('../')
#返回上层url
==============================================================================
三个HTML文件:
template/student/.index.html:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8">
<title>学生列表</title>
</head>
<body> <table border="1px" width="100%" style="border-collapse: collapse;">
<a href="../add">添加学生</a> <tr>
<th>编号</th>
<th>姓名</th>
<th>学号</th>
<th>操作</th>
</tr> {% for student in students %}
<tr>
<td align="center">{
{ forloop.counter }}
</td> <td align="center">{
{ student.student_name }}
</td>
<td align="center">{
{ student.student_no }} </td>
<td align="center">
<a href="../edit/?id={
{ student.id }}"> 编辑 </a>
<a href="../delete/?id={
{ student.id }}"> 删除 </a>
</td> </tr> {% endfor %}
</table>
</body>
</html>
template/student/add.html:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8">
<title>学生添加</title>
<style>
form { margin: 20px auto; width: 500px; border: 1px solid #ccc; padding: 20px }
</style>
</head>
<body> <form method="post" action="../add/"> {% csrf_token %}
<table> <tr> <th>姓名</th> <td><input name="student_name"></td>
</tr>
<tr> <th>学号</th>
<td><input name="student_no"/></td>
</tr> <tr>
<td colspan="2">
<input type="submit"/> </td>
</tr>
</table>
</form>
</body>
</html>
template/student/edit.html:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8">
<title>学生编辑</title>
<style> form { margin: 20px auto; width: 500px; border: 1px solid #ccc; padding: 20px }
</style>
</head> <body>
<form method="post" action="../edit/"> {% csrf_token %}
<input type="hidden" name="id" value="{
{ student.id }}"/>
<table> <tr> <th>姓名</th> <td><input name="student_name" value="{
{ student.student_name }}"></td>
</tr> <tr> <th>学号</th> <td><input name="student_no" value="{
{ student.student_no }}"/></td> </tr> <tr>
<td colspan="2"> <input type="submit"/> </td>
</tr>
</table>
</form>
</body>
</html>
因为删除数据后就直接跳转到查看页面了,因此不需要单独编写,只需要前后端数据同步好后,刷新index页面,能在展示页面也就是index.html这看到就可以了。增加和修改功能是另外的逻辑,因此需要单独编写。
那么,现在就可以运行命令:Python manage.py runserver,
该程序会启动开发服务器,以便使用浏览器来测试你的APP运行。