laravel学习笔记（前台篇）

1.1 前台首页

前台首页是用于让外部的访客访问，主要展示的是网站的内容
在接下来要实现的首页中，主要包括了页面布局、首页展示、栏目导航、轮播图、广告位首页还有一个侧边栏，用于显示热门内容。

1.1.1 业面布局

掌握首页布局的实现，能够完成首页公共部分的代码编写

创建页面的公共文件，供其他页面使用
首页布局的实现思路:
(1) 创建公共文件目录resources\views\common。
(2)在公共文件目录下创建static.blade.php，用于引入静态文件，代码如下

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{
  {asset('home')}}/common/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="{
  {asset('home')}}/common/font-awesome-4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{
  {asset('home')}}/css/main.css">
<script src="{
  {asset('home')}}/common/jquery/1.12.4/jquery.min.js"></script>
<script src="{
  {asset('home')}}/common/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>

(3)在公共文件目录下创建header.blade.php 文件，用于保存页面顶部的内容.、代码如下

<div class="header">
    <header>
        <div class="container">
            <a href="{
  {url('/')}}" style="color:#000000">
               <div class="header-logo"><span>内容</span>管理系统</div>
            </a>
            <ul class="header-right">
                <li>
                    <a href="#" data-toggle="modal" data-target="#loginModal">登录</a>
                </li>
                <li>
                    <a href="#" data-toggle="modal" data-target="#registerModal">注册</a>
                </li>
            </ul>
        </div>
    </header>
    <nav class="navbar navbar-expand-md navbar-dark">
        <div class="container">
            <div></div>
            <button class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent" aria-expanded="false"
            aria-controls="navbarSupportedContent"
            aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul cla