devbox
繁依Fanyi0
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

网页开发：MySQL和Python案例_mysql网页

作者：繁依Fanyi0 | 2024-04-16 03:49:12

赞

踩

mysql网页

目录

一、MySQL的概念和引入

二、MySQL指令

1、数据库管理（文件夹）

2、数据表的管理（文件）

3、数据行操作

 三、常用的数据类型

四、员工管理案例

1、使用MySQL内置工具（命令）

 2、Python代码实现

①创建数据

② 动态创建数据

③查询数据

④删除数据

⑤修改数据

五、案例：Flask+MySQL

1、新增用户

2、查询用户

一、MySQL的概念和引入

  • Python相关：基础、函数、数据类型、面向、模块。
  • 前端开发：HTML、CSS、JavaScript、jQuery【静态页面】

Java+前端 ； Python+前端 ； Go+前端   ->【动态页面】

 直观：

  • 静态页面 = 写死了，页面永远长一个样子。
  • 动态页面 = 页面上的数据可以实时修改和展示。

动态：需要Web框架的功能

 简单的Flask网页

  1. from flask import Flask, render_template
  2.  
  3. app = Flask(__name__)
  4.  
  5.  
  6. @app.route('/index')
  7. def index():
  8.     # 目前写死：读取文件
  9.     users = ["派大星", "海绵宝宝", "章鱼哥"]
  10.     # 1.找到index.html的文件，读取所有内容
  11.     # 2.找到内容中‘特殊的占位符’，将数据替换
  12.     # 3.将替换完成的字符串返还给用户的浏览器
  13.     return render_template("index.html", title="派大星",data_list = users)
  14.  
  15.  
  16. if __name__ == '__main__':
  17.     app.run()
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.  
  7.     <link href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
  8. </head>
  9. <body>
  10. <nav class="navbar navbar-default">
  11.   <div class="container-fluid">
  12.     <div class="navbar-header">
  13.       <a class="navbar-brand" href="#">
  14.         <img alt="Brand" src="/static/img/img.png">
  15.       </a>
  16.     </div>
  17.   </div>
  18. </nav>
  19. <div class="container">
  20.     <h3>{{title}}</h3>
  21.     <table class="table table-bordered">
  22.         <caption>Optional table caption.</caption>
  23.         <thead>
  24.         <tr>
  25.             <th>#</th>
  26.             <th>First Name</th>
  27.             <th>Last Name</th>
  28.             <th>Username</th>
  29.         </tr>
  30.         </thead>
  31.         <tbody>
  32.         {% for item in data_list %}
  33.         <tr>
  34.             <th scope="row">1</th>
  35.             <td>{{item}}</td>
  36.             <td>Otto</td>
  37.             <td>@mdo</td>
  38.         </tr>
  39.         {% endfor %}
  40.         </tbody>
  41.     </table>
  42. </div>
  43.  
  44. <script src="static/js/jQuery.js"></script>
  45. <script src="static/plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
  46. </body>
  47. </html>

 对于目前的我们来看，什么可以做数据的存储：

  • txt文件
  • excel文件
  • 存储数据地方（专业的软件）：数据库管理系统。

MySQL/Oracke/SQLServer/DB2/Access...

二、MySQL指令

在MySQL和我们平时认知不同的概念

MySQL认知
数据库文件夹
数据表文件（EXCEL文件）

1、数据库管理（文件夹）

  • 查看已有的数据库（文件夹）
show databases;
  •  创建数据库（文件夹）
create database 数据库名字 DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
  • 删除数据库（文件夹）
drop database 数据库名字;
  • 进入数据库（进入文件夹）
use 数据库名称;

2、数据表的管理（文件）

  •  查看文件夹下所有的数据表（文件）
show tables;
  • 创建表
  1. create table 表名称(
  2. 	列名称 类型,
  3. 	列名称 类型,
  4. 	列名称 类型
  5. ) default charset=utf8;
  1. create table tb1(
  2. 	id int,                      -- 允许为空（默认）
  3. 	name varchar(16) not null,   -- 不允许为空
  4. 	age int default 3            -- 插入数据时，age列的默认值为3                   
  5. ) default charset=utf8;

  1. create table tb1(
  2. 	id int primary key,			--主键(不允许为空,不允许重复)
  3. 	name varchar(16),
  4. 	age int
  5. ) default charset=utf8;

主键一般用于表示当前的数据的编号（类似于人的身份证号）

  1. create table tb1(
  2. 	id int auto_increment primary key,		--内部维护,自增
  3. 	name varchar(16),
  4. 	age int
  5. ) default charset=utf8;

一般情况下创建表的时候都是这么来写：

  1. create table tb1(
  2. 	id int not null auto_increment primary key,
  3. 	name varchar(16),
  4. 	age int
  5. ) default charset=utf8;
  • 删除表
drop table 表名称;

3、数据行操作

  • 新增数据 
  1. insert into 表名称(字段1, 字段2, ...) values(1, "张三", ...);
  2.  
  3. example
  4.  
  5. insert into tb1(name,age) values("张三",25);
  •  查询数据
  1. select 字段名(或者*) from 表名称;
  2. select 字段名(或者*) from 表名称 where 条件;
  1. mysql> select * from tb1;
  2. +----+--------+------+
  3. | id | name   | age  |
  4. +----+--------+------+
  5. |  1 | 张三   |   25 |
  6. +----+--------+------+
  7.  
  8. mysql> select name from tb1;
  9. +--------+
  10. | name   |
  11. +--------+
  12. | 张三   |
  13. +--------+
  14.  
  15. mysql> select * from tb1 where id = 1;
  16. +----+--------+------+
  17. | id | name   | age  |
  18. +----+--------+------+
  19. |  1 | 张三   |   25 |
  20. +----+--------+------+
  21.
  • 删除数据
  1. delete from 表名称;				--删除所有数据
  2. delete from 表名称 where 条件;	--删除指定数据
  1. delete from tb1 where id = 1;
  2. delete from tb1 where id = 1 and name = "张三";
  3. delete from tb1 where id = 1 or id = 100;
  4. delete from tb1 where id > 100;
  5. delete from tb1 where id != 50;
  6. delete from tb1 where id in (10,15);
  • 修改数据
  1. update 表名称 set 列 = 值;				--修改一列
  2. update 表名称 set 列 = 值, 列 = 值;		--修改多列
  3. update 表名称 set 列 = 值 where 条件;		--修改某行某列
  1. update tb1 set name="李四" where id = 1;
  2. update tb1 set age=age+10 where name=""李四;

 三、常用的数据类型

  • int

有符号, 取值范围: -2147483648 ~ 2147483647(有正有负)
无符号, 取值范围: 0 ~ 4294967295(只有正)  【默认】

  • tinyint

有符号, 取值范围: -128 ~ 127(有正有负)
无符号, 取值范围: 0 ~ 255(只有正)

  1. create table tb2(
  2. 	id int not null auto_increment primary key,
  3. 	age tinyint				--有符号, 取值范围: -128 ~ 127
  4. ) default charset=utf8;
  1. create table tb1(
  2. 	id int not null auto_increment primary key,
  3. 	age tinyint unsigned	--无符号, 取值范围: 0 ~ 255
  4. ) default charset=utf8;
  • bigint

有符号, 取值范围: -9223372036854775808 ~ 9223372036854775807(有正有负)
无符号, 取值范围: 0 ~ 18446744073709551615(只有正)

练习

  1. # 创建表
  2.  
  3. create table tb2(
  4. 	id bigint not null auto_increment primary key,
  5.     salary int,
  6. 	age tinyint	
  7. ) default charset=utf8;
  8.  
  9. # 插入数据
  10. insert into tb2(salary,age)values(10000,18);
  11. insert into tb2(salary,age)values(20000,28);
  12. insert into tb2(salary,age)values(30000,38),(40000,40);
  13.  
  14. # 查看表中的数据
  15. select * from tb2;

  •  float
  • double
  • decimal

准确的小数值，m是数字总个数（负号不算），d是小数点后个数，m最大值为65，d的最大值为30

  1. create table tb1(
  2. 	id int auto_increment primary key,		--内部维护,自增
  3. 	name varchar(16),
  4. 	salary decimal(8,2)						--一共8位(整数位数+小数点位数), 保留小数点后2位
  5. ) default charset=utf8;
  • char

定长字符串, 默认固定用 11 个字符串进行存储,哪怕字符串个数不足,也按照11个字符存储
最多能存储255个字节的数据
查询效率高

  • varchar

变长字符串,默认最长 11 个字符,真实数据多长就按多长存储
最多能存储 65535 个字节的数据,中文可存储 65535/3 个汉字
相对 char 类型,查询效率低

  • text

保存变长的大字符串,可以最多到 65535 个字符
一般用于文章和新闻

  • mediumtext
  • longtext
  • datatime

YYYY-MM-DD HH:MM:SS (1000-01-01 00:00:00/9999-12-31 23:59:59)

  • data

YYYY-MM-DD (1000-01-01/9999-12-31)

四、员工管理案例

1、使用MySQL内置工具（命令）

  1. 创建数据库：unicom
  2. 数据一张表：admin

表名：admin

列： 

  • id 整型 自增 主键
  • username: 字符串 不为空
  • password: 字符串 不为空
  • mobile: 字符串 不为空
  1. mysql> create database unicom DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
  2. Query OK, 1 row affected (0.00 sec)
  3.  
  4. mysql> use unicom
  5. Database changed
  6. mysql> create table admin(
  7.     -> id int auto_increment primary key,
  8.     -> username varchar(30) not null,
  9.     -> password varchar(30) not null,
  10.     -> mobile varchar(20) not null)default charset=utf8;
  11. Query OK, 0 rows affected (0.02 sec)
  12.  
  13. mysql> desc admin;
  14. +----------+-------------+------+-----+---------+----------------+
  15. | Field    | Type        | Null | Key | Default | Extra          |
  16. +----------+-------------+------+-----+---------+----------------+
  17. | id       | int(11)     | NO   | PRI | NULL    | auto_increment |
  18. | username | varchar(30) | NO   |     | NULL    |                |
  19. | password | varchar(30) | NO   |     | NULL    |                |
  20. | mobile   | varchar(20) | NO   |     | NULL    |                |
  21. +----------+-------------+------+-----+---------+----------------+
  22. 4 rows in set (0.00 sec)

 2、Python代码实现

安装pymysql

pip install pymysql

①创建数据

  1. import pymysql
  2.  
  3. # 1.连接MySQL
  4. conn = pymysql.connect(host="127.0.0.1", port=3306, user='root', password="123123", charset='utf8', db='unicom')
  5. cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  6.  
  7. # 2.发送指令
  8. cursor.execute("insert into admin(username, password, mobile) values('Patrickstar', '123456', '12345678912');")
  9. conn.commit()
  10.  
  11. # 3.关闭
  12. cursor.close()
  13. conn.close()
  1. mysql> select * from admin;
  2. +----+-------------+----------+-------------+
  3. | id | username    | password | mobile      |
  4. +----+-------------+----------+-------------+
  5. |  1 | Patrickstar | 123456   | 12345678912 |
  6. +----+-------------+----------+-------------+
  7. 1 row in set (0.00 sec)

优化

  1. import pymysql
  2.  
  3. # 1.连接Mysql
  4. conn = pymysql.connect(host='127.0.0.1', port=3306, user='root', passwd='123123', charset='utf8', db='unicom')
  5. cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  6.  
  7. # 2.发送指令
  8. sql = "insert into admin(username, password, mobile) values(%s, %s, %s);"
  9. cursor.execute(sql, ['babe', '123456', '15555555555'])
  10. conn.commit()
  11.  
  12. # 3.关闭
  13. cursor.close()
  14. conn.close()

注意: sql语句不要使用字符串格式化,有会SQL注入的风险,需要使用 cursor.execute(sql, [参数1, 参数2, …])

② 动态创建数据

  1. import pymysql
  2.  
  3. while True:
  4.     user = input("用户名：")
  5.     if user.upper() == 'Q':
  6.         break
  7.     pwd = input("密码：")
  8.     mobile = input("手机号：")
  9.  
  10.     # 1.连接Mysql
  11.     conn = pymysql.connect(host='127.0.0.1', port=3306, user='root', passwd='123123', charset='utf8', db='unicom')
  12.     cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  13.  
  14.     # 2.发送指令
  15.     sql = "insert into admin(username, password, mobile) values(%s, %s, %s);"
  16.     cursor.execute(sql, [user, pwd, mobile])
  17.     conn.commit()
  18.  
  19.     # 3.关闭
  20.     cursor.close()
  21.     conn.close()

③查询数据

  1. #!/usr/bin/env python3
  2.  
  3. import pymysql
  4.  
  5. # 1.连接Mysql
  6. conn = pymysql.connect(host='127.0.0.1', port=3306, user='root',
  7.                        passwd='123123', charset='utf8', db='unicom')
  8. cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  9.  
  10. # 2.发送指令
  11. sql = "select * from admin where id > %s"
  12. cursor.execute(sql, [2, ])
  13. # data_list = cursor.fetchall()		查询一条数据,为字典
  14. data_list = cursor.fetchall()
  15. # 查询所有符合条件的数据,为列表套多个字典
  16. for row_dict in data_list:
  17.     print(row_dict)
  18.  
  19. # 3.关闭
  20. cursor.close()
  21. conn.close()

④删除数据

  1. #!/usr/bin/env python3
  2.  
  3. import pymysql
  4.  
  5. # 1.连接Mysql
  6. conn = pymysql.connect(host='127.0.0.1', port=3306, user='root',
  7.                        passwd='123123', charset='utf8', db='unicom')
  8. cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  9.  
  10. # 2.发送指令
  11. sql = "delete from admin where id > %s"
  12. cursor.execute(sql, [3, ])
  13. conn.commit()
  14.  
  15. # 3.关闭
  16. cursor.close()
  17. conn.close()

⑤修改数据

  1. #!/usr/bin/env python3
  2.  
  3. import pymysql
  4.  
  5. # 1.连接Mysql
  6. conn = pymysql.connect(host='127.0.0.1', port=3306, user='root',
  7.                        passwd='123123', charset='utf8', db='unicom')
  8. cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  9.  
  10. # 2.发送指令
  11. sql = "update admin set mobile=%s where id = %s"
  12. cursor.execute(sql, ['12332145665', 3])
  13. conn.commit()
  14.  
  15. # 3.关闭
  16. cursor.close()
  17. conn.close()

五、案例：Flask+MySQL

1、新增用户

html文件

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <h1>添加用户</h1>
  9.     <form method="post" action="/add/user">
  10.         <input type="text" name="user" placeholder="用户名">
  11.         <input type="text" name="pwd" placeholder="密码">
  12.         <input type="text" name="mobile" placeholder="手机号">
  13.         <input type="submit" value="提 交">
  14.     </form>
  15. </body>
  16. </html>

app.py

  1. from flask import Flask, render_template, request
  2. import pymysql
  3.  
  4. app = Flask(__name__)
  5.  
  6.  
  7. @app.route("/add/user", methods=["GET", "POST"])
  8. def add_user():
  9.     if request.method == "GET":
  10.         return render_template("add_user.html")
  11.  
  12.     username = request.form.get("user")
  13.     password = request.form.get("pwd")
  14.     mobile = request.form.get("mobile")
  15.  
  16.     # 1.连接MySQL
  17.     conn = pymysql.connect(host="127.0.0.1", port=3306, user='root', password="123123", charset='utf8', db='unicom')
  18.     cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  19.  
  20.     # 2.发送指令
  21.     sql = "insert into admin(username, password, mobile) values(%s, %s, %s);"
  22.     cursor.execute(sql, [username, password, mobile])
  23.     conn.commit()
  24.  
  25.     # 3.关闭
  26.     cursor.close()
  27.     conn.close()
  28.  
  29.     return "添加成功"
  30.  
  31.  
  32. if __name__ == '__main__':
  33.     app.run()

2、查询用户

html文件

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <h1>用户列表</h1>
  9.     <table border="1">
  10.         <thead>
  11.             <tr>
  12.                 <th>ID</th>
  13.                 <th>姓名</th>
  14.                 <th>密码</th>
  15.                 <th>手机号</th>
  16.             </tr>
  17.         </thead>
  18.         <tbody>
  19.             {% for item in data_list %}
  20.             <tr>
  21.                 <td>{{ item.id }}</td>
  22.                 <td>{{ item.username }}</td>
  23.                 <td>{{ item.password }}</td>
  24.                 <td>{{ item.mobile }}</td>
  25.             </tr>
  26.             {% endfor %}
  27.         </tbody>
  28.     </table>
  29. </body>
  30. </html>

app.py

  1. from flask import Flask, render_template, request
  2. import pymysql
  3.  
  4. app = Flask(__name__)
  5.  
  6.  
  7. @app.route("/add/user", methods=["GET", "POST"])
  8. def add_user():
  9.     if request.method == "GET":
  10.         return render_template("add_user.html")
  11.  
  12.     username = request.form.get("user")
  13.     password = request.form.get("pwd")
  14.     mobile = request.form.get("mobile")
  15.  
  16.     # 1.连接MySQL
  17.     conn = pymysql.connect(host="127.0.0.1", port=3306, user='root', password="123123", charset='utf8', db='unicom')
  18.     cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  19.  
  20.     # 2.发送指令
  21.     sql = "insert into admin(username, password, mobile) values(%s, %s, %s);"
  22.     cursor.execute(sql, [username, password, mobile])
  23.     conn.commit()
  24.  
  25.     # 3.关闭
  26.     cursor.close()
  27.     conn.close()
  28.  
  29.     return "添加成功"
  30.  
  31.  
  32. @app.route("/show/user", methods=['GET', 'POST'])
  33. def show_user():
  34.     username = request.form.get('user')
  35.     password = request.form.get('pwd')
  36.     mobile = request.form.get('mobile')
  37.  
  38.     # 1.连接Mysql
  39.     conn = pymysql.connect(host='127.0.0.1', port=3306, user='root', password='123123', charset='utf8', db='unicom')
  40.     cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
  41.  
  42.     # 2.发送指令
  43.     sql = "select * from admin"
  44.     cursor.execute(sql)
  45.     data_list = cursor.fetchall()
  46.  
  47.     # 3.关闭
  48.     cursor.close()
  49.     conn.close()
  50.  
  51.     return render_template("show_user.html", data_list=data_list)
  52.  
  53.  
  54. if __name__ == '__main__':
  55.     app.run()

 优化之后

加入 bootstrap.css

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.  
  7.     <link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
  8.  
  9. </head>
  10. <body>
  11.     <div class="container">
  12.         <h1>用户列表</h1>
  13.         <table class="table table-bordered">
  14.             <thead>
  15.                 <tr>
  16.                     <th>ID</th>
  17.                     <th>姓名</th>
  18.                     <th>密码</th>
  19.                     <th>手机号</th>
  20.                 </tr>
  21.             </thead>
  22.             <tbody>
  23.                 {% for item in data_list %}
  24.                 <tr>
  25.                     <td>{{ item.id }}</td>
  26.                     <td>{{ item.username }}</td>
  27.                     <td>{{ item.password }}</td>
  28.                     <td>{{ item.mobile }}</td>
  29.                 </tr>
  30.                 {% endfor %}
  31.             </tbody>
  32.         </table>
  33.     </div>
  34.  
  35. </body>
  36. </html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/432213
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号