小陈教你利用laravel框架实现Todos APP

一.Laravel的环境搭建

第一步:具备集成开发环境PHPSTORM以及快速搭建laravel的的开发环境Laragon。

第二步:快速创建Laravel App
1.打开laragon开启所有之后点击菜单-快速创建-Laravel
在这里插入图片描述
2.填入应用名称开始创建
在这里插入图片描述
在这里插入图片描述
3.重新加载Apache,运行laravel
在这里插入图片描述
点击查看todos.test
在这里插入图片描述
在这里插入图片描述

二.在Laravel中创建视图

1.建立index.blade.php用于列表展示,并在视图中引入bootstrap板块
在这里插入图片描述
在这里插入图片描述
2、添加show.blade.php用于展示单个资源
在这里插入图片描述
3、blade模板布局:在resources/views下创建layouts目录,并在次目录下创建app.blade.php布局模板
在这里插入图片描述
在这里插入图片描述
4.在resources/views/todos下创建create.blade.php
在这里插入图片描述
在这里插入图片描述
5.在resources/views/todos下创建编辑页edit.blade.php
在这里插入图片描述
在这里插入图片描述
6.在app.blade.php中为列表和详情页添加统一的Bootstrap导航栏
在这里插入图片描述

三.添加路由

1、在routes/web.php中创建TODO添加路由
2、创建页路由
a.创建页获取路由(一定要出现在详情页之上)
b.创建TODO提交的处理页路由
3、编辑页路由
a.编辑页获取路由
b.编辑TODO的处理页路由
4、删除TODO的处理页路由
5、完成TODO的处理页路由
(以上步骤根据以下截图)在这里插入图片描述

四.建立控制器

在app/Http/Controller中建立TodoController控制器,并在其中定义index方法返回todos视图
1.列表中的记录按创建时间倒序排列
在这里插入图片描述
2.show的获取方法和创建页的获取方法
在这里插入图片描述
3.编辑页的获取方法
在这里插入图片描述
4.实现创建页的提交方法以及添加后端验证
在这里插入图片描述
5.实现处理编辑页提交的方法
在这里插入图片描述
6.实现处理删除的方法
在这里插入图片描述
7.实现处理完成的方法
在这里插入图片描述

五.效果图实现

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 6
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值