使用HTML和Python写个公司年会随机抽奖系统,最后把中将的员工显示在HTML的页面上
时间: 2024-03-24 10:42:02 浏览: 67
html实现酷炫的公司年会抽奖(源码)
5星 · 资源好评率100%
好的,下面是实现步骤:
1. 首先,您需要通过HTML编写一个表单页面,让用户输入员工名单并提交表单。表单中需要包含一个文本框和一个提交按钮。
```html
<!DOCTYPE html>
<html>
<head>
<title>公司年会抽奖系统</title>
</head>
<body>
<h1>公司年会抽奖系统</h1>
<form action="/lottery" method="POST">
<label for="employees">输入员工名单(以逗号分隔):</label>
<input type="text" id="employees" name="employees">
<button type="submit">抽奖</button>
</form>
</body>
</html>
```
2. 接下来,您需要用Python编写后端逻辑。当用户提交表单时,您需要从文本框中获取员工名单,并从中随机选出一个员工作为中奖者。最后,您需要将中奖者的信息返回给HTML页面,让用户知道谁是中奖者。
```python
from flask import Flask, request, render_template
import random
app = Flask(__name__)
@app.route('/', methods=['GET'])
def index():
return render_template('index.html')
@app.route('/lottery', methods=['POST'])
def lottery():
employees = request.form['employees']
employee_list = employees.split(',')
winner = random.choice(employee_list)
return render_template('result.html', winner=winner)
if __name__ == '__main__':
app.run()
```
3. 最后,您需要再编写一个HTML页面,用于显示中奖者的信息。在这个页面中,您需要使用Flask模板语言,将中奖者的信息显示出来。
```html
<!DOCTYPE html>
<html>
<head>
<title>公司年会抽奖系统</title>
</head>
<body>
<h1>公司年会抽奖系统</h1>
<p>恭喜中奖的员工是:{{ winner }}</p>
</body>
</html>
```
这样,当用户提交表单后,您就可以将中奖者的信息显示在新的HTML页面上了。
阅读全文