如何在url地址中使用jquer变量_3分钟短文：使用Laravel为静态页面加点“料”

最新推荐文章于 2021-04-06 15:56:03 发布

weixin_39654848

最新推荐文章于 2021-04-06 15:56:03 发布

阅读量96

点赞数

文章标签：如何在url地址中使用jquer变量

上一期我们使用laravel提供的开箱即用的路由，控制器，以及模板功能，简单地实现了路由到控制器到模板的分发。不过那都是静态的网页，我们还没有通过接收用户输入，动态地返回不同的数据页。

本期我们为静态页面加点“料”。

动态数据需要接收用户输入，不同的输入值，经过程序处理，给出不同的相应页面，或者数据。所以第一步就是从构造动态化的路由开始。

假设我们构造的主路由在 events 下，想要查看编号42的那个事件，路由这样传入：

http://example.dev/events/42

我们处理用户输入数据，一般在控制器内完成，首先创建该控制器类，使用命令行脚手架：

php artisan make:controller EventsController

在生成的 EventsController 类内实现 show 方法：

public function show($id)
{
    dd($id);
}

该方法接收一个输入参数，并在函数体内调用 dd 方法进行打印并中断后续逻辑。只有控制器还不够，我们还没有告诉用户应该从哪个路由访问该方法，所以需要注册一条路由：

Route::get('events/{id}', 'EventsController@show');

这样就把相对应的路由地址，分发到对应的控制器方法了。其中，路由地址内的 {id}，指定了用户该位置输入的参数，赋值给 $id 这个变量。然后大家看到 show($id) 就是使用参数接收了用户的输入。

此时在浏览器内访问对应url地址，就顺利地可以看到 $id 的变量字符的输出。

当然了，路由内可以接收一个参数，也可以接收多个，这样更有利于我们通过逻辑判断，精准地给用户分发相对应的数据。

注册以下路由：

Route::get('events/category/{category}/{subcategory}','EventsController@category');

这里有两个位置参数，分别是 category 和 subcategory。如果用户访问了正确的url并传参，那么在程序的控制器内，就可以直接访问 $category 和 $subcategory 这俩变量。

只是为了展示，我们还是手动实现 EventsController 的 category 方法，简单地打印接收到的位置参数：

public function category($category, $subcategory)
{
    dd("Category: {$category} Subcategory: {$subcategory}");
}

如果在浏览器内访问类似 http://example.dev/events/category/php/laravel，那么在浏览器的内容栏里，就会输出下面的字符串：

Category: php Subcategory: laravel

这说明我们成功地接收了用户通过路由地址传入的参数。

有些数据可能有的情况下有，有的情况下没有，这就需要我们定义可选参数的路由地址。声明起来几乎和上一节没有区别，像下面这样：

Route::get('events/category/{category}/{subcategory?}','EventsController@category');

注意，我们只是在可选参数变量后面追加一个 ? 问号，就可以了。

然后在控制器内，因为该变量可能存在，可能不存在，所以需要给相应位置参数设计默认值。否则会抛出类方法参数的异常。

public function category($category, $subcategory = 'all')
{
    dd("Category: {$category} Subcategory: {$subcategory}");
}

测试方法与上一节相同，可多一个不传送 subcategory 的测试，默认会输出字符串 all。

只要你阅读过一些HTML语法结构，应该对 a 标签不陌生，比如下面这样的：

<a href="/events/42">Laravel Hacking and Coffee</a>

通常路由设计地都很复杂，非常不容易记忆，或者说也是动态变化的。要是能有一个路由的名称，用于标记某条路由地址，那就会方便很多。

laravel允许你手动指定某条路由的名称，也算是别名，比如这样：

Route::get('events/{id}', 'EventsController@show')->name('events.show');

那么上面的那条超链接，就可以在模板内这样写：

<a href="{{ route('events.show', ['id' => 42]) }}">Laravel Hacking and Coffee</a>

使用路由别名，然后传入位置参数，调用系统的 route() 助手函数，最终生成的效果一模一样，不过 route 函数还有追加协议域名等详细内容：

<a href="http://example.dev/events/42">Laravel Hacking and Coffee</a>

有了别名之后，书写更为随意，印象更为深刻，语义也更容易理解了。

本文通过实例演示了如何声明可以传参数的动态路由地址，以及路由到控制器的绑定关系，并简单打印了控制器内获取的路由数据。其中，路由别名在web开发中可以起到锦上添花的作用。

Happy coding :-)

我是@程序员小助手，持续分享编程知识，欢迎关注。

关注