php 一课一得

https://blog.csdn.net/2301_76801565/article/details/139414700(1)在Index控制器中引入Category模型的命名空间。

(2)在 Index控制器中编写 navBar()方法,查询栏目记录,并在 index()方法中调用navBar()方法。

(3)在header.blade.php中输出栏目列表。

(4)通过浏览器访问首页栏目导航,查看页面效果。

(5)首页的栏目导航中,当导航下有二级栏目时,单击父导航会展开该导航下的二级导航。单击导航的链接,会跳转至栏目列表页面,由于栏目列表页的功能还未实现,单击导航时页面没有任何跳转。

(1)在Index控制器中导入Content模型的命名空间。

(2)在Index控制器中的index()方法中,查询状态为置顶的内容。

(3)在index.blade.php中输出轮播图。

(4)通过浏览器访问,观察轮播图是否已经正确显示。

(1)在Index 控制器中导入Adv模型的命名空间。

(2)修改app\Adv.php,设置关联模型。

(3)在Index控制器中的index()方法中查询首页广告位下的广告内容。

(4)在index.blade.php显示广告内容。

(5)通过浏览器访问,在后台添加名称为“imgbox”的广告位,为广告位添加内容,访问前台首页,观察广告内容是否已经正确显示。

(1)在Index控制器中的index()方法中,获取最新的4个栏目数据。

(2)修改app\Category.php,设置关联模型。

(3)在index.blade.php文件中实现显示栏目内容。

(4)通过浏览器访问,观察栏目内容是否已经正确显示。

前台用户管理模块包括用户登录、注册和退出功能。单击顶部导航右侧的“登录”按钮,弹出登录表单模态框,在登录表单中输入用户名和密码,单击“立刻登录”按钮,即可完成登录操作。如果不是注册用户,单击顶部导航右侧的“注册”按钮,弹出注册表单模态框,在注册表单中,输入用户名、邮箱、密码和确认密码信息,单击“立即注册”按钮,即可完成注册操作。本节实现前台用户的注册、登录和退出功能。

(1)在header.blade.php视图中添加注册表单。

(2)在页面的<script>标签中给“立即注册”按钮绑定事件。

(3)创建User控制器。

(4)在User控制器中添加register()方法,验证用户提交的注册信息。

(5)在routes\web.php文件中添加路由规则。

(6)通过浏览器访问,测试用户是否可以正确注册。

(1)在header.blade.php视图中添加登录表单。

(2)在页面的底部为“立即登录”按钮绑定事件。

(3)在User控制器中创建login()方法,接收登录表单信息。

(4)在User控制器中导入Session的命名空间。

(5)用户登录成功后会跳转到首页,在首页的顶部右侧区域中对“登录”按钮添加逻辑判断,如果用户已经登录,则显示登录用户的名称。

(6)在routes\web.php中添加路由规则。

(7)通过浏览器访问,使用新注册的用户名和密码进行登录,测试用户是否可以正常登录,登录成功后页面的显示是否正确。

(1)在header.blade.php中为“退出”按钮添加链接。

(2)在User控制器中创建logout()方法,实现退出登录功能。

(3)在routes\web.php中添加路由规则。

(4)通过浏览器访问,单击“退出”按钮后,观察是否可以退出系统。

在首页单击导航栏和内容列表的“查看更多”按钮都可以进入到列表页,内容列表页用于展示某一栏目下的所有内容,内容列表页需要实现分页和面包屑导航功能,列表页的功能完成后,需要在首页添加跳转到列表页的链接。本节将讲解如何实现上述功能。

(1)在Index控制器中添加lists()方法,用于获取内容列表。

(2)在routes\web.php中添加路由规则。

(3)在resources\views目录下创建lists.blade.php。

(4)在视图中添加内容列表。

(5)通过浏览器访问内容列表页。

当列表页中内容很多时,页面会变得比较长,不易于用户查看,下面讲解如何在列表页实现分页功能。

(1)修改Index控制器中的lists()方法。

(2)在视图中输出分页链接。

(3)通过浏览器访问内容列表页,观察分页效果。

面包屑导航的作用是提示用户当前访问的页面在网站中的位置,给用户提供各个层级的入口,方便用户快速访问。

手动编写代码实现面包屑导航非常烦琐,因此在Packagist网站中找到开源的面包屑导航库来使用。下面以laravel-breadcrumbs为例,演示如何实现面包屑导航的功能。

1. 安装

(1)使用Composer载入laravel-breadcrumbs库。

(2)在config\app.php文件中将这个服务提供者注册到Laravel中。

(3)在config\app.php文件中注册别名,以方便使用。

2. 配置导航

在内容列表页中,需要显示首页和内容所属栏目的面包屑导航,例如,“首页/生活”。其中,“生活”这个导航不是固定的,而是根据内容所属栏目动态获取的。下面来配置首页和所属栏目的导航。

(1)配置首页的导航链接,创建routes\breadcrumbs.php文件。

(2)在routes\web.php中添加home路由。

(3)配置栏目的导航链接,在breadcrumbs.php中导入Category模型的命名空间。

(4)通过栏目id获取所属栏目。

(5)在routes\web.php中添加category路由。

3. 输出导航链接

(1)导航链接配置完成后,在lists.blade.php中输出面包屑导航。

(2)通过浏览器访问内容列表页,查看面包屑导航效果。

(1)在Index控制器中创建detail()方法,接收内容id,根据id获取内容信息。

(2)在resources\views目录下创建detail.blade.php。

(3)在视图中的内容区域输出内容的详细信息。

(4)在routes\web.php文件中添加内容详细页的路由规则。

(5)配置详细页面的面包屑导航,在breadcrumbs.php中导入Content模型的命名空间。

(6)配置详细页的导航链接,通过栏目id和内容id获取栏目和内容信息。

(7)在routes\web.php文件中添加detail路由。

(8)在详细页中输出面包屑导航。

(9)修改首页index.blade.php,给轮播图添加跳转到详细页的链接。

(10)为首页的内容图片添加链接。

(11)修改列表页lists.blade.php,在输出内容列表的foreach语句中找到类名为“main-card-pic”的div,为图片添加链接。

(12)为标题添加链接。

(13)为“阅读更多”按钮添加链接。

(14)通过浏览器访问首页,通过不同的入口进入内容详细页,查看详细页的数据显示是否正确。

1. 创建数据表

(1)创建点赞表对应的迁移文件后,在迁移文件的up()方法中添加表结构信息。

(2)为了在项目中操作点赞表,创建点赞表对应的模型文件。

2. 显示点赞数量

(1)在Index控制器的detail()方法中获取内容的点赞数量。

(2)在Index控制器中导入Like模型的命名空间。

(3)在detail.blade.php 中的点赞模块显示点赞数量。

(4)在浏览器访问详细页,在确保用户登录的状态下,查看点赞数量显示是否正确。由于目前还没有实现点赞功能,点赞的数量为空。

3. 实现点赞功能

(1)在detail.blade.php的底部添加<script>标签。

(2)在Index控制器中添加like()方法。

(3)在routes\web.php文件中添加路由规则。

(4)在浏览器访问详细页,测试是否可以对内容进行点赞。

1. 创建数据表

(1)创建评论表对应的迁移文件后,在迁移文件的up()方法中添加表结构信息。

(2)为了在项目中操作评论表,创建评论表对应的模型文件。

2. 实现发表评论功能

(1)在detail.blade.php文件中添加发表评论表单。

(2)在detail.blade.php文件的底部的<script>标签中为“评论”按钮绑定事件。

(3)在Index控制器中添加comment()方法,接收表单信息。

(4)在Index控制器中导入Comment模型的命名空间。

(5)在routes\web.php文件中添加路由规则。

(6)发表评论后,需要在页面显示用户的名称,因此,修改Comment模型,将Comment模型和User模型关联。

(7)通过浏览器访问详细页,在用户登录的状态下,测试是否可以发表评论。

3. 显示评论列表

(1)在Index控制器的detail()方法中获取评论列表。

(2)在detail.blade.php文件中显示评论列表。

(3)在浏览器访问详细页,查看评论列表显示是否正确。

4. 显示评论数量

(1)实现评论功能后,需要在内容列表页显示评论数量,在Content模型中添加关联模型。

(2)修改list.blade.php,找到类名为“fa fa-comments”的<i>标签,将该标签后的0改为评论数量。

(3)修改完成后,查看内容列表页显示的评论数量是否正确。

  • 22
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值