利用pytharm将flask+前端+MySQL整和

小趴菜在努力(加油)

已于 2024-05-29 17:14:18 修改

阅读量295

点赞数 3

文章标签： flask python 后端

于 2024-05-29 17:12:33 首次发布

本文链接：https://blog.csdn.net/ljh666dee/article/details/139300242

版权

1.创建新的项目，在项目下添加py文件，添加之后添加一个templates目录，在templates目录下添加一个html文件如图（尽量和我命名一致，项目文件可以不一致）：

2.打开我们的app.py文件先进行框架搭建，如下图

代码如下：

from flask import Flask, render_template, request

# 导入pymysql模块
import pymysql

app = Flask(__name__)


@app.route('/app/user', methods=["GET", "POST"])  # 支持两种提交反式
def add_user():
    if request.method == "GET":  # 表示如果表单的提交用的是get请求则跳转app_user.html界面
        return render_template("app_user.html")

    username = request.form.get("user")    #获取用户在页面上输入的数据索引用name
    password = request.form.get("pwd")
    mobile = request.form.get("mobile")

    # 1.连接MySQL
    conn = pymysql.connect(host="127.0.0.1",        # 数据库主机名
                           port=3306,                  # 数据库端口号，默认为3306
                           user='root',               # 数据库名称
                           passwd="123456",           # 数据库密码
                           charset='utf8',            # 字符编码
                           db='tb1')                    # 数据库名称
    cursor = conn.cursor(cursor=pymysql.cursors.DictCursor)
    # 2.发送指令
    sql = "insert into admin(username,password, mobile) values(%s,%s,%s)"
    cursor.execute(sql, [username, password, mobile])
    conn.commit()
    # 3.关闭
    cursor.close()
    conn.close()

    return "添加成功"

if __name__ == '__main__':
    app.run(debug=True)

即可完成数据库以及前端的连接

3.打开刚刚创建的html文件输入代码如图（仅做简单表示如需好看，可自己引入bootstrap组件，看我另外的文章）

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>添加用户</h1>
    <form method="post" action="http://127.0.0.1:5000/app/user">  <!-- action的是提交地址的位置，method是提交方式-->
        <input type="text" name="user" placeholder="用户名">
        <input type="text" name="pwd" placeholder="密码">
        <input type="text" name="mobile" placeholder="手机号">
        <input type="submit" value="提 交">
</form>
</body>
</html>

4.打开数据库，右键我的电脑——>管理——>服务——>打开MySQL（前提是要安装了MySQL可看我别的文档如何安装）5.做完这一切后运行py文件显示如图即证明没有问题

6.点击生成的网站http://127.0.0.1:5000,跳转页面后，加后缀http://127.0.0.1:5000/app/user(后缀主要看自己怎么设置，即我图片中位置)

7. 输入http://127.0.0.1:5000/app/user跳转到该HTML文件界面：

8.打开cmd窗口命令工作台输入mysql -u root -p进入数据库（进去之前需要输入密码，不懂可以参考我的另外文章），如图：

9.创建数据库create database tb1 DEFAULT CHARSET utf8 COLLATE utf8_general_ci;（该命令的意思是创建一个叫tb1的数据库）

10.进入数据库tb1，在cmd命令窗口输入use tb1即可;

11.在tb1数据库中添加一个表格，我的表格名称为admin

即在cmd中输入

create table tb1.admin(
        username int, 
        password varchar(16),
        mobile int
)default charset=utf8;

如图即是完成：

12.就可以到浏览器http://127.0.0.1:5000/app/user界面输入对应的值，点击提交，提交成功后显示添加成功即可。

13.最后我们来到cmd命令界面，输入select * from admin;查看admin表格的数据，如果表格数据与你输入数据一致，则连接成功，如图：

最后应该注意的是，在py文件中连接MySQL时需要注意自己的数据库的信息，相对应的数据我在代码中已经相对标明，切记这一切要确保你的数据库已经安装！以及HTML文件中的提交地址也要是自己对应的该地址http://127.0.0.1:5000/app/user。有其他不懂的可以参考我其他的文档，我也会陆陆续续进行跟新，祝大家都能胜利完成！