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

最新推荐文章于 2024-05-06 18:02:33 发布
最新推荐文章于 2024-05-06 18:02:33 发布
阅读量5.2k 收藏 86
点赞数 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**
关注
  • 18
    点赞
  • 踩
  • 86
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
Flask框架实现网页界面对mysql数据的增删改查
BankxiY的博客
09-19 4400
这里先在mysql里创建好库和表,简单创一个 1.构建网页首页----sqldata.html 根据表的字段信息搭建简单的HTML首页 <!DOCTYPE html> <html lang="cn-zh"> <head> <meta charset="UTF-8"> <title>数据列表</title> &...
使用Flask+mysql开发一套自己的搜索引擎（附源码）
m0_65741467的博客
11-27 2861
使用Python的Flask框架和mysql数据库开发搜索引擎，附源码哟
flask连接mysql数据库
qq_46680395的博客
05-06 158
flask操作数据库
3.Python-用Python实现MySQL数据库的增删改查
玄衣手记
10-13 861
用python实现mysql数据库的增删改查
Python轻量级Web框架Flask（6）——Flask中的MySQL单表操作（增删改“查”）/单表操作的应用项目（翻页）
sz1125218970的博客
04-14 2297
0、前言：Python轻量级Web框架Flask（5）中生成的新模板就是包含数据库操作的Flask模板。 在pycharm中用flask写表结构时需用用到数据类型的定义如下： 下面总结一些常用到的数据类型： 1、Python轻量级Web框架Flask（5）中生成的新模板说明： 数据表的表结构一般在models.py当中，如果修改了表结构就要重新进行数据迁移，而表操作（数据表的增删改查）在views.py当中。 在models中的类对应的就是数据库表的表结构，类属性就是表的字段，对应于model
Python的Flask框架与数据库连接的教程
weixin_30435261的博客
12-12 3082
命令行方式运行Python脚本 在这个章节中，我们将写一些简单的数据库管理脚本。在此之前让我们来复习一下如何通过命令行方式执行Python脚本. 如果Linux 或者OS X的操作系统，需要有执行脚本的权限。例如： ? 1 chmod a+x script.py 该脚本有个指向使用解释器的命令行。再脚本赋予执行权...
Python Flask实现修改和删除数据
热门推荐
weixin_43790276的博客
12-08 1万+
Python Flask实现修改和删除数据 上一篇文章写了查询和添加数据，这篇文章继续写修改和删除数据。 查询和添加数据参考：https://blog.csdn.net/weixin_43790276/article/details/103378470 一、数据准备和后端代码准备 继续使用查询和添加数据时的数据表和数据，新建一个 update_and_delete.py 文件，复制查询和...
Python+Flask+MySQL实现的学生培养计划管理系统.zip
11-11
2. 学生管理：添加、删除、修改学生信息，与MySQL交互，实现数据的增删查改。 3. 培养计划管理：创建、编辑和删除培养计划，可设定不同年级、专业、班级的培养方案。 4. 课程管理：维护课程信息，包括课程名称、学分...
基于vue.js+python flask+mysql实现的网页文件系统
05-05
在本文件系统中，Flask作为后端服务器，负责处理HTTP请求，如文件的增删改查操作。开发者可以使用Flask的路由装饰器定义不同的API接口，结合JSON数据格式与前端进行通信。此外，Flask的扩展库如Flask-SQLAlchemy和...
豆瓣电影可视化系统（python+flask+mysql+pyecharts+layuiAdmin）.zip
01-29
在项目中，你需要设置数据库表结构，如电影信息表、用户信息表等，并使用SQL语句进行数据的增删改查操作。 4. **PyEcharts**：PyEcharts是Python的一个数据可视化库，它封装了百度的Echarts库，用于生成各种动态、...
flask + pymysql操作Mysql数据库的实例
09-09
下面小编就为大家带来一篇flask + pymysql操作Mysql数据库的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Flask全栈开发 学生信息管理系统（python+mysql）
03-19
1、学生成绩信息的增删改查 2、班级信息的增删改查 3、课程和宿舍信息管理 4、管理系统的登录和注册 5、任务和管理和意见反馈 6、学生信息的增删改查 7、资料管理和文件上传 有具体使用说明文档
毕业设计-外包项目网站 -vue+python+flask+uwsgi+nginx+mysql
08-10
在本项目中，Flask用于构建后端API，处理前端的HTTP请求，实现数据的增删改查、用户认证等功能。 【uWSGI】： uWSGI是一个高性能的应用服务器，能运行Python、Ruby等多语言应用。在Flask项目中，uWSGI作为中间件，...
Flask+前端+MySQL案例--新增用户，查询所有用户
Cworld12的博客
10-28 212
简单结合：flask+html+mysql 新增用户：网页输入提交信息到数据库。查询所有用户（显示所有用户信息）：在网页端显示数据库中某数据表的内容。
【开源】使用Python+Flask+Mysql快速开发一个用户增删改查系统
老徐的博客只有干货
04-19 2108
项目本身很简单，增删改查是几乎所有系统的骨架。正所谓万丈高楼平地起，学会了增删改查，航母就指日可待了：），光速入门，直接看演示图： https://github.com/mudfish/python-flask-user-crud说白了就是一个Web框架，能够让你快速开发出Python web应用。简单易用，大家直接看官网就行： https://flask.palletsprojects.com/en/3.0.x/quickstart/懒得折腾Pycharm了，直接Vscode安装pyhon和flask插件
基于Flask框架下的学生管理系统，可实现图表统计、用户登录、对学生成绩以及个人信息进行增删改查
sjhgy的博客
05-08 8295
一. 项目功能概述 本次项目使用Python语言编写的Flask框架下的web应用。主要用到的技术有MySQL、HTML前端以及Flask框架。该项目的主要功能有实现管理员的登录、学生信息的图表统计、学生信息的增删改查、学生成绩的增删改查、学生选课情况的修改与查询、学生奖惩情况的图表统计以及修改和删除、对已毕业学生的毕业去向进行图表统计。以上功能共有14个前端页面，后端封装成三个模块文件，同时在MySQL中共建有5张表格。 二.项目实现步骤 1.项目的搭建 本次项目的编码环境为Pycharm2021
flask连接mysql数据库操作增删改查的简单封装函数
杨先生的博客
10-16 2027
Y17 1、创建python文件夹，命名为app，创建并返回一个WGSI应用程序对象 from flask import Flask app = Flask(__name__) # 定义函数封装路由配置 def path(route, fun, *, methods=['GET','POST'], name=None): app.add_url_rule(route, view_fun...
简单flask实现增删改查——python
qq_39489231的博客
10-10 894
文件的层级关系： work control blueprint.py dao basedao.py pymysql.json userdao.py entity user.py service userservice.py static css js templates index.html login.html message.html regis...
05创建公务卡扣减明细表_CASH_USE_MINUSAMT_DETAIL_20240708-刘君.sql
最新发布
07-19
05创建公务卡扣减明细表_CASH_USE_MINUSAMT_DETAIL_20240708-刘君.sql
mysql 利用flask技术,编写一个酒店客房信息管理的web程序
10-12
MySQL是一种开源的关系型数据库管理系统，而Flask是一个基于Python的轻量级Web应用框架。利用这两种技术，可以编写一个酒店客房信息管理的Web程序。 首先，我们需要创建一个MySQL数据库，用于存储酒店客房的信息。可以创建一个名为"hotel"的数据库，并在其中创建一个名为"rooms"的表，用于存储客房信息。该表可以包含字段如下：客房编号、客房类型、价格、是否已预订等。 下一步是使用Flask来开发Web应用程序。首先，我们需要安装Flask库，并在项目中引入它。然后，可以创建一个名为"app.py"的Python文件，其中包含创建应用实例、路由和视图函数等代码。 在"app.py"中，可以编写一个路由，用于显示所有客房的信息。对应的视图函数需要在数据库中查询所有客房数据，并将其渲染到前端页面上。 另外，还可以编写其他路由和视图函数，如添加客房信息、删除客房信息、修改客房信息等。这些函数需要分别处理不同的HTTP请求，并对数据库进行相应的操作。 在前端页面中，可以使用HTML、CSS和JavaScript等技术来设计和美化页面。可以使用Bootstrap等前端框架来快速构建页面布局和样式。 除了基本的增删改查功能，还可以考虑实现一些其他功能，如根据客房类型进行筛选、按价格排序、显示已预订客房等。 最后，可以部署这个Web程序到服务器上，并确保服务器上已经安装并配置了MySQL和Flask环境。然后，就可以通过浏览器访问这个应用程序，进行客房信息的管理和查看了。 总之，利用MySQL和Flask技术，可以编写一个功能完善的酒店客房信息管理的Web程序，方便酒店管理人员对客房信息进行管理和查询。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值