Todo App——任务管理系统


浏览:713 次

这学期,我们将学习网络和哲学。随着学习的深入和教师课程任务的设置,按部就班地写一篇编程博客是非常必要的。因此,通过这次完成课程论文,我们也将开始录制自己的编程博客。

最终结果如下:

开发和使用软件:PHPATORM,larravel,chord浏览器。

步骤1快速创建LarravelApp,

打开larravel,启动后单击小象旁边的菜单=>快速创建=>larravel

填写App名称以开始创建

已成功创建

然后重新加载Apache,用php storm打开项目目录,项目访问地址为http://todos.测试/

步骤2学习后,我们了解到Laravel是一个符合MVC模式的框架。MVC将把App分为三个层次:模型、控制器和视图(模型、控制器、视图)。三个层次各司其职,相互配合,使功能模块的实现结构清晰,易于打开和维护。

我们首先编辑视图图层。代码在资源下。添加关于。刀身php,并更改welcome的内容。刀身php中。

在routes/web中在PHP中添加一条路由,使您能够通过Get请求在about路径下获取about页面。

控制器层负责操作视图和模型层,控制视图层和模型层之间的数据流,Larravel的控制器层代码放在app/Http/controller中。

打开终端输入命令:

控制器中定义的方法返回视图

在web上,在PHP中,将关于路由处理函数更改为控制器索引。

模型层表示访问数据的对象•Larave的模型层代码放在app/中。

使用Artisan命令创建模型:

在中设置数据库连接配置。环境:

使用迁移创建数据库迁移文件:

为todos表创建迁移文件:

在迁移文件中创建表字段:

执行数据库迁移:

使用Seeder和Factory填写测试数据,创建TodoFactory并生成伪数据:

创建TodoSeeder填充的数据并在其中引用工厂以生成10条伪数据:

在DatabaseSeeder中调用TodoSeeder:

执行种子操作并验证种群:

步骤3在MVC模式下实现TODOS列表:

创建视图。在资源/视图中创建待办事项以存储相关视图并创建索引。bladephp用于列表显示,视图中引入了引导模板。

创建控制器。在app/Http/Controllers中创建一个TodoController控制器,并在其中定义一个索引方法以返回到todos视图:

在routes/web.php中添加todos路由。

在控制器中获取数据并将其发送到视图:

第4步:单个Todo显示和刀片布局:

在web.php中添加单个资源访问路由

在TodoController中实现show方法:

添加show.blade。php在resources/views/todos中显示单个资源:

为TODO APP创建公共布局页面:

要在TODOS列表页中使用布局模板:

第5步

创建待办事项和数据验证:

在web.php中添加创建TODO的路由

在TodoController中添加创建页面获取方法:

在资源/视图/待办事项中创建页面:

在TodoController中实现处理创建页面提交的方法:

在导航栏中添加指向创建页面的链接

按创建时间的相反顺序排列列表页中的记录:

在TodoController存储中添加后端身份验证:

如果数据未通过验证,则创建页面上将显示一条错误消息:

步骤6删除和修改Todo和路由模型之间的绑定:

在web上,在PHP中添加用于编辑TODO的路由,并获取用于编辑页面的路由。控制器中的处理方法通常也称为编辑。

编辑TODO提交的处理页面路由。从以下两个或两个选项中选择一个:

在TodoController中添加编辑页面的访问方法:

在资源/视图/待办事项中实现编辑页面:

实现在TodoController中处理编辑页面提交的方法:

在详细信息页面的编辑页面中添加条目

在web.php中添加删除TODO的路由:

在TodoController中实现删除方法,并在Todo列表中添加删除按钮

第7步

路由模型绑定、闪存消息并完成整个App

使用路由模型绑定功能改进代码并添加用于编辑操作的闪存消息

完全实现整个TodoApp•在列表页面添加完成标记功能,包括闪光灯提示。

最终效果欢迎界面:

单击待办事项页面切换到任务管理页面,单击创建切换到创建页面。

任务管理页面允许您完成任务、删除任务、查看任务和其他功能。

删除后,系统将提示您删除成功