因为x-admin使用iframe方式加载页面,之前我们已经把布局做好了,那现在我们先做一个简单的欢迎页面。
欢迎页面,也要从路由开始。
第一步:打开/routes/web.php文件,添加一个路由
$router->get('/welcome', 'WelcomeController@index');
第二步:创建WelcomeController.php文件
第三步:在resources/wiews/admin/路径下新建welcome.blade.php文件,写入一下代码
<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.2</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
<link rel="stylesheet" href="/css/font.css">
<link rel="stylesheet" href="/css/xadmin.css">
<script src="/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/xadmin.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="x-nav">
<span class="layui-breadcrumb">
<a href="">首页</a>
</span>
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
onclick="location.reload()" title="刷新">
<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<p >
<div style="text-align: center; margin-top: 200px; font-size: 85px; color: red;">欢迎!</div>
</p>
</div>
</div>
</body>
</html>
最后访问http://cms-test.com/admin/index,
是不是很简单?