web+flask+mysql,在前端 对mysql 进行增删改查操作

最新推荐文章于 2025-03-05 00:29:01 发布
最新推荐文章于 2025-03-05 00:29:01 发布
阅读量6.1k 收藏 91
点赞数 18
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45793065/article/details/106737931
版权

原理暂时没法说明白，菜鸟一个
可以从这里学习一下
http://www.pythondoc.com/flask-sqlalchemy/quickstart.html

数据库
在这里插入图片描述
骨架
layout.html

<!doctype html>
<html>
<head>
<title>{% block title %}{% endblock %}   </title>
<link rel="stylesheet"  href="/static/css/bootstrap.min.css" type="text/css" />
<script type="text/javascript" src="/static/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>

在这里插入图片描述
mysql.py

from flask import Flask,request,render_template
import pymysql

app=Flask(__name__)
@app.route('/mysql',methods=['POST','GET'])
def mysql():
    students=getStudents()
    return render_template('mysql.html',student=students)

def getStudents():
    # 打开数据库连接 主机地址  用户名 密码 数据库
    db = pymysql.Connect("localhost", "root", "ZJM199933","flask")
    cursor=db.cursor()
    sql="select * from student"
    cursor.execute(sql)
    rows=cursor.fetchall()

    db.close()
    return rows


if __name__=='__main__':
    app.run('127.0.0.1',5002,True)

在这里插入图片描述
mysql.html

 {% extends "layout.html" %}
{% block title %}猪圈{% endblock %}
 {% block content %}

<div class="container">
     <table border="1" style="width: 600px;height: 100px">
        <thead><th>ID</th><th>name</th><th>age</th></thead>
        <tbody>
        {% for s in student %}
        <tr><td>{{ s[0] }}</td><td>{{ s[1] }}</td><td>{{ s[2] }}</td></tr>
        {% endfor %}
        </tbody>
     </table>
     </div>
{% endblock %}

在这里插入图片描述
结果：
在这里插入图片描述
在前端进行数据库的查询、删除、编辑、添加
骨架layout.html不变

mysql.html

 {% extends "layout.html" %}
{% block title %}猪圈{% endblock %}
 {% block content %}
<div class="container">
  <form class="form" action="/searchstudent" method="post">
   <input  name="name" >
   <button type="submit">提交</button>
  </form>
 </div>
<div class="container">
     <table border="1" style="width: 600px;height: 100px">
        <thead><th>ID</th><th>name</th><th>age</th><th>操作</th></thead>
        <tbody>
        {% for s in students %}
        <tr><td>{{ s[0] }}</td><td>{{ s[1] }}</td><td>{{ s[2] }}</td>
        <td><a href="/deletestudent/{{s[0]}}">删除</a>
          <a href="/editstudent/{{s[0]}}">编辑</a>
       </td>
        </tr>
        {% endfor %}
        </tbody>
     </table>
     </div>
      </div>
 <div class="container">
  <form class="form" action="/addstudent" method="post">
   <input name="id" type="hidden" value="{{id}}">
   <input name="name" value="{{name}}" >
   <input name="age" value="{{age}}">
   <button type="submit">提交</button>
  </form>
 </div>
{% endblock %}

mysql.py

from flask import Flask,request,render_template
import pymysql

app=Flask(__name__)
@app.route('/mysql',methods=['POST','GET'])
def mysql():
    students=getStudents()
    return render_template('mysql.html',students=students,editStudent={})

@app.route('/deletestudent/<int:id>', methods=['GET'])
def deletestudent(id):
    removeStudent(id)
    students = getStudents()
    return  render_template('mysql.html',students=students)

@app.route('/searchstudent', methods=['POST'])
def searchstudent():
    name = request.form.get("name")
    students = searchStudents(name)
    return render_template('mysql.html',students=students)

@app.route('/addstudent', methods=['POST'])
def addstudent():
    name = request.form.get("name")
    age = request.form.get("age")
    id = request.form.get("id")
    if id:
        updateStudent(id,name,age)
    else:
        addStudent(name,age)
    students = getStudents()
    return render_template('mysql.html',students=students)


@app.route('/editstudent/<int:id>', methods=['GET'])
def editstudent(id):
    students = getStudents()
    editStudent = getStudent(id)
    name = editStudent[1]
    age = editStudent[2]
    return render_template('mysql.html',students=students,id = id,name=name,age=age)


def getStudent(id):
    db = pymysql.connect("localhost", "root", "ZJM199933", "flask")
    cursor = db.cursor()
    cursor.execute("select * from student where id="+str(id))
    row = cursor.fetchone()
    db.close()
    return row

def getStudents():
    # 打开数据库连接 主机地址  用户名 密码 数据库
    db = pymysql.Connect("localhost", "root", "ZJM199933","flask")
    cursor=db.cursor()
    sql="select * from student"
    cursor.execute(sql)
    rows=cursor.fetchall()
    db.close()
    return rows

#查询
def searchStudents(name):
    # 打开数据库连接 主机地址  用户名 密码 数据库
    db = pymysql.Connect("localhost", "root", "ZJM199933","flask")
    cursor = db.cursor()
    cursor.execute("select * from student where name like '%" + name + "%'")
    rows = cursor.fetchall()
    for row in rows:
        print(row[1])
    db.close()
    return rows

#添加
def addStudent(name,age):
    db = pymysql.Connect("localhost", "root", "ZJM199933", "flask")
    cursor = db.cursor()
    sql = "insert into student (name,age) VALUES ('"+name+"',"+age+")"
    cursor.execute(sql)

    db.commit()#提交数据库
    db.close()

#修改
def updateStudent(id,name,age):
    db = pymysql.Connect("localhost", "root", "ZJM199933", "flask")
    cursor = db.cursor()
    cursor.execute("update student set name='" + name + "',age=" + str(age) + " where id=" + str(id))
    db.commit()
    db.close()

#删除
def removeStudent(id):
    db = pymysql.Connect("localhost", "root", "ZJM199933", "flask")
    cursor = db.cursor()
    cursor.execute("delete from student where id=" + str(id))
    db.commit()
    db.close()


if __name__=='__main__':


    app.run('127.0.0.1',5002,True)

结果
在这里插入图片描述查询
在这里插入图片描述在这里插入图片描述删除
在这里插入图片描述在这里插入图片描述添加：
在这里插入图片描述在这里插入图片描述编辑
在这里插入图片描述在这里插入图片描述在这里插入图片描述

高级版本，是上面的改进

在这里插入图片描述
1、DB.py是连接数据库，并有获取，删除，查询和通过id获得数据 的方法
2、student.py是继承DB.py ,并添加了 修改，添加数据 的方法
3、layout.html 是前端的骨架
4、mysql.html在layout.html的骨架上进行操作web页面，将数据库的内容和操作展示在web
5、mysql.py 是flask ,通过路由将数据库的数据传达到前端
6、static是 web所需要的插件工具

代码
DB.py

import pymysql

class DB():
    def __init__(self,table="", host='localhost', port=3306, db='flask', user='root', passwd='ZJM199933', charset='utf8'):
        # 建立连接
        self.conn = pymysql.connect(host=host, port=port, db=db, user=user, passwd=passwd, charset=charset)
        # 创建游标，操作设置为字典类型
        self.cur = self.conn.cursor(cursor = pymysql.cursors.DictCursor)

    def getTable(self):
        return ""

    def getAll(self):
        sql="select * from " + self.getTable()
        self.cur.execute(sql)
        rows=self.cur.fetchall()
        self.conn.close()
        return rows

    def remove(self,id):
        sql="delete from "+self.getTable()+" where id=" + str(id)
        self.cur.execute(sql)
        self.conn.commit()
        self.conn.close()


    def search(self,field,keywords):
        sql="select * from "+self.getTable()+" where "+field+" like '%" + keywords+ "%'"
        self.cur.execute(sql)
        rows = self.cur.fetchall()
        self.conn.close()
        return rows

    def get(self,id):
        sql="select * from "+self.getTable()+" where id=" + str(id)
        self.cur.execute(sql)
        row = self.cur.fetchone()
        self.conn.close()
        return row

在这里插入图片描述在这里插入图片描述
student.py

import pymysql
from model.DB import  DB
class student(DB):

    def getTable(self):
        return "student"

    def add(self, name, age):
        sql = "insert into student (name,age) values('" + name + "'," + str(age) + ")"
        self.cur.execute(sql)
        self.conn.commit()
        self.conn.close()

    def update(self, id, name, age):
        sql = "update student set name='" + name + "',age=" + str(age) + " where id=" + str(id)
        self.cur.execute(sql)
        self.conn.commit()
        self.conn.close()

在这里插入图片描述mysql.py

from flask import Flask,request,render_template
import pymysql

from model.student import student

app=Flask(__name__)
@app.route('/mysql',methods=['POST','GET'])
def mysql():
    students = student().getAll()
    return render_template('mysql.html',students=students,editStudent={})

@app.route('/deletestudent/<int:id>', methods=['GET'])
def deletestudent(id):
    students = student().remove(id)
    students = student().getAll()
    return  render_template('mysql.html',students=students)

@app.route('/searchstudent', methods=['POST'])
def searchstudent():
    field=request.form.get("field")
    keywords= request.form.get("keywords")
    students = student().search(field,keywords)
    return render_template('mysql.html',students=students)

@app.route('/addstudent', methods=['POST'])
def addstudent():
    name = request.form.get("name")
    age = request.form.get("age")
    id = request.form.get("id")
    if id:
        student().update(id,name,age)
    else:
        student().add(name,age)
    students = student().getAll()
    return render_template('mysql.html',students=students)


@app.route('/editstudent/<int:id>', methods=['GET'])
def editstudent(id):
    students = student().getAll()
    editStudent = student().get(id)
    name = editStudent['name']
    age = editStudent['age']
    return render_template('mysql.html',students=students,id = id,name=name,age=age)

if __name__=='__main__':
    app.run('127.0.0.1',5002,True)

在这里插入图片描述在这里插入图片描述骨架layout.html

<!doctype html>
<html>
<head>
<title>{% block title %}{% endblock %}   </title>
<link rel="stylesheet"  href="/static/css/bootstrap.min.css" type="text/css" />
<script type="text/javascript" src="/static/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>

菜鸟教程https://www.runoob.com/html/html-tutorial.html
在这里插入图片描述mysql.html

 {% extends "layout.html" %}

{% block title %}猪圈{% endblock %}

 {% block content %}
<div class="container">
  <form class="form" action="/searchstudent" method="post">
   field <input  name="field" >
  keywords   <input  name="keywords" >
   <button type="submit">提交</button>
  </form>
 </div>
     <br>
<div class="container">
     <table border="1" style="width: 600px;height: 100px">
        <thead><th>ID</th><th>name</th><th>age</th><th>操作</th></thead>
        <tbody>
        {% for s in students %}
        <tr><td>{{ s['id'] }}</td><td>{{ s['name'] }}</td><td>{{ s['age'] }}</td>
        <td><a href="/deletestudent/{{s['id']}}">删除</a>
          <a href="/editstudent/{{s['id']}}">编辑</a>
       </td>
        </tr>
        {% endfor %}
        </tbody>
     </table>
     </div>
      </div>
     <br>
 <div class="container">
  <form class="form" action="/addstudent" method="post">
   <input name="id" type="hidden" value="{{id}}">
   <input name="name" value="{{name}}" >
   <input name="age" value="{{age}}">
   <button type="submit">提交</button>
  </form>
 </div>
{% endblock %}

在这里插入图片描述在这里插入图片描述在这里插入图片描述原数据，记得启动数据库
在这里插入图片描述在这里插入图片描述运行结果：
在这里插入图片描述查询：
在这里插入图片描述提交后
在这里插入图片描述
删除：
在这里插入图片描述删后
在这里插入图片描述添加
在这里插入图片描述在这里插入图片描述编辑（修改）
在这里插入图片描述
点击后
在这里插入图片描述改
在这里插入图片描述提交后
在这里插入图片描述

San**
关注
使用Python和Flask在网页上对MySQL数据库进行增删查改
RfqrScheme的博客
09-18 439
在本文中，我们将使用Python和Flask来连接MySQL数据库，并实现在网页上对数据库进行增加、删除、查询和修改的功能。现在，我们已经完成了Python和Flask与MySQL数据库的集成，并实现了在网页上对数据库进行增加、删除、查询和修改。接下来，我们将定义一些路由和处理函数来处理不同的请求。函数提交事务，并返回一个成功删除记录的消息。在上面的代码中，我们首先检查请求的方法是否为。在上面的代码中，我们首先检查请求的方法是否为。在上面的代码中，我们首先检查请求的方法是否为。语句将数据插入到数据库中。
Python+flask+mysql+前端开发管理系统（增删改查）
wushang1102的博客
12-02 6727
前端菜鸟写Python
Flask框架实现网页界面对mysql数据的增删改查
BankxiY的博客
09-19 4565
这里先在mysql里创建好库和表,简单创一个 1.构建网页首页----sqldata.html 根据表的字段信息搭建简单的HTML首页 <!DOCTYPE html> <html lang="cn-zh"> <head> <meta charset="UTF-8"> <title>数据列表</title> &...
flask后端开发（8）：Flask连接MySQL数据库+ORM增删改查
最新发布
web14786210723的博客
03-05 175
在Flask中，很少会使用pymysql直接写原生SQL语句去操作数据库，更多的是通过SQLAichemy提供的ORM技术，类似于操作普通Python对象一样实现数据库的增删改查操作，而Flask-SQLAlchemy是需要单独安装的，因为Flask-SQLAlchemy依赖SQLAlchemy，所以只要安装了Flask-SQLAlchemy,SQLAlchemy会自动安装。其实就是创建一个ORM模型，而且user表有属性是username和password。一个ORM模型与一个数据库中的一张表对应。
Flask+mysql 实现增删改查接口开发+测试（图文教程附源码）
全村的希望的博客
05-01 9313
目录 一、前言 二、环境准备 2.1 安装python 2.2 安装mysql 三、工具准备 3.1 安装pycharm 3.2 安装Navicat 3.3 安装postman 四、mysql数据库准备 4.1 Navicat连接 4.2 数据库准备 五、增删改查接口（服务）开发 5.1 表的增删改查操作 5.2 增加接口服务 5.3 删除接口服务 5.4 修改接口服务 5.5 查询接口服务 六、接口测试 6.1 测试增加接口服务 6.2测试删除接口服务 ...
Python学习笔记_05:使用Flask+MySQL实现用户登陆注册以及增删查改操作
weixin_34288121的博客
12-01 2288
前言：本文代码参考自两篇英文博客，具体来源点击文末代码链接中文档说明。 （PS：代码运行Python版本为2.7.14）   运行效果： 首页：   注册页面： 登陆界面： 管理员登陆后界面：    添加、删除、修改和查询员工所在部门信息界面（角色和员工界面类似）：   源码链接及说明：https://coding.net/u/LiuZhen1995/p/...
flask mysql 增删改查_flask 数据库操作（增删改查）
weixin_36145482的博客
01-25 644
数据库操作现在我们创建了模型，生成了数据库和表，下面来学习常用的数据库操作，数据库操作主要是CRUD，即Create(创建)、Read(读取/查询)、Update(更新)和Delete(删除)。SQLAlchemy使用数据库会话来管理数据库操作，这里的数据库会话也称为事务(transaction)。 Flask-SQLAlchemy自动帮我们创建会话，可以通过db.session属性获取。数据库中...
python后端程序：Flask连接数据库mysql，实现基本SQL增删改查（包含全部代码，可以跑通）
weixin_45440484的博客
05-24 5685
python版本是，python3.10.11，其他的包用python对应的版本即可，框架：flask2.3.2 ，IDEA是pycharm，使用postman模拟前端，数据库：mysql，步骤详细，图文教程 只是一个快速上手flask和前后端交互性的一个小案例，优化空间非常大，如：代码的健壮性，可读性，格式的标准，代码不简洁等等，并且实现的不够灵活，很多地方都是写死的，在真实运用场景不提倡，读者也可以学习下flask_resrless的使用
基于vue.js+python flask+mysql实现的网页文件系统
05-05
在本文件系统中，Flask作为后端服务器，负责处理HTTP请求，如文件的增删改查操作。开发者可以使用Flask的路由装饰器定义不同的API接口，结合JSON数据格式与前端进行通信。此外，Flask的扩展库如Flask-SQLAlchemy和...
Python+Flask对MySQL数据库进行增删查改并在页面展示数据
web15085599741的博客
06-10 1036
PyMySQL 是在 Python3.x 版本中用于连接 MySQL 服务器的一个库，Python2中则使用mysqldb。 2. 数据库表测试数据 可以使用navicat也可以使用命令行，创建一张表 Flask相关知识点：Flask框架学习笔记这一部分的操作是分了两个py文件来写，一个是专门写对数据库操作的，一个是专门flask操作 定义一个类，对数据库进行操作import pymysql class Mysql(object): def init(self): try: self.db = pymys
Python+Flask+MySQL实现的学生培养计划管理系统.zip
11-11
2. 学生管理：添加、删除、修改学生信息，与MySQL交互，实现数据的增删查改。 3. 培养计划管理：创建、编辑和删除培养计划，可设定不同年级、专业、班级的培养方案。 4. 课程管理：维护课程信息，包括课程名称、学分...
FLASK+MYSQL+bootstrap 页面增删改查 - 学习记录
红烧肉的博客
11-16 1882
完成后的样式 后台服务 Flask #coding:utf8 from flask import Flask, request, render_template import pymysql as mysql import json import re con = mysql.connect( host='127.0.0.1', user='root', password='123456', database='prj', charset='utf8'..
flask对mysql数据库增删改查_flask后台框架1.4(mysql配置+数据库增删改查)-Go语言中文社区...
weixin_30269407的博客
02-06 236
mysql配置及问题前面三份博客的笔记基本记录了所用到的基本操作，这里开始记录后台和数据库的交互，数据库我们用的是mysql然后的话mysql就不记录了因为很简单，要是没有安装学习的话，基本在网上找找学学就明白了，下面进入正题。在flask中配置mysql前提是我们已经在mysql中创建了一个数据库来供给我们这个flask专门的database我们创建了db_demo1这个数据库。然后对于mysq...
前端web通过flask操作数据库-增删改查
weixin_30376323的博客
03-11 1987
后端python代码： #coding:utf8 from flask import Flask,request,render_template import pymysql as mysql import json con = mysql.connect(user='xiaofan',password='123456',db="t1") con.autocommit(...
python web页面增删改查_通过flask实现web页面简单的增删改查
weixin_39756192的博客
12-08 1025
通过flask实现web页面简单的增删改查#1.后台程序falsk_web01.py#coding:utf-8from flask importFlask,render_template,request,redirectimportfileutils#引入file_dict用户列表fileutils.file_read()app= Flask(__name__)@app.route('/')def...
flask mysql 增删改查,flask 框架操作MySQL数据库简单示例
weixin_34312149的博客
03-13 622
本文实例讲述了flask 框架操作MySQL数据库。分享给大家供大家参考，具体如下：一、创建数据库表格"""Created on 19-10-8@requirement:Anaconda 4.3.0 (64-bit) Python3.6@description:创建表格"""import pymysqlserver = '127.0.0.1'user = 'root'password = 'pas...
Flask——连接MySQL数据库，增删改查操作，属性常用数据类型
Oopsl的博客
04-21 8692
SQLAlchemy cmd安装 先安装 PyMySQL ，接着安装 SQLAlchemy 换源安装 连接mysql 创建数据库引擎 dialect+driver://username:password@host:port/database?charset=utf8 dialect：使用的数据库类型 driver：使用的驱动 ?charset=utf8：字符集编码，防止中文乱码 from ...
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值