故事背景


一、项目预览

From: https://www.imooc.com/video/12521

表单操作


一、新增信息

既然是操作,自然会想到:控制器。

  • 控制器 

[1] 路由 ----> 函数 create( )

Route::group(['middleware' => ['web']], function () {

    Route::get('student/index',       ['uses' => 'StudentController@index']);
Route::any('student/create', ['uses' => 'StudentController@create']);
Route::any('student/save', ['uses' => 'StudentController@save']);
Route::any('student/update/{id}', ['uses' => 'StudentController@update']);
Route::any('student/detail/{id}', ['uses' => 'StudentController@detail']);
Route::any('student/delete/{id}', ['uses' => 'StudentController@delete']);
});

[app/Http/StudentController.php]

    // 添加页面
public function create(Request $request)
{
$student = new Student(); if ($request->isMethod('POST')) {

-----------------------------------------------------------------------
// 1. 控制器验证
// 2. Validator类验证
------------------------------------------------------------------------ $data = $request->input('Student'); if (Student::create($data) ) {
return redirect('student/index')->with('success', '添加成功!');
} else {
return redirect()->back();
}
} return view('student.create', [
'student' => $student
]);
}

[2] 函数 create( ) return --> 视图

  • 表单提交

以上只是打开create页面,这里才是submit。

   // 保存添加
public function save(Request $request)
{
$data = $request->input('Student'); $student = new Student();
$student->name = $data['name'];
$student->age = $data['age'];
$student->sex = $data['sex']; if ($student->save()) {
return redirect('student/index');  // 路由重定向
} else {
return redirect()->back();      // 返回上一个请求页面
} }

[1] Submit 表单内容提交的过程是怎样的?

Goto: [PHP] 03 - Form & Input

[2] 也可以默认将逻辑写在save中,也即是action中采用默认形式(设置为空字符串)

  • 提交结果

[1] 表单空内容提交,可采用“中间件”方法解决,便不会直接报系统错误。

[2] tokenMIsMatchException错误的解决方案:

<form class="form-horizontal" method="post" action="">

    {{ csrf_field() }}  该字段:生成了隐藏的input表单,自带token字段

    <div class="form-group">
<label for="name" class="col-sm-2 control-label">姓名</label> <div class="col-sm-5">
<input type="text" name="Student[name]"
value="{{ old('Student')['name'] ? old('Student')['name'] : $student->name }}"
class="form-control" id="name" placeholder="请输入学生姓名">
</div>
<div class="col-sm-5">
<p class="form-control-static text-danger">{{ $errors->first('Student.name') }}</p>
</div>
</div>
<div class="form-group">
<label for="age" class="col-sm-2 control-label">年龄</label> <div class="col-sm-5">
<input type="text" name="Student[age]"
value="{{ old('Student')['age'] ? old('Student')['age'] : $student->age }}"
class="form-control" id="age" placeholder="请输入学生年龄">
</div>
<div class="col-sm-5">
<p class="form-control-static text-danger">{{ $errors->first('Student.age') }}</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">性别</label> <div class="col-sm-5">
@foreach($student->sex() as $ind=>$val)
<label class="radio-inline">
<input type="radio" name="Student[sex]"
{{ isset($student->sex) && $student->sex == $ind ? 'checked' : '' }}
value="{{ $ind }}"> {{ $val }}
</label>
@endforeach
</div>
<div class="col-sm-5">
<p class="form-control-static text-danger">{{ $errors->first('Student.sex') }}</p>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">提交</button>
</div>
</div>
</form>

[3] 判断Session中的参数来控制UI片段的显示。

<!-- 成功提示框 -->
@if (Session::has('success'))
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<strong>成功!</strong> {{ Session::get('success') }}
</div>
@endif <!-- 失败提示框 -->
@if (Session::has('error'))
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<strong>失败!</strong> {{ Session::get('error') }}
</div>
@endif

二、数据验证

  • 出错提示视图

[1] 获取$error变量后,循环打印出。

@if (count($errors))

    <div class="alert alert-danger">
<ul>
<li>{{ $errors->first() }}</li>
</ul>
</div> <div class="alert alert-danger">
<ul>
@foreach($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div> @endif

[2] 视图效果如下。

[3] 那么,$error 从哪里来?

通过中间件将出错信息绑定到所有的视图中,视图中可直接获取。

  • 控制器验证法

Ref: https://www.imooc.com/video/12522

            // 1. 控制器验证
$this->validate($request, [
'Student.name' => 'required|min:2|max:20',
'Student.age' => 'required|integer',
'Student.sex' => 'required|integer',
], [
'required' => ':attribute 为必填项',
'min' => ':attribute 长度不符合要求',
'integer' => ':attribute 必须为整数',
], [
'Student.name' => '姓名',
'Student.age' => '年龄',
'Student.sex' => '性别',
]);

[1] $this:当前控制器;validate验证方法;

[2] 如下提示不够友好,需要替换下内容;

[3] 中间件的效果

如果没有验证通过,中间件ShareErrorsFromSession开始发挥作用:

(1) 框架会抛出一个异常;

(2) 异常被自动捕获,重定向到上一个页面;

(3) 错误信息被存在session中,且绑定到视图上;

所以,返回的“上一个页面"就可以直接在视图中获得出错信息 by $error变量。

    /**
* The application's route middleware groups.
*
* @var array
*/
protected $middlewareGroups = [
'web' => [
\App\Http\Middleware\EncryptCookies::class,
\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
\Illuminate\Session\Middleware\StartSession::class,\Illuminate\View\Middleware\ShareErrorsFromSession::class,
\App\Http\Middleware\VerifyCsrfToken::class,
], 'api' => [
'throttle:60,1',
],
];
  • Validator类验证法

\Validator全局的。

            // 2. Validator类验证
$validator = \Validator::make($request->input(), [
'Student.name' => 'required|min:2|max:20',
'Student.age' => 'required|integer',
'Student.sex' => 'required|integer',
], [
'required' => ':attribute 为必填项',
'min' => ':attribute 长度不符合要求',
'integer' => ':attribute 必须为整数',
], [
'Student.name' => '姓名',
'Student.age' => '年龄',
'Student.sex' => '性别',
]); if ($validator->fails()) {
return redirect()->back()->withErrors($validator)->withInput();
}
  • 数据保持

[1] 点击提交后,如果执行失败,注册的信息保留住,方便查看到底错在了哪里。

在返回上一个页面的同时并填充原始的信息($request)。

if ($validator->fails()) {
  return redirect()->back()->withErrors($validator)->withInput();
}

[2] 对应地,使用如下old方法来提取withInput()中保存的数据。

  <div class="form-group">
<label for="name" class="col-sm-2 control-label">姓名</label> <div class="col-sm-5">
<input type="text" name="Student[name]"
value="{{ old('Student')['name'] ? old('Student')['name'] : $student->name }}"
class="form-control" id="name" placeholder="请输入学生姓名">
</div>
<div class="col-sm-5">
<p class="form-control-static text-danger">{{ $errors->first('Student.name') }}</p>
</div>
</div>

三、通过模型处理性别

  • 模型中的性别属性

问题,导致数据库中存储数据的形式是数字。其实这也并非是"大问题”。

  

Self 与 This

在访问PHP类中的成员变量或方法时,如果被引用的变量或者方法被声明成const(定义常量)或者static(声明静态),那么就必须使用操作符::,

反之如果被引用的变量或者方法没有被声明成const或者static,那么就必须使用操作符->。

一句话,self是引用静态类的类名,而$this是引用非静态类的实例名。

  • Model中增加属性

性别属性其实是枚举类属性的一个典型例子,在此作为典型案例进行分析。

希望:只修改这里,相应的部分都能自动改变。

    public function sex($ind = null)
{
$arr = [
self::SEX_UN => '未知',
self::SEX_BOY => '男',
self::SEX_GRIL => '女',
]; if ($ind !== null) {
return array_key_exists($ind, $arr) ? $arr[$ind] : $arr[self::SEX_UN];
} return $arr;
}
  • ’学生列表‘View中获取属性

学生列表中做出调整。

<tbody>
  @foreach($students as $student)
  <tr>
    <th scope="row">{{ $student->id }}</th>
    <td>{{ $student->name }}</td>
    <td>{{ $student->age }}</td>
    <td>{{ $student->sex($student->sex) }}</td>  # 这里提取到的就是字符串了
    <td>{{ date('Y-m-d', $student->created_at) }}</td>
    <td>
      <a href="{{ url('student/detail', ['id' => $student->id]) }}">详情</a>
      <a href="{{ url('student/update', ['id' => $student->id]) }}">修改</a>
      <a href="{{ url('student/delete', ['id' => $student->id]) }}"
        onclick="if (confirm('确定要删除吗?') == false) return false;">删除</a>
    </td>
  </tr>
  @endforeach
</tbody>
  • '创建'View中获取属性

Create界面原始写法,就是一组 radio button。

取出student中的key和value:as $ind => $val

四、修改表单

Ref: https://www.imooc.com/video/12524

我们的思路是:尽量利用“添加表单”的逻辑和页面。

  • 添加链接
<tbody>
  @foreach($students as $student)
  <tr>
<th scope="row">{{ $student->id }}</th>
<td>{{ $student->name }}</td>
<td>{{ $student->age }}</td>
<td>{{ $student->sex($student->sex) }}</td>
<td>{{ date('Y-m-d', $student->created_at) }}</td>
<td>
<a href="{{ url('student/detail', ['id' => $student->id]) }}">详情</a>
<a href="{{ url('student/update', ['id' => $student->id]) }}">修改</a>
<a href="{{ url('student/delete', ['id' => $student->id]) }}"
onclick="if (confirm('确定要删除吗?') == false) return false;">删除</a>
</td>
  </tr>
  @endforeach
</tbody>
  • 修改页面

[1] 控制器 ----> “页面”,获得了模型的数据:$student

   public function update(Request $request, $id)
{
# 先获得表单
$student = Student::find($id); if ($request->isMethod('POST')) {  // 来自client的POST,携带了“edit”信息 $this->validate($request, [
'Student.name' => 'required|min:2|max:20',
'Student.age' => 'required|integer',
'Student.sex' => 'required|integer',
], [
'required' => ':attribute 为必填项',
'min' => ':attribute 长度不符合要求',
'integer' => ':attribute 必须为整数',
], [
'Student.name' => '姓名',
'Student.age' => '年龄',
'Student.sex' => '性别',
]);

# 这里获得了数据,有待”视图“去使用$student
$data = $request->input('Student');
$student->name = $data['name'];
$student->age = $data['age'];
$student->sex = $data['sex']; if ($student->save()) {
return redirect('student/index')->with('success', '修改成功-' . $id);
}
} return view('student.update', [
'student' => $student
]);
}

Ref:laravel的$request->input()和$request->get()有什么区别?

Ref:Laravel 5 $request->input vs Input::get

走的流程不同
input获取数据的流程是把post过来的数据与URL里的Query合并,然后用helper里的data_get方法去取数据

/* implement */

[2] “页面”部分

old代表"最新的数据“,如果是edit,也就没有”最新数据“这么一说,old里就为空。那么就从模型student中取数据。

value="{{ old('Student')['name'] ? old('Student')['name'] : $student->name }}"

以上代码依次在age,gender等其他属性处做相应的调整。

[gender]

<div class="col-sm-5">
  @foreach($student->sex() as $ind=>$val)
  <label class="radio-inline">
    <input type="radio" name="Student[sex]"
      {{ isset($student->sex) && $student->sex == $ind ? 'checked' : '' }}  // 遍历了各个枚举,然后选中额加个checked。
      value="{{ $ind }}"> {{ $val }}
  </label>
  @endforeach
</div>

五、详情查看

  • 控制器
public function detail($id)
{
  $student = Student::find($id);   return view('student.detail', [
    'student' => $student
  ]);
}
  • 控制器 ----> 视图
@extends('common.layouts')

@section('content')

    <div class="panel panel-default">
<div class="panel-heading">学生详情</div> <table class="table table-bordered table-striped table-hover ">
<tbody>
<tr>
<td width="50%">ID</td>
<td>{{ $student->id }}</td>
</tr>
<tr>
<td>姓名</td>
<td>{{ $student->name }}</td>
</tr>
<tr>
<td>年龄</td>
<td>{{ $student->age }}</td>
</tr>
<tr>
<td>性别</td>
<td>{{ $student->sex($student->sex) }}</td>
</tr>
<tr>
<td>添加日期</td>
<td>{{ date('Y-m-d', $student->created_at) }}</td>
</tr>
<tr>
<td>最后修改</td>
<td>{{ date('Y-m-d', $student->updated_at) }}</td>
</tr>
</tbody>
</table>
</div>
@stop

六、删除信息

  • 删除模型中的数据
    public function delete($id)
{ $student = Student::find($id); if ($student->delete()) {
return redirect('student/index')->with('success', '删除成功-' . $id);
} else {
return redirect('student/index')->with('error', '删除失败-' . $id);
}
}
  • 删除确认框

删除不需要专门的删除页面,利用onClick方法即可。

            <tbody>
@foreach($students as $student)
<tr>
<th scope="row">{{ $student->id }}</th>
<td>{{ $student->name }}</td>
<td>{{ $student->age }}</td>
<td>{{ $student->sex($student->sex) }}</td>
<td>{{ date('Y-m-d', $student->created_at) }}</td>
<td>
<a href="{{ url('student/detail', ['id' => $student->id]) }}">详情</a>
<a href="{{ url('student/update', ['id' => $student->id]) }}">修改</a>
<a href="{{ url('student/delete', ['id' => $student->id]) }}" onclick="if (confirm('确定要删除吗?') == false) return false;">删除</a>
</td>
</tr>
@endforeach
</tbody>

本项目剖析到此结束。

[Laravel] 07 - Project: functions in Controller的更多相关文章

  1. Project 03- STM32F4xx PID controller

    Project 03- STM32F4xx PID controller CMSIS files from ARM provides ARM Math functions. There are als ...

  2. Ubuntu开机时提示“piix4_smbus 0000:00:07.3: SMBus Host controller not enabled”

    问题描述:Ubuntu开机时提示“piix4_smbus 0000:00:07.3: SMBus Host controller not enabled” 版本:Ubuntu 18.04    VMw ...

  3. [Laravel] 06 - Project: from Usercase to View

    故事背景 一.项目预览 From: https://www.imooc.com/video/12518 二.知识点 通过项目复习之前的重难点,在此列出并解决. /* implement */ 项目开始 ...

  4. [Python] 07 - Statements --> Functions

    故事背景 一.阶级关系 1. Programs are composed of modules.2. Modules contain statements.3. Statements contain ...

  5. Eloquent JavaScript #07# Project: A Robot

    索引 Notes Excercise Measuring a robot Robot efficiency Persistent group 注释即笔记: const roads = [ " ...

  6. Laravel 5.* 中路由绑定 Controller 包含子目录写法

    https://blog.csdn.net/maxsky/article/details/54017981 [可以使用命令在项目根目录一键创建 php artisan make:controller ...

  7. [Laravel] 14 - REST API: Laravel from scratch

    前言 一.基础 Ref: Build a REST API with Laravel API resources Goto: [Node.js] 08 - Web Server and REST AP ...

  8. [Code::Blocks] Install wxWidgets & openCV

    The open source, cross platform, free C++ IDE. Code::Blocks is a free C++ IDE built to meet the most ...

  9. 本人SW知识体系导航 - Programming menu

    将感悟心得记于此,重启程序员模式. js, py, c++, java, php 融汇之全栈系列 [Full-stack] 快速上手开发 - React [Full-stack] 状态管理技巧 - R ...

随机推荐

  1. win2008R2管理员密码修改文档

    场景:忘记了win2008R2服务器的管理员密码.解决办法:1. 制作一个U盘启动盘:2. 系统通过U盘启动进入WINpe系统3. 在知道Win2008安装位置的情况下:查找C:\windows\sy ...

  2. Linux学习笔记14—文件的压缩与打包

    1..gz   gzip 压缩工具压缩的文件 .bz2   bzip2 压缩工具压缩的文件 .tar   tar 打包程序打包的文件(tar并没有压缩功能,只是把一个目录合并成一个文件) .tar.g ...

  3. Compile SQLite3 from individual files

    下载非Amalgamation SQLite3源码 安装tcl, apt-get instal tcl 解压 mkdir build cd build ../configure make #make ...

  4. VMware内CentOS7虚拟机硬盘扩容

    转自:https://blog.csdn.net/Wang_Xin_SH/article/details/77872885 简介 CentOS7虚拟机原硬盘空间只分配了10GB,需要扩容到20GB.  ...

  5. 内核同步机制-RCU同步机制

    转自:https://blog.csdn.net/nevil/article/details/7718375 转自http://www.360doc.com/content/09/0805/00/36 ...

  6. Fibratus:一款功能强大的Windows内核漏洞利用和跟踪工具

    今天给大家介绍的是一款名叫Fibratus的开源工具,广大研究人员可以使用这款功能强大的工具来进行Windows内核漏洞利用.挖掘与跟踪. Fibratus这款工具能够捕捉到绝大多数的Windows内 ...

  7. EasyUI使用技巧总结

    combobox组件 一.禁用combobox里面的输入框 $("选择器").combo('textbox').attr("readonly", "r ...

  8. SpringMVC+Thymeleaf +HTML的简单框架

    一.问题 项目中需要公众号开发,移动端使用的是H5,但是如果不用前端框架的话,只能考虑JS前端用ajax解析JSON字符串了.今天我们就简单的说下前端框架Thymeleaf如何解决这个问题的: 二.开 ...

  9. Gradle 中 buildConfigField的巧妙应用

    当用AndroidStudio来进行Android项目开发时,build.gradle就是这个工具的核心部分,所有的依赖,debug/release设置,混淆等都在这里进行配置. 下面就主要来记录下利 ...

  10. Charles for Mac(HTTP 监视器和网络抓包工具)破解版安装

    1.软件简介    Charles 是在 Mac.Linux 或 Windows 下常用的 http 协议网络包截取工具,在平常的测试与调式过程中,掌握此工具就基本可以不用其他抓包工具了.Charle ...