Python +Flask +Mysql+费用登录增删查页面

参考资料

python连接mysql数据库

# 新建虚拟环境,pip安装pymysql
pip install pymysql
# mysql创建数据库和表

在这里插入图片描述

# 连接数据库
import pymysql
class Mysql(object):
    def __init__(self):
        try:
            self.db = pymysql.connect(host="localhost",user="root",password="123456",database="test")
            #游标对象
            self.cursor = self.db.cursor()
            print("连接成功!")
        except:
            print("连接失败!")
    
    #查询数据函数
    def getdata(self):
        sql = "SELECT id ,dt,department,user,class_one,class_two,amount,notes FROM beili.expense limit 1000;"
        #执行sql语句
        self.cursor.execute(sql)
        #获取所有的记录
        results = self.cursor.fetchall()
        return results

Flask+Python 费用登录增删改查页面

Flask参考资料

Flask框架

# Flask框架目录
Flask-demo/
├ run.py :应用启动程序
├ config.py :环境配置
├ static/
│ ├ css/ : css文件目录
│ ├ img/ : 图片文件目录
│ └ js/ : js文件目录
├ templates/ :html文件目录
├ forms.py :存放所有表单,如果多,将其变为一个包
├ models.py:存放所有数据模型,如果多,将其变为一个包
└ views.py:存放所有视图函数,如果多,将其变为一个包
# 安装Flask
pip install flask
# 测试框架
from flask import Flask

#构造函数使用当前模块(__name __)的名称作为参数
app = Flask(__name__)

#route()函数是一个装饰器,它告诉应用程序哪个URL应该调用相关的函数
#app.route(rule,options) rule:表示与函数的url绑定 options:给rule对象的参数列表
@app.route("/")
def index():
    return "hello,world!"

#app.run(host,port,debug,options)
if __name__ == "__main__":
    app.run(app.run(debug=True,port=5000,host='127.0.0.1'))

# 运行打开网页:http://localhost:5000 可以看到测试结果

在这里插入图片描述

数据库操作类

这一部分的操作是分了两个py文件来写,一个是专门写对数据库操作的,一个是专门flask操作。

# 数据库操作文件
sql_lianjie.py
# flask操作文件
slq_flask.py

登录页面

未绑定数据库,直接给了测试用户test

# slq_flask.py
# 用户名和密码验证
userdic = {'test':'test'}


# 登录
@app.route("/login",methods=['GET','POST'])
def login():
    if request.method == "GET":
        return render_template("login.html")
    user = request.form.get('user')
    pwd = request.form.get('pwd')
    if user in userdic.keys()  and pwd in userdic.values():
        return redirect("/info")
    else:
        return render_template("login.html", msg = "用户名或密码错误!")

<!--templates/login.html-->
<body>
    <div>
        <h4>登录</h4>
                <form  method="post"  style="border:100px;" >
                    用户名:<input type="text" name="user"><br>
                    密&nbsp&nbsp&nbsp码:<input type="password" name="pwd"><br>
                    <input type="submit" value="提交">{{msg}}
                </form>
    </div>
</body>

查询页面

增加页面

# sql_lianjie.py
    #插入数据函数
    def insertdata(self,results):
        # print('dt:'+str(results['dt']))
        # print('department:'+str(results['department']))
        sql = "insert into expense(dt,user,amount)values('%s','%s','%s')" % (results['dt'],results['user'],results['amount'])
        print(f'插入sql语句:{sql}')
        sql1 = "ALTER TABLE expense DROP id"
        sql2 = "ALTER TABLE expense ADD id int NOT NULL FIRST"
        sql3 = "ALTER TABLE expense MODIFY COLUMN id int NOT NULL AUTO_INCREMENT,ADD PRIMARY KEY(id)"
        try:
            self.cursor.execute(sql)
            self.cursor.execute(sql1)
            self.cursor.execute(sql2)
            self.cursor.execute(sql3)
            self.db.commit()
        except:
            # 如果发生错误就回滚,建议使用这样发生错误就不会对表数据有影响
            self.db.rollback()
        return
# sql_flask.py
# 插入数据
@app.route("/submit_insert")
def submit_insert():
    return render_template("sql_insert.html")
    
@app.route("/insert",methods=['GET','POST'])
def insert():
    if request.method == "POST":
        results = request.form
        db = Mysql()
        db.insertdata(results)
        return render_template("result_insert.html",results=results)
<!--templates/sql_insret.html-->
<div>
    <h4>在该页面可以插入数据</h4>
    <!--通过改变form标签中method属性来改变数据请求的方式-->
    <form action="http://localhost:5000/insert" method="POST">
        name:<input type="text" name="name" autocomplete="off"><br/><br/>
        age:<input type="text" name="age" autocomplete="off"><br/><br/>
        <button onclick="myFunction()">提交</button>       <a href="/info"><button>查看数据</button></a>
        <p id="demo"></p>
    </form> 
    <script>
        function myFunction(){
            var txt;
            confirm("Successfully inserted data!");
            txt = "你已成功插入数据!点击查看数据可查看更新后的数据";
            document.getElementById("demo").innerHTML = txt;
        }
    </script>
</div>

<!--templates/result_insert.html-->
<body>
   你已成功插入数据!点击查看数据可查看更新后的数据!
   <br>
   插入的name为:{{results['name']}}<br>
   插入的age为:{{results['age']}}<br>
   <br>
   <a href="/info"><button>查看数据</button></a>
</body>

修改页面

删除页面

# sql_lianjie.py
    #删除数据函数
    def deletedata(self,id):
        sql = "delete from expense where id=" + str(id)
        print(f'删除sql语句:{sql}')
        sql1 = "ALTER TABLE expense DROP id"
        sql2 = "ALTER TABLE expense ADD id int NOT NULL FIRST"
        sql3 = "ALTER TABLE expense MODIFY COLUMN id int NOT NULL AUTO_INCREMENT,ADD PRIMARY KEY(id)"
        try:
            # 执行sql语句
            self.cursor.execute(sql)
            self.cursor.execute(sql1)
            self.cursor.execute(sql2)
            self.cursor.execute(sql3)
            # 提交数据
            self.db.commit()
        except:
            # 如果发生错误就回滚,建议使用这样发生错误就不会对表数据有影响
            self.db.rollback()
        return 
# slq_flask.py
# 删除数据   
@app.route("/delete")
def delete():
    id = request.args.get("id")
    db = Mysql()
    db.deletedata(id)
    return render_template("result_delete.html",id=id)
<!--templates/result_delete.html-->
<body>
    你已成功删除id为:{{id}}的数据!
    <br>
    点击查看费用明细查询更新后的数据!
    <br>
    <br>
    <a href="/info"><button>查看费用明细</button></a>
</body>

  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

淡水瑜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值