如何将变量数据传入HTML文件？Rust后端传值场景咨询

这个需求完全可以实现，核心是要把静态嵌入的HTML改成动态模板渲染——因为include_str!是编译时把HTML内容硬编码进二进制，没法动态替换变量，所以得用模板引擎或者简单的字符串替换来实现。

方法一：用模板引擎（推荐，适合复杂场景） #

以轻量且适配Axum的minijinja为例：

1. 添加依赖
   在Cargo.toml中加入模板引擎相关依赖：

[dependencies]
axum = "0.7"
rand = "0.8"
serde = { version = "1.0", features = ["derive"] }
minijinja = "1.0"
lazy_static = "1.4" # 用于全局初始化模板环境

2. 修改HTML模板
   把HTML里的占位符改成模板语法，比如在index.html中写：

<!DOCTYPE html>
<html>
<body>
    <h1>生成的随机数：{{ random_number }}</h1>
</body>
</html>

3. 修改Rust处理函数
   初始化模板环境，渲染时传入变量：

use rand::Rng;
use axum::{extract::Query, response::Html};
use serde::{Deserialize, Serialize};
use minijinja::Environment;
use lazy_static::lazy_static;

#[derive(Debug, Deserialize, Serialize)]
struct RangeParameters {
    start: usize,
    end: usize
}

// 全局初始化模板环境，避免每次请求重复加载
lazy_static! {
    static ref TEMPLATE_ENV: Environment<'static> = {
        let mut env = Environment::new();
        // 加载模板文件（假设index.html放在项目根目录下）
        env.add_template("index", include_str!("../index.html")).unwrap();
        env
    };
}

async fn handler_random_number_generator(Query(params): Query<RangeParameters>) -> impl IntoResponse{
    let random_number = rand::thread_rng().gen_range(params.start..params.end);
    
    // 渲染模板，传入random_number变量
    let rendered = TEMPLATE_ENV.get_template("index")
        .unwrap()
        .render(&[("random_number", &random_number)])
        .unwrap();
    
    Html(rendered)
}

方法二：手动字符串替换（仅适合简单场景） #

如果只是单个变量替换，也可以不用模板引擎，直接做字符串替换：

async fn handler_random_number_generator(Query(params): Query<RangeParameters>) -> impl IntoResponse{
    let random_number = rand::thread_rng().gen_range(params.start..params.end);
    
    // 读取静态HTML，替换占位符（假设HTML里有{{random_number}}这样的标记）
    let raw_html = include_str!("../index.html");
    let rendered_html = raw_html.replace("{{random_number}}", &random_number.to_string());
    
    Html(rendered_html)
}

这种方法简单但扩展性差，有多个变量或模板逻辑时不推荐。

内容的提问来源于stack exchange，提问作者Samsul Islam