Lumen企业站内容管理实战 - 基本布局

后台管理页面的登录页面我们做出来了，接下来，我把内容管理页面做出来。这次我们按一创建路由，二创建控制器，三创建视图的顺序来做。

第一步：创建路由，打开/routes/web.php，添加一个后台管理的首页路由。

$router->addRoute(['GET','POST'],'/index', 'IndexController@index');

     添加完之后是这样的

第二步：切换到/app/Http/Controllers/Admin/目录下，在这个目录下新建IndexController.php文件，然后再写个index方法，注意所有控制器都要继承Controller。

新建完之后是这样的

在index()方法内，有一行代码

return view('admin.index');

这个是加载视图的，admin，指的是/resources/views/路径下的admin目录，即/resources/views/admin/，index指的是/resources/views/admin/路径下的index.blade.php文件，在admin和index中间还有一个点，这个是目录分隔符，你写成admin/index也可以。

当我们访问http://cms-test.com/admin/index时，访问的就是index.blade.php文件。

第三步，在/resources/views/admin/路径下新建index.blade.php文件。之前我们下载了x-admin框架，把这个框架下的index.html文件中的html代码复制到index.blade.php文件中，然后修改css、js的路径到根目录。

像这样

css、js的引用也可以这样

<link rel="stylesheet" href="/css/font.css">
<link rel="stylesheet" href="/css/xadmin.css">

改成

<link rel="stylesheet" href="{{ URL::asset('css/font.css'}}">
<link rel="stylesheet" href="{{ URL::asset('css/xadmin.css'}}">

有什么区别呢？区别是第二个会生成绝对路径，也就是会把域名带上，而第一种是不会带上域名的，怎么用，你自己选择，我使用相对路径。

现在我们用http://cms-test.com/admin/index打开链接，你应该可以看到下面的页面。

有个报错是不是？简单，我们把这行代码注释掉就行了

我们从新建路由、新建控制器、新建视图，完成了首页的工作，但是，这个界面中的内容不是我们想要的，我得改些东西，先改这个三个地方

改成这样

我们先做这些功能。