以展示性别单选为例,展示如何通过模型处理固定选项

10217次阅读 377人点赞 作者: WuBin 发布时间: 2021-07-29 16:40:32
扫码到手机查看

案例

比如在视图模板中,有如下单选框:

<label class="radio-inline">
    <input type="radio" name="Student[sex]" value="10">
    未知
</label>
<label class="radio-inline">
    <input type="radio" name="Student[sex]" value="20">
    男
</label>
<label class="radio-inline">
    <input type="radio" name="Student[sex]" value="30">
    女
</label>

可见他们的值都是有规律的,且值均为一个整数值。那么我们需要一个方法,将这些值定义成常量,然后输出。

在模型中定义常量

我们回到app/Student.php这个模型中,并在其中定义:

namespace App;
use Illuminate\Database\Eloquent\Model;
class Student extends Model{
    // 通过模型处理性别
    const SEX_UN = 10; // 性别未知
    const SEX_BOY = 20; // 男
    const SEX_GRIL =30; // 女

    // 定义一个方法,返回所有性别, 如果传入的键,那么就去数组中获取对应的值
    public function sex($ind = null)
    {
        $arr = [
            self::SEX_UN => '未知',
            self::SEX_BOY => '男',
            self::SEX_GRIL => '女'
        ];
        // 当传入的key不是Null
        if ($ind !== null) {
            // 检测key是否存在,不存在返回未知
            return array_key_exists($ind, $arr) ? $arr[$ind] : $arr[self::SEX_UN];
        }
        return $arr;
    }
}
array_key_exists(要搜索的键, 要查询的数组),搜索一个键是否在要查找的数组中。

在控制器中实例化模型,并传入视图中

class StudentController extends Controller
{
    public function create(Request $request)
    {
        // 先实例化上面的Student.php模型
        $student = new Student();

        // 将实例化的模型传入视图,在视图中就可以调用模型的方法
        return view('student.create', [
            'student' => $student
        ]);
    }
}

当然也不要忘记在路由中绑定视图:

Route::any('student/create', [
    'uses' => 'StudentController@create'
]);

在视图中渲染

使用模型方法获取单条数据

注意,在控制器中,我们可能使用了分页的功能:

$students = Student::paginate(20);
return view('student.index', [
    'students' => $students
]);

将分页获取的数据传入了视图模板,那么此时,传入的$students就已经是实例化Student.php模型了,所以我们可以在视图中直接使用:

@foreach($students as $student)
<tr>
    <th scope="row">{{ $student->id }}</th>
    <td>{{ $student->name }}</td>
    <td>
        {{--模型的方法,可以通过模型对象调用,在模型对象中添加sex方法,传入性别值--}}
        {{ $student->sex($student->sex) }}
    </td>
</tr>
@endforeach

接下来我们分析下,$student->id,$student->sex就是取每一行的id列,sex列。如图:

我个人将这里理解成,每一行中除了有这些属性外,还有一个sex()方法,而sex()方法可以通过传入每一行sex列的值去获得对应的中文值。

所以最终的渲染结果:

根据《二》中定义的值,渲染出了未知。

使用模型方法获取全部数据

根据《二》中定义的sex方法,当不传递下标的时候,会返回全部的数组(在《三》种已经将实例化的模型传入了视图):

 {{--在student控制器中将模型传入视图 执行模型的方法--}}
@foreach($student->sex() as $ind => $val)
    <label class="radio-inline">
        <input type="radio" name="Student[sex]" value="{{ $ind }}">
        {{ $val }}
    </label>
@endforeach

这里的键就是数据表中代表男女的整数值。最终结果:

点赞 支持一下 觉得不错?客官您就稍微鼓励一下吧!
关键词:模型返回
推荐阅读
  • uniapp实现被浏览器唤起的功能

    当用户打开h5链接时候,点击打开app若用户在已经安装过app的情况下直接打开app,若未安装过跳到应用市场下载安装这个功能在实现上主要分为两种场景,从普通浏览器唤醒以及从微信唤醒。

    9094次阅读 588人点赞 发布时间: 2022-12-14 16:34:53 立即查看
  • Vue

    盘点Vue2和Vue3的10种组件通信方式

    Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。

    3843次阅读 286人点赞 发布时间: 2022-08-19 09:40:16 立即查看
  • JS

    几个高级前端常用的API

    推荐4个前端开发中常用的高端API,分别是MutationObserver、IntersectionObserver、getComputedstyle、getBoundingClientRect、requ...

    14071次阅读 914人点赞 发布时间: 2021-11-11 09:39:54 立即查看
  • PHP

    【正则】一些常用的正则表达式总结

    在日常开发中,正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。了解一些常用的正则表达式,能大大提高你的工作效率。

    12908次阅读 442人点赞 发布时间: 2021-10-09 15:58:58 立即查看
  • 【中文】免费可商用字体下载与考证

    65款免费、可商用、无任何限制中文字体打包下载,这些字体都是经过长期验证,经得住市场考验的,让您规避被无良厂商起诉的风险。

    11469次阅读 920人点赞 发布时间: 2021-07-05 15:28:45 立即查看
  • Vue

    Vue3开发一个v-loading的自定义指令

    在vue3中实现一个自定义的指令,有助于我们简化开发,简化复用,通过一个指令的调用即可实现一些可高度复用的交互。

    15588次阅读 1244人点赞 发布时间: 2021-07-02 15:58:35 立即查看
  • JS

    关于手机上滚动穿透问题的解决

    当页面出现浮层的时候,滑动浮层的内容,正常情况下预期应该是浮层下边的内容不会滚动;然而事实并非如此。在PC上使用css即可解决,但是在手机端,情况就变的比较复杂,就需要禁止触摸事件才可以。

    14795次阅读 1205人点赞 发布时间: 2021-05-31 09:25:50 立即查看
  • Vue

    Vue+html2canvas截图空白的问题

    在使用vue做信网单页专题时,有海报生成的功能,这里推荐2个插件:一个是html2canvas,构造好DOM然后转canvas进行截图;另外使用vue-canvas-poster(这个截止到2021年3月...

    28950次阅读 2273人点赞 发布时间: 2021-03-02 09:04:51 立即查看
  • Vue

    vue-router4过度动画无效解决方案

    在初次使用vue3+vue-router4时候,先后遇到了过度动画transition进入和退出分别无效的情况,搜遍百度没没找到合适解决方法,包括vue-route4有一些API都进行了变化,以前的一些操...

    24982次阅读 1925人点赞 发布时间: 2021-02-23 13:37:20 立即查看
交流 收藏 目录