PythonDjangoフレームワークの下のWebページにMySQLデータベースのコンテンツを動的に表示します

            PythonDjangoフレームワークの下のWebページにMySQLデータベースのコンテンツを動的に表示します

要件:Webページのホームページのデータベース内のデータベース内の単一のテーブルのデータを表示します。テーブルには、id列、name列、および学生番号列の3つの列があり、名前と学生番号の単純なロジックがあります。単一の行で変更できます。任意の行を削除でき、変更および削除後に自動的に表示ページにジャンプします。ページネーション、権限管理、その他の機能はなく、単純な表示だけです。

削除後:

 変更:

 

================================================== ==========================

説明を始めましょう:

まず、新しいプロジェクトを作成します。プロジェクト名はsimsです。次のコマンドを実行します:Python manage.py startproject sims

プロジェクトディレクトリのsettings.pyファイルにアプリを登録します。アプリ名はuserです。

 

 

ライブラリを最初に作成するのが最適であることに注意してください。テンプレートフォルダはプロジェクトの次のレベルにあります。simsという名前のフォルダを右クリックして、templateという名前の新しいフォルダを作成します。テンプレートフォルダを右クリックして、studentという名前のフォルダを作成します。上記の準備が完了したら、次のコマンドを実行します:python manage.py startapp user(登録されている名前を書き込みます)。この時点で、基本的なプロジェクト環境の準備ができています。

================================================== ==========================

次のコマンドを実行します:Python manage.py startapp user

実行が完了すると、プロジェクトの下に追加のレベルレベルのディレクトリが作成されます。このディレクトリは、以前に登録されたAPPの名前であり、その下に5つのファイルがあります。

次に、  models.pyファイルの編集を開始します

このクラス名は、新しく作成されたテーブルの名前です。最終データで生成されるテーブルの名前は、app name_class nameです。このクラス名に注意し、可能な限り意味を持たせるようにしてください。

次の2つのコマンドを実行します。Pythonmanage.pymakemigrations

Pythonmanage.py移行

実行後、データベースで使用されるテーブルが初期化され、生成されます。もちろん、テーブルは一時的に空であり、データはありません。

 これは正常な初期化です。

================================================== =========================

ルーティングの構成:

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

================================================== ============================

3つの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.htmlである表示ページ。関数の追加と変更は別のロジックであるため、個別に記述する必要があります。

 

これで、次のコマンドを実行できます:Python manage.py runserver、

プログラムは開発サーバーを起動し、ブラウザーを使用してAPPの動作をテストできるようにします。

 

おすすめ

転載: blog.csdn.net/alwaysbefine/article/details/106086542