用代码生成模拟移动端登录,通过输入用户名密码的H5页面,点登录时输出登录的检验日志,同时登录成功跳转到h5的门户页或者待办列表页。如果失败则提示密码错。
时间: 2024-02-03 09:12:35 浏览: 24
由于我不知道您使用的是什么后端语言和框架,因此我提供一个基于 Flask 框架的简单示例,供参考:
```python
from flask import Flask, request, render_template, redirect, url_for
app = Flask(__name__)
@app.route('/')
def login():
return render_template('login.html')
@app.route('/login', methods=['POST'])
def validate_login():
username = request.form.get('username')
password = request.form.get('password')
if username == 'admin' and password == '123456':
app.logger.info(f'User {username} logged in successfully')
return redirect(url_for('portal'))
else:
app.logger.warning(f'Invalid login attempt for user {username}')
return render_template('login.html', error='Invalid username or password')
@app.route('/portal')
def portal():
return render_template('portal.html')
if __name__ == '__main__':
app.run()
```
其中,`login()` 函数渲染登录页面,`validate_login()` 函数接收 POST 请求,验证用户名和密码是否正确,如果正确则记录日志并跳转到门户页面,否则返回登录页面并显示错误信息。`portal()` 函数渲染门户页面。
您需要在 templates 文件夹下创建两个 HTML 模板文件:`login.html` 和 `portal.html`,分别用于渲染登录页面和门户页面。可以参考以下示例代码:
`login.html`
```html
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
</head>
<body>
{% if error %}
<p style="color: red">{{ error }}</p>
{% endif %}
<form method="POST" action="/login">
<label>Username:</label>
<input type="text" name="username"><br>
<label>Password:</label>
<input type="password" name="password"><br>
<button type="submit">Login</button>
</form>
</body>
</html>
```
`portal.html`
```html
<!DOCTYPE html>
<html>
<head>
<title>Portal</title>
</head>
<body>
<h1>Welcome to the portal!</h1>
</body>
</html>
```
请注意,这只是一个简单的示例,实际应用中需要进行更多的安全性和用户体验方面的考虑。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)