微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

小陈教你利用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.实现处理完成的方法

在这里插入图片描述

五.效果图实现

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐