Exibir dinamicamente o conteúdo do banco de dados MySQL na página da web sob a estrutura Python Django
Requisito: Exibir os dados de uma única tabela em um banco de dados no banco de dados na página inicial da página da web. A tabela tem três colunas: coluna de id, coluna de nome e coluna de número do aluno, e tem lógica simples: o nome e o número do aluno em uma única linha pode ser modificada. Qualquer linha pode ser excluída e irá automaticamente saltar para a página de exibição após a modificação e exclusão. Não há paginação, gerenciamento de permissões e outras funções, apenas uma exibição simples,
Após a exclusão:
Modificando:
========================================================== ============================
Vamos começar a explicar:
Primeiro, crie um novo projeto, o nome do projeto é sims. Execute o comando: Python manage.py startproject sims
Registre o aplicativo no arquivo settings.py no diretório do projeto. O nome do aplicativo é usuário.
Observe que é melhor criar a biblioteca primeiro. A pasta de modelo está no próximo nível do projeto. Clique com o botão direito na pasta chamada sims e crie uma nova pasta chamada modelo. Clique com o botão direito na pasta de modelos e crie uma pasta chamada aluno. Após a conclusão dos preparativos acima, execute o comando: python manage.py startapp user (escreva qual nome está registrado). Neste ponto, o ambiente básico do projeto está pronto.
========================================================== ============================
Execute o comando: Python manage.py startapp user
Depois que a execução for concluída, haverá um diretório de nível de nível adicional no projeto e esse diretório é o nome do APP registrado anteriormente, e há cinco arquivos nele.
Em seguida, comece a editar o arquivo models.py
Este nome de classe é o nome da tabela recém-criada. O nome da tabela gerada nos dados finais é app name_class name, portanto, preste atenção a este nome de classe e tente ter algum significado, tanto quanto possível.
Execute dois comandos: Python manage.py makemigrations
Python manage.py migrate
Após a execução, as tabelas utilizadas no banco de dados serão inicializadas e geradas. Claro, a tabela está temporariamente vazia, não há dados nela,
Esta é a inicialização bem-sucedida.
========================================================== ===========================
Configure o roteamento:
arquivo 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')),
]
========================================================== ============================
Visualização da configuração (todas as funções lógicas estão dentro):
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
========================================================== ==============================
Três arquivos 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>
Porque depois de excluir os dados, ele vai diretamente para a página de visualização, então não há necessidade de gravá-lo separadamente. Você só precisa atualizar a página de índice depois que os dados de front-end e back-end estiverem sincronizados, e você pode vê-los na página de exibição, que é index.html. Adicionar e modificar funções é outra lógica, portanto, precisa ser escrito separadamente.
Então, agora você pode executar o comando: Python manage.py runserver,
O programa irá iniciar o servidor de desenvolvimento para que você possa usar o navegador para testar o funcionamento do seu APP.