fastadmin传递参数给html和js,通过身份判断动态显示列表头部住店和离店按钮
warning:
这篇文章距离上次修改已过191天,其中的内容可能已经有所变动。
在FastAdmin中,传递参数给HTML和JS可以通过以下步骤实现:
- 在控制器中,准备好需要传递的参数。
- 将参数赋值给模板变量。
- 在HTML模板中,使用模板引擎语法接收变量。
- 在JS代码中,通过模板引擎渲染后的变量或者直接通过Ajax请求后端获取数据。
以下是一个简单的示例:
// 控制器中的代码
public function index() {
// 假设这是身份认证的结果
$isAdmin = true; // 这里假设是管理员
$this->assign('isAdmin', $isAdmin);
return $this->fetch();
}
<!-- HTML模板中的代码 -->
{if $isAdmin}
<button id="checkin">住店</button>
<button id="checkout" style="display:none;">离店</button>
{else}
<button id="checkin" style="display:none;">住店</button>
<button id="checkout">离店</button>
{/if}
<script>
// JS代码中的逻辑
$(function(){
$('#checkin').click(function(){
// 执行入住逻辑
});
$('#checkout').click(function(){
// 执行离店逻辑
});
});
</script>
在这个例子中,我们根据用户是否是管理员 $isAdmin
的值,来决定显示哪个按钮,并隐藏另一个按钮。这样就可以根据用户的身份来动态显示不同的操作按钮。
评论已关闭