本文介绍在 Yii2 应用中，如何将 PHP 后端动态获取的餐厅 ID（如 $restaurant->id）安全、可靠地注入到前端 JavaScript 中，避免硬编码，实现多餐厅页面的通用时间筛选逻辑。
本文介绍在 yii2 应用中，如何将 php 后端动态获取的餐厅 id（如 `$restaurant->id`）安全、可靠地注入到前端 javascript 中，避免硬编码，实现多餐厅页面的通用时间筛选逻辑。
在 Yii2 开发中，当一个页面（如餐厅详情页）需向 JavaScript 提供动态上下文数据（例如当前餐厅 ID），最推荐且符合框架规范的方式是通过 View::registerJs() 将 PHP 变量安全序列化为前端可读的 JS 变量，而非拼接字符串或使用内联 <script> 标签——后者易引发 XSS 风险或 JSON 格式错误。
✅ 推荐方案：使用 Json::encode() 注入变量
在视图文件（如 views/restaurant/view.php）中，确保已加载 $restaurant 模型（通常由控制器传入），然后在页面底部（View::POS_END）注册 JS 变量：
<?php
use yii\helpers\Json;
use yii\web\View;
// 假设 $restaurant 已在视图中可用（如由控制器 via $this->context->getView()->params 或直接传入）
$this->registerJs('let restaurantID = ' . Json::encode($restaurant->id) . ';', View::POS_END);
?>Json::encode() 会自动处理整数、字符串、null 等类型，并对特殊字符进行转义，确保生成的 JS 代码语法正确且安全。例如，若 $restaurant->id = 123，输出为：
let restaurantID = 123;
若 ID 为字符串（如 UUID），则自动加引号并转义，杜绝语法错误。
立即学习“Java免费学习笔记（深入）”；
? 整合进你的现有逻辑
你原 JS 中硬编码的 let restaurantID = 1; 应被移除，并确保上述 PHP 注入代码在你的自定义 JS 脚本之前执行（因 View::POS_END 默认插入在 </body> 前，只要你的脚本也在此位置或之后，即可访问 restaurantID）。
修改你的 filterTimes() 函数，直接使用全局变量：
function filterTimes() {
// ✅ 直接使用由 PHP 注入的 restaurantID
const restaurantID = window.restaurantID || 1; // 提供安全兜底（仅调试用，生产环境应确保必有值）
const dayofweek = document.getElementById("dayofweek").value;
if (["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].includes(dayofweek)) {
const workHours = getWorkHoursForDay(json, restaurantID, dayofweek);
if (!workHours) return; // 当日无营业时间，隐藏全部选项
const items = document.querySelectorAll(".dropdown-menu.dropdown-menu-height-fixed li a");
for (const item of items) {
const [timeStr, period] = item.innerText.trim().split(' ');
let itemValue = parseFloat(timeStr) || 0;
if (period === 'PM' && itemValue !== 0 && itemValue < 12) itemValue += 12;
if (itemValue < parseFloat(workHours.open) || itemValue > parseFloat(workHours.close)) {
item.parentNode.classList.add('invisible');
} else {
item.parentNode.classList.remove('invisible');
}
}
}
}⚠️ 注意事项与最佳实践
- 避免内联脚本污染：不要在 HTML 中写 <script>let restaurantID = <?= $restaurant->id ?>;</script> —— 缺乏转义，存在 XSS 风险（尤其当 ID 来源不可信时）。
- 作用域管理：registerJs() 默认注入为全局变量。如需模块化，可封装为 IIFE 或使用 yii\web\JsExpression 配合命名空间。
- 数据分离建议：更健壮的做法是将营业时间 JSON 也由后端渲染（而非硬编码在 JS 中），利用 Json::encode($restaurant->workingHours) 动态输出，彻底解耦前后端数据源。
- 调试技巧：在浏览器控制台执行 console.log(restaurantID) 验证是否注入成功；检查页面源码确认生成的 JS 是否位于 <body> 底部。
✅ 总结
通过 Yii::$app->view->registerJs('let restaurantID = ' . Json::encode($restaurant->id) . ';')，你实现了：
- ✅ 安全、自动转义的数据传递；
- ✅ 与 Yii2 渲染生命周期无缝集成；
- ✅ 支持多餐厅页面复用，无需修改 JS 逻辑；
- ✅ 符合 PSR-12 与 Yii2 最佳实践。
从此，每个餐厅页面都将自动携带其唯一 ID 到前端，让时间筛选逻辑真正“懂上下文”。
