写一个登陆前端,使用python
时间: 2023-11-22 17:56:33 浏览: 50
前端代码如下,使用了Bootstrap框架和jQuery库:
```html
<!DOCTYPE html>
<html>
<head>
<title>登陆页面</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>登陆</h2>
<form action="/login" method="post">
<div class="form-group">
<label for="username">用户名:</label>
<input type="text" class="form-control" id="username" placeholder="请输入用户名" name="username">
</div>
<div class="form-group">
<label for="password">密码:</label>
<input type="password" class="form-control" id="password" placeholder="请输入密码" name="password">
</div>
<button type="submit" class="btn btn-primary">登陆</button>
</form>
</div>
</body>
</html>
```
后端使用python的Flask框架实现,具体代码如下:
```python
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
return render_template('login.html')
@app.route('/login', methods=['POST'])
def login():
username = request.form['username']
password = request.form['password']
if username == 'admin' and password == '123456':
return '登陆成功'
else:
return '用户名或密码错误'
if __name__ == '__main__':
app.run()
```
其中,`@app.route('/login', methods=['POST'])`指定了接收POST请求的路由和处理函数,`request.form`可以获取前端发送的表单数据。这里只是简单的判断了用户名和密码是否正确,实际应用中应该使用加密算法对密码进行加密存储,以提高安全性。