Code前端首页关于Code前端联系我们

Laravel 初学者教程:如何管理网页和跳转

terry 2年前 (2023-09-25) 阅读数 67 #后端开发

如何管理网页和跳转?

1。首先在vscode中打开控制台,创建一个视图控制器: php artisan make:controllerviewsController

名称可以自定义,我用viewsController来代表laravel小白入门教程:如何自定义网页并跳转

2。然后在views文件夹中新建一个base.blade.php文件

这个文件可以作为其他网页的基础层。负责在网站底部展示提交信息、网站顶部导航栏等。它类似于显示器框架(电视),必须插入电视中。如果您想填写任何内容,请使用下面的代码。

@yield('content')

@yield('content2','我是基础模板,内容2')laravel小白入门教程:如何自定义网页并跳转

例如将项目自带的welcome.blade.php修改为接下来,继承上面定义的视图框架,里面填充的是你想要显示的自定义内容

@extends('base.base')@section('content')

welcome

@endsection@section('content2')

welcome2

@endsection
laravel小白入门教程:如何自定义网页并跳转

在视图控制器中定义一个名为index的函数

//首页    public function index(){        return view('welcome');    }
laravel小白入门教程:如何自定义网页并跳转

当用户访问主页时,路由将通过视图控制器调用此index方法并返回欢迎页面进行显示。如果welcome.blade.php位于视图中的另一个文件夹中,则必须使用“点”指向welcome.blade.php(例如index.welcome.views/index/welcome.blade.php)

3浏览器中输入的链接会经过web.php路由文件,当浏览器访问localhost时(在线分发后应该是http://www.xxx.com,或者xxx.com),第一个参数请求与浏览器中输入的链接进行匹配,匹配成功后,通过viewsController控制器调用index方法。

->name('index') 用于点击网页上的链接跳转时使用(后面会讲到)

对应示例(浏览器中输入的链接,获取到的第一个参数):

localhost/ >>> '/'localhost/guanglu >>> '/gaunglu'

访问主页效果:laravel小白入门教程:如何自定义网页并跳转

4.要实现点击链接跳转,一个页面是不够的

我们将根据上述步骤创建另一个页面

1。在views文件夹中创建一个新的guanglu.blade。 phplaravel小白入门教程:如何自定义网页并跳转

2.视图控制器viewsController定义了guanglu()

//guanglu页面    public function guanglu(){        return view('guanglu');    }
laravel小白入门教程:如何自定义网页并跳转

3。在路由中添加一条规则:

Route:: get('/gaunglu', 'viewsController@guanglu')->name('guanglu' ; name。因为我之前写路由规则的时候,添加了 ->name ('gaunglu')

这样做的好处是:当路由规则改变时,只要名称不改变,前端仍然可以找到路由规则laravel小白入门教程:如何自定义网页并跳转

立即成功:laravel小白入门教程:如何自定义网页并跳转

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门