主要实现的效果是这样的,登录页面:
最上面的就是公共页面。登录个用户后是这样的。
登录成功后,最上面的哪个首页、基金、黄金、股票都出来了。并且点击不同的标签可以进行active,如下:
基金:
?黄金:
?股票:
?实现是这样的,将公共页面提取下:
如下header.html
<header class="mb-auto">
<div>
<h3 class="float-md-start mb-0">金融模拟系统 <span class="badge bg-light text-dark">Beta V1.0.0</span></h3>
{if $login}
<nav class="nav nav-masthead justify-content-center float-md-end">
<a href="index.php?p=user&c=dashboard&a=index" {if $activeItem == 1} class="nav-link active" {else} class="nav-link" {/if}>首页</a>
<a href="index.php?p=user&c=fund&a=index" {if $activeItem == 2} class="nav-link active" {else} class="nav-link" {/if}>基金</a>
<a href="index.php?p=user&c=gold&a=index" {if $activeItem == 3} class="nav-link active" {else} class="nav-link" {/if}>黄金</a>
<a href="index.php?p=user&c=stock&a=index" {if $activeItem == 4} class="nav-link active" {else} class="nav-link" {/if}>股票</a>
</nav>
{/if}
</div>
</header>
这里的login就是变量,当引用时login为true则,显示后台那几个选项。
$activeItem也是变量,他的值是1,2,3,4,分别表示首页、基金、黄金、股票。
是这样包含的:
登录页面包含:
{include file="public/header.html" login=false}
?后台页面包含:
{include file="public/header.html" activeItem=1 login=true}
要注意的地方:
①include中可以传递变量;
②{if}结束后要用{/if}不然脚本语言无法判断在哪结束的。
|