首页生成result.html

生成result.html

时间: 2024-09-29 07:14:41 浏览: 33

`result.html`通常用于显示从后端返回的数据，特别是当用户在前端发起请求并获得计算结果时。下面是一个简单的`result.html`模板示例，用于展示前端如何呈现计算结果： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>计算结果</title> <style> .result-container { margin-top: 20px; text-align: center; font-size: 24px; } .error-message { color: red; font-style: italic; } </style> </head> <body> {% if error_message %} <p class="error-message">{{ error_message }}</p> {% endif %} <div class="result-container" id="sumResult"> <h2>计算结果：</h2> {% if sum %} <strong>{{ sum }}</strong> {% else %} <span>未计算，请输入两个数字。</span> {% endif %} </div> </body> </html> ``` 在上述代码中： - `{% if error_message %}` 判断是否有从后端接收到的错误消息，如果有则显示错误信息。 - `{% if sum %}` 判断是否成功得到计算结果，如果`sum`变量存在（即后端返回了计算结果），则显示结果；否则提示用户输入两个数字。 - `{{ sum }}` 是在模板语言中直接插入变量的地方，实际应用中应由后端传递过来的结果替换。要将这个`result.html`与Flask应用配合，你需要确保后端函数（如上面提到的`index()`）能够正确地将计算结果传递给前端，例如： ```python return render_template('result.html', sum=result, error_message="Invalid input" if not isinstance(result, (int, float)) else None) ``` 这里假设后端对结果进行了检查，如果不是有效的数字，就设置一个错误消息传递给前端。

阅读全文