区块链技术博客
www.b2bchain.cn

laravel之cms项目二

这篇文章主要介绍了laravel之cms项目二的讲解,通过具体代码实例进行19918 讲解,并且分析了laravel之cms项目二的详细步骤与相关技巧,需要的朋友可以参考下https://www.b2bchain.cn/?p=19918

本文实例讲述了2、树莓派设置连接WiFi,开启VNC等等的讲解。分享给大家供大家参考文章查询地址https://www.b2bchain.cn/7039.html。具体如下:

laravel之cms项目二

  • 1.xdebug调试工具安装及配置
    • (1)Xdebug工具安装
    • (2)在laragon中安装和配置xdebug
    • (3)工程中测试xdebug的使用
  • 2.创建用户认证(登陆功能)
    • (1)快速建立注册登录功能(此过程图略)
    • (2)数据库配置
    • (3)效果演示
  • 3.帖子和分类管理
    • (1)创建模型和数据库迁徙文件
    • (2)创建分类资源
  • 4.控制层
    • (1)控制器,路径:App\
    • (2)控制器,路径:App\Http\Controllers
    • (3)控制器,路径:App\Requests\Category
    • (4)路由,路径:routes\web.php
  • 6.视图层
    • (1)主界面
    • (2)分类主界面
    • (3)分类创建界面
    • (4)文章主界面
    • (5)文章创建界面
  • 7.最终效果
    • (1)登录提示界面
    • (2)分类主界面
    • (3)分类创建界面
    • (4)分类更新功能
    • (5)分类删除功能
    • (6)文章主界面
    • (7)文章创建界面
    • (8)文章更新功能
    • (9)文章删除功能

1.xdebug调试工具安装及配置

(1)Xdebug工具安装

①Chrome下载chrome插件安装,在搜索框粘贴链接,安装即可(需要VPN)
laravel之cms项目二

(2)在laragon中安装和配置xdebug

①启动laragon服务,在浏览器访问http://localhost/?q=info
laravel之cms项目二
②将此页面内容全部拷贝下来,贴到https://xdebug.org/wizard的方框中
laravel之cms项目二
③点击按钮后,根据安装步骤继续操作即可。
laravel之cms项目二

④在laragon中查看扩展是否安装成功。(如图,有蓝色框选项即安装成功)

laravel之cms项目二
⑤修改配置文件php.ini,将红框内容添加到末尾。
laravel之cms项目二
⑥修改并保存,重启laragon服务。

(3)工程中测试xdebug的使用

①标记断点,打开监听。
laravel之cms项目二
②在浏览器中访问首页http://cms.test/ 进行调试,调试界面如图。
laravel之cms项目二

2.创建用户认证(登陆功能)

(1)快速建立注册登录功能(此过程图略)

①导入依赖包:composer require laravel/ui

②安装部署认证组件:php artisan ui vue –auth

③安装部署npm组件:npm install && npm run dev

④命令执行后,自动创建相关视图及相关控制器
laravel之cms项目二
laravel之cms项目二

(2)数据库配置

①在.env中配置数据库数据

②修改配置项到终端执行数据库迁移
laravel之cms项目二

(3)效果演示

①在chrome浏览器中点击登陆、注册(添加auth组件后会显现点击LOGIN、REGISTER)
laravel之cms项目二
laravel之cms项目二
②尝试注册
laravel之cms项目二

3.帖子和分类管理

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

① Post是CMS中后台发布文章帖子。

② Category是文章的分类。
laravel之cms项目二

③两张表结构
laravel之cms项目二
laravel之cms项目二

④ 迁移文件:php artisan migrate
laravel之cms项目二

(2)创建分类资源

① 创建控制器
laravel之cms项目二

php artisan make:controller CategoriesController –resource
(resource选项让创建控制器和相关方法一步到位)

laravel之cms项目二

其他控制器,路由见下文

4.控制层

(1)控制器,路径:App

①Category.php

<?php  namespace App;  use IlluminateDatabaseEloquentModel;  class Category extends Model {     protected $fillable = [ //保护主键         'name'     ]; }  

②Post.php

<?php  namespace App;  use IlluminateDatabaseEloquentModel;  class Post extends Model {         public function category(){             //belongsTo,第一个参数:外键表,第二个:当前表的外键,第三个:外渐表的主键。可以让文章表引入分类表参数             return $this->belongsTo('AppCategory','category_id','id');         }          protected $fillable = [         'title','description','content','category_id','published_at'     ]; }  

(2)控制器,路径:AppHttpControllers

①CategoriesController.php

laravel之cms项目二
laravel之cms项目二

②PostsController.php

laravel之cms项目二
其他内容类似于CategoriesController.php

(3)控制器,路径:AppRequestsCategory

① StoreCategory.php

laravel之cms项目二

② UpdateCategory.php

laravel之cms项目二
此内容用于简化CategoriesController.php中创建、更新的代码,使其看起来更简洁清晰

(4)路由,路径:routesweb.php

6.视图层

(1)主界面

路径:resourcesviewlayoutsapp.blade.php

laravel之cms项目二

(2)分类主界面

路径:resourcesviewcategoriesindex.blade.php

laravel之cms项目二
laravel之cms项目二

(3)分类创建界面

路径:resourcesviewcategoriescreate.blade.php

laravel之cms项目二

(4)文章主界面

路径:resourcesviewpostsindex.blade.php

laravel之cms项目二
其他内容同分类主界面

(5)文章创建界面

路径:resourcesviewpostscreate.blade.php

laravel之cms项目二
laravel之cms项目二

7.最终效果

(1)登录提示界面

laravel之cms项目二

(2)分类主界面

laravel之cms项目二

(3)分类创建界面

laravel之cms项目二

(4)分类更新功能

laravel之cms项目二

(5)分类删除功能

laravel之cms项目二
laravel之cms项目二

(6)文章主界面

laravel之cms项目二

(7)文章创建界面

laravel之cms项目二

(8)文章更新功能

laravel之cms项目二

(9)文章删除功能

laravel之cms项目二

laravel之cms项目二

以上便是本人初学laravel第二个小项目cms,还有一些bug、功能需要不断解决完善,欢迎指正讨论。谢谢阅读!

本文转自互联网,侵权联系删除laravel之cms项目二

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » laravel之cms项目二
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们