利用Laravel实现内容管理系统(CMS)

CMS系统简介

CMS是Content Management System的缩写，意为“内同管理系统”。
CMS一般分为两个部分：前端展示和后端管理

利用laragon快速建立工程

1.打开laragon软件，点击菜单；
2.选择快速创建laravel，项目名称为cms；
3.创建完成后，在浏览器中访问。

XDebug调试工具

XDebug是一个PHP环境下的调试工具，利用它可以轻松的在浏览器和PHPStorm中实现的打断点、单步调试、观察变量值等调试功能。

XDebug调试环境安装

1.在largon中安装和配置xdebug扩展
启动Largon，在浏览器访问 http://localhost/?q=info

将上述页面全部内容拷贝下来，粘贴到https://xdebug.org/wizard的框框中；

点击analyse…按钮生成安装步骤，这里只做前2个。步骤2的路径是根据php配置路径来安装。将php_xdebug-2.9.6-7.2-vc15-x86_64.dll放入之后，打开laragon

修改php.ini，在最后面加入
[xdebug]
xdebug.remote_enable=1
xdebug.remote_autostart=1
表示远程调试自动启动2.在chrome浏览器安装xdebug插件33.安装完成后，在cms中找到routes下的web.php，打上断点并打开监听模式，浏览器中开启xdebug

用户认证

laravel提供了开箱即用的认证方式
可参考文档地址:https://laravel.com/docs/7.x/authention
在工程目录下执行：
composer require laravel/ui (导入依赖包)
php artisan ui vue --auth (安装部署认证组件)
npm install && npm run dev (安装部署npm组件)
注册前需要创建数据库，在（.env）中修改数据库名称和密码，数据库创建完成后，创建表单，表单已在迁徙文件中

所以只需要在项目管理器中执行：PHP artisan migrate 创建完成后，可在注册页面进行注册

帖子和分类管理

创建模型和数据库迁徙文件

执行：php artisan make:model Category -m（模型和迁徙文件一步到位），在migrations中新建了一个文件。分类只是多了一个名称字段： $table->string(‘name’);先把表创建好：php artisan migrate
phpartisan make:model Post -m（先Category后Post）
包括标题、描述类、内容、图片、发布时间、相关联分类（暂未做）
post是CMS中后台发布文章的帖子
Category是文章的分类

调整app布局

调整后布局截图，在左边加一个固定的目录导航栏，但要求login页面保持原有布局。

在views中layouts里面的app.blade.php修改；
上面为导航栏部分，下面为主体内容（未认证时的页面）。
判断有没有认证
可用@auth指令

创建控制器

执行：php artisan make:controller CaategoriesController --resource；–resource选项让创建控制器和相关方法一步到位。
控制器创建完成后，创建路由，在web.php中添加增删查找路由后：Route::resource(‘categories’,‘CategoriesController’);再管理器中执行：php artisan route:list，会自动增加路由创建列表页：在views下面新建一个子目录categories，在子目录里添加一个index.blade.php文件，写完之后记得在控制器中返回实现创建页：在子目录里添加一create.blade.php文件，内容基本与index.blade.php文件中相同，多了一个错误处理和输入框。在控制器中验证字段，重定向到链接地址成功信息一般在网页布局里展示（app.blade.php）
要实现输入内容错误但不完全清除。在创建页(create.blade.php)添加一个字段：value="{{old(‘name’)}}。要使提示消息显示中文可以用’required’=>’:attribute必填’，也可以用’name.min’=>‘名称不能少于:min个字符’，保存唯一性可以用unique:categories。
表单请求：php artisan make:request CategoryStoreCategory
php artisan make:request Category/UpdateCategory

代码

index.blade.php

{{--要用到布局文件--}}
@extends('layouts.app'){{--实现内容部分--}}
@section('content')
{{--  实现卡片--}}
<div class="card"><div class="card-header d-flex justify-content-between align-items-center"><strong>分类列表</strong><a href="{{route('categories.create')}}" class="btn btn-primary btn-sm">新建分类</a></div><div class="card-body"><table class="table"><thead><tr><th width="120">序号</th><th>分类名称</th><th width="200">操作</th></tr></thead><tbody>@foreach($categories as $i =>$categories)<tr><td>{{$i +1}}</td><td>{{$category->name}}</td><td><a href="{{route('categories.edit',$category->id)}}" class="btn btn-info btn-sm">编辑</a><a onclick="deleteCategory('{{route('categories.destory',$category->id)}}','{{$category->name}}')"class="byn btn-danger btn-sm">删除</a></td></tr></tbody></table></div></div><!-- Modal -->
<div class="modal fade" id="delCategoryDlg" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="delCategoryDlgLable">删除确认</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"><form id="delCategoryForm" action="" method="post">@method('delete')@csrf<div class="form-group">您确定要删除<strong></strong>分类吗？</div><div class="form-group"><button type="submit" class="btn btn-primary">确定</button><button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button></div></form></div></div></div>
</div>@endsection@section('script')<script>function deleteCategory(delUrl,name){var delCategoryForm = document.getElementById('delCategoryForm');var categoryName = document.getElementById('categoryName');delCategoryForm.action = delUrl;categoryName.innerText = name;$('delCategoryDlg').modal('show');}</script>@endsection

create.blade.php

{{--要用到布局文件--}}
@extends('layouts.app')
{{--实现内容部分--}}
@section('content')
{{--  实现卡片--}}<div class="card"><div class="card-header d-flex justify-content-between align-items-center"><strong>{{isset($category)?'编辑分类':'创建分类'}}</strong></div><div class="card-body"><form action="{{isset($category)?route('categories.update',$category->id):route('categories.store')}}"method="post">
{{--                防止跨站使用文章--}}@csrf@if(isset($category))@method('patch')@endif<div class="form-group"><label for="name">分类名称</label><input type="text" name="name" value="{{old('name'),isset($category)?$category->naem:''}}"id="name" class="form-control @error('name') is-invalid @enderror"placeholder="请填写分类名称....">
{{--                    出错处理--}}@if($errors->any())<div class="invalid-feedback">@foreach($errors->all() as $error){{$error}}@endforeach</div>@endif</div><div class="form-group"><button type="submit" class="btn btn-primary">{{isset($category)?'更新':'创建'}}</button></div></form></div><div class="card-footer text-muted"></div></div>@endsection

app.blade.php

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- CSRF Token --><meta name="csrf-token" content="{{ csrf_token() }}"><title>{{ config('app.name', 'Laravel') }}</title><!-- Scripts --><script src="{{ asset('js/app.js') }}" defer></script><!-- Fonts --><link rel="dns-prefetch" href="//fonts.gstatic.com"><link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"><!-- Styles --><link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body><div id="app"><nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm"><div class="container"><a class="navbar-brand" href="{{ url('/') }}">{{ config('app.name', 'Laravel') }}</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarSupportedContent"><!-- Left Side Of Navbar --><ul class="navbar-nav mr-auto"></ul><!-- Right Side Of Navbar --><ul class="navbar-nav ml-auto"><!-- Authentication Links -->@guest<li class="nav-item"><a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a></li>@if (Route::has('register'))<li class="nav-item"><a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a></li>@endif@else<li class="nav-item dropdown"><a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>{{ Auth::user()->name }} <span class="caret"></span></a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="{{ route('logout') }}"onclick="event.preventDefault();document.getElementById('logout-form').submit();">{{ __('Logout') }}</a><form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">@csrf</form></div></li>@endguest</ul></div></div></nav><main class="py-4">@auth<div class="container">@if(session()->has('success'))<div class="alert alert-success alert-dismissible fade show" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>{{session('success')}}</div>@endif<div class="row"><div class="col-md-4"><div class="list-group"><a href="#" class="list-group-item list-group-item-action ">Post</a><a href="#" class="list-group-item list-group-item-action">Categories</a></div></div><div class="col-md-8">@yield('content')</div></div></div>@else@yield('content')@endauth</main></div>
@yield('script')
</body>
</html>

CategoriesController.php

<?phpnamespace App\Http\Controllers;
use APP\Category;
use App\Http\Requests\Category\UpdateCategory;
use Illuminate\Http\Request;class CategoriesController extends Controller
{/*** Display a listing of the resource.** @return \Illuminate\Http\Response*/public function index(){//return view('categories.index');}/*** Show the form for creating a new resource.** @return \Illuminate\Http\Response*/public function create(){//return view('categories.create');}/*** Store a newly created resource in storage.** @param  \Illuminate\Http\Request  $request* @return \Illuminate\Http\Response*/public function store(StoreCategory $request){Category::create($request->all());$request->session()->flash('success','分类创建成功！');
//重定向到链接地址return redirect(route('categories.index'));}/*** Display the specified resource.** @param  int  $id* @return \Illuminate\Http\Response*/public function show($id){//}/*** Show the form for editing the specified resource.** @param  int  $id* @return \Illuminate\Http\Response*/public function edit(Category $category){//return view('categories.create',compact('category'));}/*** Update the specified resource in storage.** @param  \Illuminate\Http\Request  $request* @param  int  $id* @return \Illuminate\Http\Response*/public function update(UpdateCategory $request,Category $category){//$category->update($request->validated());$request->session()->flash('success','分类更新成功！');return redirect(route('categories.index'));}/*** Remove the specified resource from storage.** @param  int  $id* @return \Illuminate\Http\Response*/public function destroy(Category $category){//$category->delete();session()->flash('success','分类删除成功！');return redirect(route('categories.index'));}
}

Category.php

<?phpnamespace App;use Illuminate\Database\Eloquent\Model;class Category extends Model
{//protected $fillable =['name'];
}

UpdateCategory.php

<?phpnamespace App\Http\Requests\Category;use Illuminate\Foundation\Http\FormRequest;class UpdateCategory extends FormRequest
{/*** Determine if the user is authorized to make this request.** @return bool*/public function authorize(){return true;}/*** Get the validation rules that apply to the request.** @return array*/public function rules(){return [//'name' => 'required|min:3|max:20|unique:categories'];}public function messages(){return ['required' =>':attribute必填','name.min' =>'名称不能小于:min个字符','name.max' =>'名称不能小于:max个字符','name.unique' =>'分类名称 <strong>:input</strong> 已存在'];}
}

StoreGategory.php

<?phpnamespace App\Http\Requests\Category;use Illuminate\Foundation\Http\FormRequest;class StoreCategory extends FormRequest
{/*** Determine if the user is authorized to make this request.** @return bool*/public function authorize(){return true;}/*** Get the validation rules that apply to the request.** @return array*/public function rules(){return [//'name' => 'required|min:3|max:20|unique:categories'];}public function messages(){return ['required' =>':attribute必填','name.min' =>'名称不能小于:min个字符','name.max' =>'名称不能小于:max个字符','name.unique' =>'分类名称 <strong>:input</strong> 已存在'];}
}