python - Flask Python 和 css 变量

标签 python css variables random flask

我目前正在尝试使用 python 和 flask 构建一个在线随机颜色生成器。我创建了生成随机十六进制颜色代码的函数,但我很难将其传递到 css 背景颜色中。

def random_color():
def r():
    return random.randint(0, 255)
return ('#%02X%02X%02X' % (r(), r(), r()))

BR

爱德华

最佳答案

您可以尝试在您的代码示例中像您所做的那样生成随机十六进制值(或我所做的方式,只需使用 random.samplerange 稍微改进代码)并将该值传递到模板上下文中,你会把它放在 <style> 的某个地方标签。这将在您每次访问页面时呈现模板和替换动态值。

# app.py
import random

from flask import Flask, render_template

app = Flask(__name__)


@app.route('/')
def home():
    hex = '#{:02x}{:02x}{:02x}'.format(*random.sample(range(256), 3))
    return render_template('index.html', hex=hex)

if __name__ == '__main__':
    app.run(debug=True)

# templates/index.html
<!DOCTYPE html>
<html>
<head>
    <title>Home Page</title>
    <meta charset="UTF-8">
    <style>
        body {
            background-color: {{ hex }};
        }
    </style>
</head>
<body>
    <h1>Home Page</h1>
</body>
</html>

关于python - Flask Python 和 css 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49467278/

相关文章:

python - 使用 informixdb 连接时 SQLCODE -1829

python - 分离 __iter__ 和 __next__ 方法

html - 我可以在浏览器中更改 WebKit CSS 规则吗?

powershell - 如何在Powershell中将变量作为参数传递给带有引号的命令

javascript - 在范围内定位变量?

python - 检查特定的声音(输入:麦克风)

python - 根据单独的字典有条件地创建字典

javascript - 使用具有最小高度的 jQuery 滑动切换

html - 固定尺寸 DIV 超过

maven - 如何在 pom 中获取 Maven testResources 目录