laravel之Todo项目一

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

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

图 1

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

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

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

③输入工程名称创建成功

(3)运行Laravel工程Todos

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

2.MVC框架对应文件

图4 MVC框架

(1)视图层

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

图5

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

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

图6

(2)控制层

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

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

(3)模型层

①模型层代表一个存取数据的对象,Laravel的模型层代码放在app/中
图8

②创建模型可利用artisan工具,执行命令:php artisan make:Model <模型类名>
图9

③.env设置数据库连接

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

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

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

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

(4)总结(项目原理)

M —— Todo Model 模型数据

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

C —— TodoController 控制器

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

3.blade布局展示

(1)app.blade.php

①视图层部分
图16
②页面展示
图17

(2)index.blade.php

①视图层部分
图18
②界面展示
图19
③路由部分
图20

(3)show.blade.Php

①视图层部分
图21

②界面展示
图22
③路由部分
图23

(4)edit.blade.Php

①视图层部分
图24
②界面展示
图25
③路由部分
图26

(5)create.blade.Php

①视图层部分
图27
②界面展示
图28
③路由部分
图29

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

(1)创建数据

①视图层部分
图30
②路由部分:store方法创建新表单项
图31

③控制器部分
图32

④效果展示
图33 提交成功后,表单数据也保留了
图34 app界面显示

(2)修改数据

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

(3)删除数据

①视图层部分
图39 在index页面添加
②路由部分
图40 调用destroy方法
③控制器部分
图41
④效果展示
图42

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

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

①代码部分(以编辑页面为例)
图43 input标签对应方法
图44 textarea标签中加入old值
②效果展示
图45 提交前和提交后相同

(2)自定义出错消息

①视图层部分
图46 edit界面为例
②控制器部分
图47
③效果展示
图48

6.自定义flash消息

①视图层部分
图 49 其他页面从app.blade直接继承
②控制器部分
图 50 其他页面同理
③效果展示
图51

7.完成、取消功能实现

(1)完成功能实现

①视图层部分
图52

②路由部分
图53
③控制器部分
图54
④效果展示
图55

(2)取消功能实现

同理“完成功能”

①效果展示
图 56 接上一个complete功能

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值