后台管理页面的登录页面我们做出来了,接下来,我把内容管理页面做出来。这次我们按一创建路由,二创建控制器,三创建视图的顺序来做。
第一步:创建路由,打开/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打开链接,你应该可以看到下面的页面。
有个报错是不是?简单,我们把这行代码注释掉就行了
我们从新建路由、新建控制器、新建视图,完成了首页的工作,但是,这个界面中的内容不是我们想要的,我得改些东西,先改这个三个地方
改成这样
我们先做这些功能。