crm开发定制python Web开发 flask轻量级Web框架实战项目--实现功能--账号密码登录界面(连接数据库Mysql)

ps：crm开发定制各位好久不见，我回家了！crm开发定制终于有时间把之前的一crm开发定制些东西整理一下了（好吧，crm开发定制之前是我太懒了），crm开发定制今天分享一个功能简单的python web实战项目，crm开发定制后期功能可自行丰富。

先看效果

 

 输入正确用户名和密码即可登录成功（下图为存放数据的表单）

 

 正文

一、导入模块

  1. from flask import Flask, render_template, request
  2. import pymysql

二、创建web程序，连接数据库

  1. app = Flask(__name__)
  2.  
  3.  
  4. def get_conn():
  5.     # 建立与mysql连接
  6.     conn = pymysql.connect(host="localhost", user="root", password="root", db="tmp", charset="utf8")
  7.     # c创建游标A
  8.     cursor = conn.cursor()
  9.     return conn, cursor

localhost： 本机数据库。

user：设置的数据库用户名。

password：数据库密码，，默认情况下是root，如果后期自己修改了则改为相应的即可。

db：所要连接的数据库名称。 

1.关闭模块（关闭数据库连接，关闭游标）

代码如下：

  1. def close_conn(conn, cursor):  # 关闭模块
  2.     if cursor:
  3.         cursor.close()
  4.     if conn:
  5.         conn.close()

2.查询模块（用于从数据库中查询信息）

代码如下：

  1. def query(sql, *args):  # 查询模块
  2.  
  3.     conn, cursor = get_conn()
  4.     cursor.execute(sql, args)
  5.     res = cursor.fetchall()
  6.     conn.commit()
  7.     close_conn(conn, cursor)
  8.     return res
  9.  
  10.  
  11. def get_user(username, password):  # 从数据库中查询用户名和密码
  12.     sql = "select id from sys_user where username= '" + username + "' and password= '" + password + "'"
  13.     res = query(sql)
  14.     return res

sys_user：存放用户名和密码的表。

 三、写一个函数来处理浏览器发送过的请求，请求到/是自动执行这个函数。

  1. @app.route('/')  # 必须加上路由，否则访问和函数没有关联,当访问到127.0.0.1：5000/，执行函数
  2. def index():
  3.     return render_template('login.html')
  4.  
  5.  
  6. @app.route('/login', methods=['post'])
  7. def login():
  8.     username = request.form.get('username')  # 接收form表单传参
  9.     password = request.form.get('password')
  10.     res = get_user(username, password)
  11.     if res:
  12.         return render_template('xxx.html',msg='登陆成功')
  13.     else:
  14.         return render_template('login.html', msg='登录失败')

 登陆成功后进入xxx页面，登陆失败留在本页面并给出提示。

登陆界面为表单传参，这里用到POST请求。

在HTTP协议的请求类型里：

  • GET：从服务器端获取资源或数据

  • POST：向服务器端提交数据

GET请求发送数据的时候，一般会将请求数据放在url字符串中发送给服务器端，所以从安全性角度来看相对没有POST请求安全性高，所以GET请求一般不会用于比较隐私数据的传输，而POST请求是将请求数据放在请求body里面，所以一般用于表单数据，登陆数据等数据的传输。

四、启动应用程序

  1. if __name__ == '__main__':  # 固定的写法，程序的入口
  2.     app.run()  # 启动应用程序，

 五、完整代码

  • myflask.py

  1. from flask import Flask, render_template, request
  2. import pymysql
  3.  
  4. # 创建web应用程序
  5.  
  6.  
  7. app = Flask(__name__)
  8.  
  9.  
  10. def get_conn():
  11.     # 建立与mysql连接
  12.     conn = pymysql.connect(host="localhost", user="root", password="root", db="tmp", charset="utf8")
  13.     # c创建游标A
  14.     cursor = conn.cursor()
  15.     return conn, cursor
  16.  
  17. def close_conn(conn, cursor):  # 关闭模块
  18.     if cursor:
  19.         cursor.close()
  20.     if conn:
  21.         conn.close()
  22.  
  23.  
  24. def query(sql, *args):  # 查询模块
  25.     conn, cursor = get_conn()
  26.     cursor.execute(sql, args)
  27.     res = cursor.fetchall()
  28.     conn.commit()
  29.     close_conn(conn, cursor)
  30.     return res
  31.  
  32.  
  33. def get_user(username, password):  # 从数据库中查询用户名和密码
  34.     sql = "select id from sys_user where username= '" + username + "' and password= '" + password + "'"
  35.     res = query(sql)
  36.     return res
  37.  
  38.  
  39. # 写一个函数来处理浏览器发送过的请求，请求到/是自动执行这个函数
  40. @app.route('/')  # 必须加上路由，否则访问和函数没有关联,当访问到127.0.0.1：5000/，执行函数
  41. def index():
  42.     return render_template('login.html')
  43.  
  44.  
  45. @app.route('/login', methods=['post'])
  46. def login():
  47.     username = request.form.get('username')  # 接收form表单传参
  48.     password = request.form.get('password')
  49.     res = get_user(username, password)
  50.     if res:
  51.         return render_template('game.html',msg='登陆成功')
  52.     else:
  53.         return render_template('login.html', msg='登录失败')
  54.  
  55.  
  56.  
  57.  
  58. if __name__ == '__main__':  # 固定的写法，程序的入口
  59.     app.run()  # 启动应用程序，

 

  • 前端页面代码 （需要可自行拿，记得点个赞谢啦）

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <title>登陆界面</title>
  7.     <link rel="icon" href="http://v3.bootcss.com/favicon.ico">
  8.     <style>
  9.  
  10.  li {
  11.             list-style: none;
  12.         }
  13.  
  14.         body {
  15.             margin: 0;
  16.             padding: 0;
  17.             box-sizing: border-box;
  18.             background-image: url(static/img/鹿3.jpg);
  19.             /* background-image: url(/static/img/1.jpg); */
  20.             background-repeat: no-repeat;
  21.             /*这里的100% auto 表示将背景图片的长度100%显示，高度自适应*/
  22.             background-size: 100% auto;
  23.         }
  24.  
  25.         #maxbox {
  26.             margin: 0 auto;
  27.             margin-top: 200px;
  28.             padding: 20px, 50px;
  29.             /*这里的90表示以不透明度90%显示*/
  30.             background-color: #00000090;
  31.             text-align: center;
  32.             width: 600px;
  33.             height: 400px;
  34.             border-radius: 10px;
  35.         }
  36.  
  37.         #maxbox h1 {
  38.             padding: 0;
  39.             padding-top: 60px;
  40.             color: white;
  41.             font-size: 30px;
  42.             padding-bottom: 4px;
  43.             border-bottom: solid 1px white;
  44.         }
  45.  
  46.         #maxbox h2 {
  47.             font-weight: 700;
  48.             color:white;
  49.         }
  50.  
  51.         #maxbox .inputbox {
  52.             margin-top: 30px;
  53.  
  54.         }
  55.  
  56.         #maxbox .inputText {
  57.             margin-top: 20px;
  58.  
  59.         }
  60.  
  61.         #maxbox .inputText span {
  62.             color: white;
  63.             font-size: 18px;
  64.  
  65.  
  66.         }
  67.  
  68.         #maxbox .inputText input {
  69.             border: 0;
  70.             padding: 6px;
  71.             border-bottom: 1px solid white;
  72.             /*这里的00表示不透明度为0，即透明显示*/
  73.             background-color: #FFFFFF00;
  74.             color: white;
  75.         }
  76.  
  77.         #maxbox .inputbox .inputButton {
  78.             margin: 0;
  79.             border: 0;
  80.             margin-top: 20px;
  81.             width: 145px;
  82.             height: 25px;
  83.             /*给这个按钮变为圆角边角*/
  84.             border-radius: 25px;
  85.             color: white;
  86.             background-color: #3498db;
  87.         }
  88.  
  89.         #sign_up {
  90.             margin-top: 50px;
  91.             color: white;
  92.             font-size: 17px;
  93.         }
  94.  
  95.         #sign_up a {
  96.             color: #3498db;
  97.         }
  98.     </style>
  99.  
  100. </head>
  101.  
  102. <body>
  103.     <div id="maxbox">
  104.         <h1>登陆界面</h1>
  105.         <h2>请登录</h2>
  106.         <div class="inputbox">
  107. <!--            <form name="frm" action="" method="post">-->
  108.             <form  action="/login" method="post">-->
  109.                 <div class="inputText">
  110.                     <span class="iconfont icon-mine"></span>
  111.                     <input class="username" type="text" placeholder="用户名" name="username" style="color:while" />
  112.                 </div>
  113.                 <div class="inputText">
  114.                     <span class="iconfont icon-lock"></span>
  115.                     <input type="password" placeholder="密码" name="password" style="color:white" />
  116.                     <br>
  117.                     <input class="remember" name="remember" type="checkbox" value="" checked="checked">
  118.                     <span style="color:rgb(255, 255, 255)">记住我</span>
  119.  
  120.                 </div>
  121.                 <input class="inputButton" type="submit" value="登录" />
  122.                     {{msg}}
  123.             </form>
  124.         </div>
  125.     </div>
  126. </body>
  127.  
  128. </html>

总结

以上就是今天要分享的内容，python+web+轻量级框架的实战小项目。后续功能可以自行丰富，原理都是类似的。

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发