1.创建static文件夹,存放图片文件
2.hero列表数据更改为要抽奖的图片名
3.html中可以编写python语句,遍历hero列表内容渲染到表格中
4.在点击随机抽取后,可以获得名称,然后使用img标签,将获取的名称拼接到路径中
3.初始页面,访问127.0.0.1:5000/index
4.点击随机抽取后
5.python源码
python
#让我们的电脑支持服务访问,需要一个web框架flask
from flask import Flask,render_template
from random import randint
app = Flask(__name__)
hero = ['梁祝','惊鸿之笔','修竹墨客','太华','天狼溯光者','炽翼辉光','破魔之箭','箭羽风息','花见巫女']
@app.route('/index')
def index():
return render_template('index.html',hero=hero)
@app.route('/choujiang')
def choujiang():
num = randint(0,len(hero)-1)
return render_template('index.html',hero = hero , h = hero[num])
app.run(debug=True)
6.html源码
html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
table{
border-collapse: collapse
}
table,tbody,tr,td{
text-align: center;
border: 1px solid blue
}
</style>
</head>
<body>
<!--英雄列表-->
{{hero}}
<table align="center">
<tbody>
{% for i in hero %}
<tr><td>{{i}}</td></tr>
{%endfor%}
</tbody>
</table>
<br>
<a href="/choujiang">随机抽取</a> <br>
您抽到了:<strong>{{h}}</strong>
<img src="../static/{{h}}.jpg">
</body>
</html>