利用laravel框架实现一个具体的应用(Todos App)

Laravel的准备与Laravel框架简介与环境搭建

Laravel下载地址

Laravel框架简介

What:The PHP Framework for Web Artisans
全球最流行的PHP框架
极具表现力且设计优雅
能够快速搭建WEB系统,极大提高生产效率
文档齐全、社区活跃
官网
中文社区
国际社区

laravel开发环境安装

集成开发环境:PHPSTORM
快速搭建laravel运行/开发环境:laragon
laragon:Laragon是一个可移植,隔离,快速且功能强大的通用开发环境,适用于PHP,Node.js,Python,Java,Go,Ruby。它快速,轻巧,易于使用和易于扩展。

快速创建Laravel App

点击小象旁边的“菜单”
利用laravel框架实现一个具体的应用(Todos App)
填入应用名称开始创建
利用laravel框架实现一个具体的应用(Todos App)利用laravel框架实现一个具体的应用(Todos App)如果创建太慢,建议改变composer镜像地址:
在命令行创建工程时,Ctrl+C中断创建,键入如下指令后再重新创建
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

运行laravel

重新加载Apache
通过下图方式或直接通过http://myfirstlaravelapp.test/地址访问
利用laravel框架实现一个具体的应用(Todos App)利用laravel框架实现一个具体的应用(Todos App)
!!!如果没用显示可重启Laravel重新运行。

Laravel中的视图、控制器和模型

Laravel中的MVC

Laravel是一个符合MVC模式的框架
MVC即将应用拆分为模型、控制器和视图三个层次(Model、Controller and View)
三个层次各司其职,相互配合使功能模块的实现结构清晰,便于开发和维护
利用laravel框架实现一个具体的应用(Todos App)

Laravel的视图层

视图层的职责是展示界面和模型层数据
Laravel的视图层代码放在resources下
视图页面存放于resources/views
视图的样式放于resources/sass(css预处理器)
视图文件是.blade.php,即支持laravel blade模板语法的php文件
blade模板语法参看文档

单个Todo展示与blade布局

利用laravel框架实现一个具体的应用(Todos App)利用laravel框架实现一个具体的应用(Todos App)

创建Todo与数据验证

在resources/views目录下创建todos用于存放相关视图

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导航栏

视图及代码展示

利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)

添加路由

1、在routes/web.php中创建TODO添加路由
2、创建页路由(一定要出现在详情页之上)
3、编辑页路由
4、删除TODO的处理页路由
5、完成TODO的处理页路由

代码展示

利用laravel框架实现一个具体的应用(Todos App)

创建控制器

在app/Http/Controller中建立TodoController控制器,并在其中定义index方法返回todos视图

1、列表中的记录按创建时间倒序排列
2、show的获取方法和创建页的获取方法
3、编辑页的获取方法
4、实现创建页的提交方法
5、添加后端验证
6、实现处理编辑页提交的方法
7、实现处理删除的方法
8、实现处理完成的方法

代码展示

利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)

利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)

利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)

成果展示

利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)
利用laravel框架实现一个具体的应用(Todos App)