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

留言板(python+flask+sql server)保存在数据库_在数据库中建立留言信息表,字段为编号、留言者、留言内容、时间。输入至少三条记

作者：小蓝xlanll | 2024-06-07 17:37:28

赞

踩

在数据库中建立留言信息表,字段为编号、留言者、留言内容、时间。输入至少三条记

目录

数据库留言表的创建

留言板表单的实现

跳转到留言页面

接收表单数据，并入数据库

留言数据的删除

效果展示：

留言表单页

留言页面

留言成功

学习内容：简单实现：flask框架+前端展示网页效果，python通过pymssql模块操作SQL server ，最终实现留言功能。其留言数据存储在sql server表中

  • 数据库留言表的创建

  • 列名：id编号  昵称  留言信息  留言时间

代码：  --identity(1, 1) 起始值1，自增量1，且设置id为主键

  1. create table liuyan
  2. (
  3. id int  identity(1, 1)  not null primary key, --identity(1, 1) 起始值1，自增量1，且设置ID为主键
  4. name nvarchar(30) not null,
  5. info nvarchar(50) not null,
  6. date datetime not null default getdate()
  7. )

效果：

  1. import pymssql
  2. from flask import Flask, render_template, request
  3.  
  4. app = Flask(__name__)
  5.  
  6.  
  7. @app.route('/')
  8. def index():
  9.     sql2 = 'select * from liuyan'
  10.     data = sql(sql2)
  11.  
  12.     print(data)
  13.  
  14.     return render_template('table.html', data=data)
  15.  
  16.  
  17. def sql(sql2):
  18.     connect = pymssql.connect(server='LAPTOP-DUHL1TTU\YXHLHM',  # 服务器名或本地IP
  19.                               user='sa',  # 账户
  20.                               password='*****',  # 自己设置的密码
  21.                               database='yxh2',
  22.                               as_dict=True)  # 数据库内容以字典格式输出
  23.     if connect:
  24.         print("恭喜你，连接成功 !!！")
  25.     cur = connect.cursor()  # 创建游标对象
  26.     connect.commit()  # 提交数据
  27.     cur.execute(sql2)  # 执行sql语句
  28.  
  29.     data = cur.fetchall()  # 查看sql语句执行的结果
  30.  
  31.     connect.close()  # 关闭连接
  32.     return data
  33.  
  34.  
  35. if __name__ == "__main__":
  36.     app.run(debug=True)
  • table.html文件
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>表单</title>
  9.     <style type="text/css">
  10.         table {
  11.             width: 600px;
  12.             height: 100px;
  13.             text-align: center;
  14.         }
  15.  
  16.         caption {
  17.             padding-bottom: 20px;
  18.             font-size: 46px;
  19.             color: white;
  20.             text-shadow: 1px 1px 2px black,
  21.                 0 0 25px blue,
  22.                 0 0 5px darkblue;
  23.         }
  24.     </style>
  25. </head>
  26.  
  27. <body>
  28.     <center>
  29.         <table border="1">
  30.             <caption>留言板</caption>
  31.             <tr>
  32.                 <th>id编号</th>
  33.                 <th>昵称</th>
  34.                 <th>留言信息</th>
  35.                 <th>留言时间</th>
  36.                 <th>删除操作</th>
  37.  
  38.             </tr>
  39.             {% for i in data %}
  40.             <tr>
  41.                 <td>{{ i.id }}</td>
  42.                 <td>{{ i.name }}</td>
  43.                 <td>{{ i.info }}</td>
  44.                 <td>{{ i.date }}</td>
  45.                 <td><a href="/delete?id={{i.id}}">删除留言</a></td>
  46.  
  47.             </tr>
  48.             {% endfor %}
  49.  
  50.         </table>
  51.     </center>
  52.     <center>
  53.         <h3>
  54.             <a href="/liuyan">点击发布留言</a>
  55.         </h3>
  56.     </center>
  57. </body>
  58.  
  59. </html>

  • 跳转到留言页面

  1. # 跳转添加留言页面
  2. @app.route('/liuyan')
  3. def liuyan():
  4.     return render_template('liuyan.html')
  • ​​​​liuyan.html
  • <form action="/insert" method="post">,这里注意地址指向为后面的insert视图，且为post提交方式
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <title>留言板</title>
  7.     <style type="text/css">
  8.         table {
  9.             width: 350px;
  10.             height: 350px;
  11.             background: linear-gradient(200deg, #a1ffce, #faffd1);
  12.  
  13.         }
  14.  
  15.         caption {
  16.             padding-bottom: 20px;
  17.             font-size: 46px;
  18.             color: white;
  19.             text-shadow: 1px 1px 2px black,
  20.                 0 0 25px rgb(31, 171, 68),
  21.                 0 0 5px rgb(118, 167, 11);
  22.         }
  23.  
  24.         .colour {
  25.             background-color: #a1ffce;
  26.         }
  27.     </style>
  28. </head>
  29.  
  30. <body>
  31.     <center>
  32.         <table>
  33.             <caption>留言板</caption>
  34.             <form action="/insert" method="post">
  35.                 <tr>
  36.                     <td>昵称:</td>
  37.                     <td><input type="text" name="name"></td>
  38.                 </tr>
  39.  
  40.                 <tr>
  41.                     <td>留言信息:</td>
  42.                     <td>
  43.                         <textarea name="info" id="" cols="30" rows="10">请输入您的留言...</textarea>
  44.                     </td>
  45.                 </tr>
  46.                 <tr>
  47.                     <th class="bottn">
  48.                         <input type="submit" class="colour" value="点击留言">
  49.                     </th>
  50.  
  51.                 </tr>
  52.             </form>
  53.         </table>
  54.     </center>
  55. </body>
  56.  
  57. </html>

  • 接收表单数据，并入数据库

代码：

  1. # 接收表单数据，并入数据库
  2. @app.route('/insert', methods=['POST'])
  3. def insert():
  4.     connect = pymssql.connect(server='LAPTOP-DUHL1TTU\YXHLHM',  # 服务器名或本地IP
  5.                               user='sa',  # 账户
  6.                               password='123456',  # 自己设置的密码
  7.                               database='yxh2',
  8.                               as_dict=True)  # 数据库内容以字典格式输出
  9.     if connect:
  10.         print("恭喜你，连接成功 !!！")
  11.     cur = connect.cursor()  # 创建游标对象
  12.     # connect.commit()  # 提交数据
  13.     # cur.execute(sql2)  # 执行sql语句
  14.  
  15.     # data = cur.fetchall()  # 查看sql语句执行的结果
  16.     # 接收表单数据
  17.     data = request.form.to_dict()
  18.     # 添加时间
  19.     data['date'] = time.strftime('%Y-%m-%d %H:%I:%S')
  20.  
  21.     # print(data['date'])
  22.     # 数据入库 'insert into liuyan(name,info) values(%s,%s)'
  23.     name = data["name"]
  24.     info = data["info"]
  25.     sql = 'insert into liuyan(name,info) values(%s,%s)'
  26.     cur.execute(sql, (name, info))
  27.     connect.commit()
  28.  
  29.     connect.close()
  30.     # return data
  31.  
  32.     # 数据入库  insert into liuyan(name,info) values('华仔','学习')
  33.     # sql2 = f'insert into liuyan(name,info) values(null,"{data["name"]}","{data["info"]}")'
  34.     # resp = sql(sql2)
  35.     #
  36.     if sql:
  37.         return '<script>alert("留言成功");location.href="/"</script>'
  38.     else:
  39.         return '<script>alert("留言失败啦~~");location.href="/liuyan"</script>'

在这里：接收表单的数据且格式转为字典

  1.     # 接收表单数据
  2.     data = request.form.to_dict()

还有：这里用的%s来占位的，execute传递类型为元组或字典！！！

  1.     # 数据入库 'insert into liuyan(name,info) values(%s,%s)'
  2.     name = data["name"]
  3.     info = data["info"]
  4.     sql = 'insert into liuyan(name,info) values(%s,%s)'
  5.     cur.execute(sql, (name, info))
  6.     connect.commit()

操作后的js弹窗提示：留言成功会回到首页，失败则继续回留言页面

  1.     if sql:
  2.         return '<script>alert("留言成功");location.href="/"</script>'
  3.     else:
  4.         return '<script>alert("留言失败啦~~");location.href="/liuyan"</script>'

  • 留言数据的删除

  1. # 接收ID，数据删除
  2. @app.route('/delete')
  3. def delete():
  4.     connect = pymssql.connect(server='LAPTOP-DUHL1TTU\YXHLHM',  # 服务器名或本地IP
  5.                               user='sa',  # 账户
  6.                               password='123456',  # 自己设置的密码
  7.                               database='yxh2',
  8.                               as_dict=True)  # 数据库内容以字典格式输出
  9.     if connect:
  10.         print("恭喜你，连接成功 !!！")
  11.     cur = connect.cursor()  # 创建游标对象
  12.     id = request.args.get('id')
  13.     # sql = 'insert into liuyan(name,info) values(%s,%s)'
  14.     sql = 'delete from liuyan where id=%s'
  15.     cur.execute(sql, (id))
  16.     connect.commit()
  17.  
  18.     if sql:
  19.         return '<script>alert("留言删除成功");location.href="/"</script>'
  20.     else:
  21.         return '<script>alert("留言删除失败啦~~");location.href="/liuyan"</script>'

效果展示：

  • 留言表单页

  • 留言页面

  • 留言成功

 查看留言：

 数据库中：

 删除和修改数据也是一样的..........

写在最后：

虽然有很多冗余代码，但能出效果，我已经很满足啦~~~芜湖~

拜~~~

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

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

  

闽ICP备14008679号