利用pycharm,设计一个网页,添加图书信息,包括:图书编号,书名,作者,提交信息之后,转到一个新模板,里面显示一个消息“添加成功”,并且在下面显示添加图书的书名和作者。
时间: 2024-10-22 10:14:16 浏览: 25
在PyCharm中创建一个简单的网页并实现这个功能,你可以使用Python的Web框架如Flask或Django,这里我会给出一个基于Flask的基本示例。首先确保安装了Flask:
```bash
pip install Flask
```
然后在PyCharm新建一个Flask项目,并创建一个名为`app.py`的文件,内容如下:
```python
from flask import Flask, request, render_template
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def index():
if request.method == 'POST':
# 获取表单数据
book_id = request.form.get('book_id')
title = request.form.get('title')
author = request.form.get('author')
# 添加到数据库或其他存储位置(这里只是一个模拟)
# 您可以使用ORM库如SQLAlchemy或字典等保存数据
books_data = {
"id": book_id,
"title": title,
"author": author,
"status": "success"
}
# 跳转到新的页面并传递数据
return render_template('success.html', book_info=books_data)
else:
# 当请求为GET时,渲染主页
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
```
在这个例子中:
1. `index`函数处理主页和表单提交。当用户提交表单时,获取输入的图书信息,然后跳转到`success.html`页面,传入添加成功的数据。
2. 主页`index.html`需要包含HTML表格或输入字段用于用户填写图书信息,以及一个提交按钮。例如:
```html
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图书添加</title>
</head>
<body>
<form method="post" action="/">
<input type="text" name="book_id" placeholder="图书编号">
<input type="text" name="title" placeholder="书名">
<input type="text" name="author" placeholder="作者">
<button type="submit">添加</button>
</form>
</body>
</html>
```
3. 创建一个新模板`success.html`,接收并展示添加成功的消息和图书信息:
```html
<!-- success.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>添加成功 - {{ book_info['title'] }} by {{ book_info['author'] }}</title>
</head>
<body>
<h1>添加成功!</h1>
<p>图书信息:书名 - {{ book_info['title'] }}, 作者 - {{ book_info['author'] }}</p>
</body>
</html>
```
运行`app.py`,在浏览器中访问`http://localhost:5000/`,即可看到应用效果。
阅读全文