laravel之Todo项目

1.Laravel 环境搭建和工程创建

(1)快速创建->laravel工程

laravel之Todo项目

(2)输入指令->改变composer镜像地址

①Ctrl+c中断进程后输入指令

②指令:composer config -g repo.packagist composer
https://mirrors.aliyun.com/composer/

③输入工程名称创建成功

(3)运行Laravel工程Todos

①重载Apache设置里面取消SSL的勾选,再重启服务。
laravel之Todo项目
②如图点击运行工程
laravel之Todo项目

2.MVC框架对应文件

laravel之Todo项目

(1)视图层

①Laravel的视图层代码放在resources下,视图页面存放于resources/views

laravel之Todo项目

②其中layouts、todos是自创文件夹。

③在routes/web.php中添加路由,使通过Get请求等,在about路径下能获取到about页面

laravel之Todo项目

(2)控制层

①Laravel的控制器层代码放在app/Http/Controller中

laravel之Todo项目
②创建控制器可利用artisan工具,执行命令:php artisan make:Controller <控制器类名>。其中,本项目主要的功能多用到TodoController。

(3)模型层

①模型层代表一个存取数据的对象,Laravel的模型层代码放在app/中
laravel之Todo项目

②创建模型可利用artisan工具,执行命令:php artisan make:Model <模型类名>
laravel之Todo项目

③.env设置数据库连接

laravel之Todo项目
④migrate创建数据库迁移文件,迁徙文件位于database/migrations目录中。可以利用下列命令创建迁徙文件:php artisan make:migration <迁徙文件名称>
laravel之Todo项目

迁徙文件中创建表字段,然后migrate数据迁移,命令是:php artisan migrate:
laravel之Todo项目
⑤Seeder和Factory填充测试数据

创建Factory:php artisan make:factory <工厂名称> -m <模型名>

创建Seeder:php artisan make:seeder <seeder名称>
laravel之Todo项目
创建TodoSeeder填充数据并在其中引用factory生成10条伪数据
laravel之Todo项目
执行seed操作,并验证填充情况,命令:Php artisan db:seed
laravel之Todo项目

(4)总结(项目原理)

M —— Todo Model 模型数据

V —— todos/index.blade.php 视图

C —— TodoController 控制器

在C中取出M中的数据送到V中显示

3.blade布局展示

(1)app.blade.php

①视图层部分
laravel之Todo项目
②页面展示
laravel之Todo项目

(2)index.blade.php

①视图层部分
laravel之Todo项目
②界面展示
laravel之Todo项目
③路由部分
laravel之Todo项目

(3)show.blade.Php

①视图层部分
laravel之Todo项目

②界面展示
laravel之Todo项目
③路由部分
laravel之Todo项目

(4)edit.blade.Php

①视图层部分
laravel之Todo项目
②界面展示
laravel之Todo项目
③路由部分
laravel之Todo项目

(5)create.blade.Php

①视图层部分
laravel之Todo项目
②界面展示
laravel之Todo项目
③路由部分
laravel之Todo项目

4.创建、修改、删除数据

(1)创建数据

①视图层部分
laravel之Todo项目
②路由部分:store方法创建新表单项
laravel之Todo项目

③控制器部分
laravel之Todo项目

④效果展示
laravel之Todo项目
laravel之Todo项目

(2)修改数据

①视图层部分
laravel之Todo项目
②路由部分
patch、put方法将数据插入数据库(数据库指令是封装好的)
laravel之Todo项目
③控制器部分
laravel之Todo项目
④效果展示
laravel之Todo项目

(3)删除数据

①视图层部分
laravel之Todo项目
②路由部分
laravel之Todo项目
③控制器部分
laravel之Todo项目
④效果展示
laravel之Todo项目

5.旧输入保留、自定义出错消息

(1)旧输入保留(编辑、创建页面同理)

①代码部分(以编辑页面为例)
laravel之Todo项目
laravel之Todo项目
②效果展示
laravel之Todo项目

(2)自定义出错消息

①视图层部分
laravel之Todo项目
②控制器部分
laravel之Todo项目
③效果展示
laravel之Todo项目

6.自定义flash消息

①视图层部分
laravel之Todo项目
②控制器部分
laravel之Todo项目
③效果展示
laravel之Todo项目

7.完成、取消功能实现

(1)完成功能实现

①视图层部分
laravel之Todo项目

②路由部分
laravel之Todo项目
③控制器部分
laravel之Todo项目
④效果展示
laravel之Todo项目

(2)取消功能实现

同理“完成功能”

①效果展示
laravel之Todo项目

以上便为项目所有内容,感谢阅读。