首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    通过 Laravel 创建一个 Vue 单页面应用(一)

    在此教程中,我们将学习如何构建并运行一个以 Vue 路由为前端,laravel 为后端的 SPA 应用。...$route 来调用 VueRouter 构造器包含一个路由数组,在这个数组中定义路由的路径,名称(类似于 Laravel 的命名路由)和这个路径对应的页面组件。...我一般会把路由定义在一个单独的路由模块中,然后再引入主应用文件,但这里为了简便,我会直接在主应用文件(app.js)中定义这些路由。....*'); 我们为 SpaController 控制器定义了一个综合路由,这意味着任何 web 路由都将映射到我们的SPA。...但这个应用仍有很多功能需要我们在后续的教程中来实现: 在前端定义一个 404 路由 使用路由参数 子路由 在组件中向 Laravel 发起一个 API 请求 可能还有很多,但我不准备全部列在这里...

    4.3K20

    2018年laravel教程第1节搭建项目phpstorm添加laravel代码提示新建路由和控制器渲染页面定义公共模板文件公共头部和底部小结

    : 我的本地host配置为:http://local.laravel.com server { listen 80; server_name local.laravel.com...欢迎页 欢迎而对应的页面是:LaravelStudy/resources/views/welcome.blade.php phpstorm添加laravel代码提示 phpstorm默认对于laravel...代码提示 新建路由和控制器 laravel的路由配置文件是:LaravelStudy/routes/web.php 我们重新定义路由: Route::get('/', 'SiteController@index...自动为我们生成了控制器:LaravelStudy/app/Http/Controllers/SiteController.php 渲染页面 在LaravelStudy/app/Http/Controllers...,可以理解为给路由起了个别名,这个便于扩展,比如,现在登录业务对应的是SiteController@login,以后可能随着业务的改变,要改为UserControoler@login,如果是以硬编码的形式写路由

    2.1K20

    通过 Laravel 创建一个 Vue 单页面应用(四)

    我们在 第三部分 中放弃构建真实的用户端,而学习使用 Vue 路由获取组件数据的新方式。现在我们准备将注意力转移到为用户创建 CRUD(增删改查)的功能上 —— 本教程将聚焦在编辑已存在的用户。...在处理第一个表单时,我们有机会了解如何定义动态 Vue 路由。我们的路由的动态部分是与用户数据记录匹配的用户 ID。...定义 UsersEdit 组件 定义了 show 之后,我们接着定义 Vue 中的路由和相应的组件。新增相应的路由到 resources/js/app.js 中。...在 UsersEdit 组件中加载用户数据 现在我们有了一个可复用但很简陋的api客户端,当编辑页面生成之后我们使用它来获取用户数据。...既然我们有了编辑用户的动态路由,我们也将定义一个全局404页面。 如果您准备好了,请继续 第五部分。

    2K10

    在 Laravel 控制器中进行表单请求字段验证

    很多 Web 框架都对此功能专门提供了工具集,Laravel 也不例外,而且这个工具集异常丰富,基本上涵盖了目前主流的所有验证规则,即使是一些非常个性化的验证,也可以基于 Laravel 验证类的扩展功能来自定义验证规则...('form.submit'); 然后,修改 resources/views/request/form.blade.php 视图中的表单,新增两个字段,并将表单提交 URL 修改为上面定义的路由: 为空。...422),如果是正常的 POST 表单请求的话,会重定向到表单提交页,并包含所有用户输入和错误信息,以便重新渲染已填写表单并显示错误信息。...在表单页面显示错误信息 我们需要修改下 form.blade.php 中的表单代码,在 Blade 模板中可以通过 $errors 获取验证错误信息,通过 old() 辅助函数可以获取用户上次输入数据:

    5.8K10

    Laravel Telescope调试工具

    前言 之前介绍过 Laravel调试利器:Laravel Debugbar 但是我每张页面都要在底部显示有点碍眼。...而这次介绍的东西不在底部显示,而有个路由专门查看相关性能 /邮件/数据库执行情况等等等等。 他就是Telescope Larave Telescope 是 Laravel 框架的优雅调试助手。...如上图所示,监听了很多请求,并且在后面显示有时多久前发生的。 其他监听 ? 如图所示,可以监听: 命令行 ? 命令选项列出已运行的所有命令及其退出代码。...列出已运行的计划任务。在每个任务的详细信息页面上,查看他们的所有计划信息,例如他们的 cron 。 数据库查询 ? 列出了所有数据查询相关信息,就像 debug bar 一样。...虽然它简易且轻便,但并不意味着稳定健壮。小心火烛。 我们能否按照时间戳进行过滤?暂时还不能,但是这个是开源项目,帮帮我们 在系统引导阶段会产生什么影响?每次只会执行一个查询。

    2.7K00

    Web前端开发初级中级实操

    【说明】 该程序为一个问卷调查系统,使用 PHP 的 Laravel 框架编程,项目名称为 survey,核心文件包括路由文件 web.php、模板文件(问卷调查模板 paper.blade.php 和调查结果模板...接收问卷调查页面提交数据,并进行显示,结果页面效果如图 【问题 1】基于 Laravel 框架,在下列三个红线处补全代码。...在浏览器中输入网址,访问问卷调查页面,用户填写问卷后,点击“提交”按钮,通过POST方式提交问卷表单,在路由文件web.php中,路由配置如下: <?...@finish"); 项目发布在本机上,本机地址为localhost,根据web.php文件中定义的路由信息,当输入下列访问地址时,分析路由情况,根据A至F内容选择相应字母,填到红线处。...显示 paper.blade.php 模板。 B. 抛出异常,未定义该方法。 C. 将字符串 “SurveyController@finish” 返回并显示到页面。 D.

    7.3K20

    【Laravel系统3.3】控制器与表单验证

    之前在讲路由的时候也说过这个问题,但是在 Laravel 中,实现了路由和控制器的解耦,所以我们的控制器是可以随意定义并且命名的,直接通过路由来进行绑定。...,因为在这个控制器方法中我们什么都没有做,也没有任何的返回,所以页面上没有任何的显示。...但其实,Laravel 中还是为我们做了一些事情。比如返回 HTTP 的头信息,包括响应状态码、基础的头信息之类的内容。 另外,我们还可以定义一个单行为控制器,这是什么意思呢?...首先我们需要定义一个页面,这个页面用于提交表单,只需要简单的定义一个模板页就可以。...太智能太自动的东西有好处,但也有很多的限制,比如这个第三点,如果需要显示中文的错误信息的话,我们需要去下载或者自己配置一个 resource/lang 下的语言包,并且修改框架配置中的 lang 为对应的语言包

    8.7K20

    结合 Bootstrap + Vue 组件实现 Laravel 异步分页功能

    在日常开发中,对数据库查询结果进行分页也是一个非常常见的需求,我们可以基于之前介绍的查询方法和前端 HTML 视图实现分页功能,不过从 Laravel 5.3 开始,Laravel 框架就已经为我们提供了非常完整的分页解决方案...以文章首页列表为例,先准备好一个资源控制器 PostController 并定义好对应路由,而这些工作我们已经在控制器教程中已经做好。...,所以调用 paginate 方法进行分页,每页显示 6 篇文章,然后调用 onEachSide 方法指定页码过多时,只在当前页码左右各显示两个页码,做后我们还要通过 withPath 方法指定真正的分页请求路由...然后,我们在 routes/api.php 中定义一个指向该控制器方法的 API 路由: Route::get('/posts/fetch', 'PostController@fetch'); 这样,...Vue 组件数据: 如果调整为每页显示3篇文章,则可以测试下页码过多时的显示效果: 至此,我们的异步分页组件就编写完成了,你还可以将其复用到其他资源的异步分页功能中。

    7.4K20

    使用 Laravel 5.5+ 更好的来实现 404 响应

    Laravel 5.5.10 封装了两个有用的路由器方法,可以帮助我们为用户提供更好的 404 页面。...现在,当抛出 404 异常时,Laravel 会显示一个漂亮的 404.blade.php 视图文件,你可以自定义显示给用户 UI,但在该视图中,你无权访问 session,cookie,身份验证(auth...在 laravel 5.5.10 中,我们有一个新的 Route::fallback() 方法,用于定义当没有其他路由与请求匹配时 Laravel 回退的路由。...'; }); 所以,现在我们可以使用具有正常页面和页脚的应用布局,来替代简单的 404 视图,同时还能给用户显示一条友好的提示信息。... @stop 当 Laravel 渲染这个回退(fallback)路由时,会运行所有的中间件,因此当你在 web.php 路由文件中定义了回退路由时,所有处在 web 中间件组的中间件都会被执行

    2.2K20

    Laravel5.2之Demo1——URL生成和存储

    这里的url表示提交表单时的路由,方法为post。在这里使用laravelcollective/html这个组件,顺便了解下怎么在laravel中安装组件。 这里书中使用了laravel4....*自带的Form类,但laravel5.*已经移除了,可以通过composerComposer官网安装。...,然后在routes.php路由文件中写个路由: Route::get('/url', function(){ return view('urls.form');//urls为创建的文件夹 })...; 这里路由第二个参数为匿名函数,直接返回视图,当然可以建个控制器php artisan make:controller UrlController,在控制器里写个getUrl()方法返回视图,那路由就要这么写了...实际上,控制器也就是路由层route、视图层view与模型model层的黏合剂而已,一般写laravel代码流程也仅此而已:现在路由里写好路由,再建立好model(包括创建好migrations和model

    24.1K31

    Laravel 7 正式发布,一起来看看有哪些重要更新吧

    Laravel 7 版本于 2020 年 3 月 3 日正式发布,本次版本更新包含了很多新特性: 轻量级用户认证解决方案 —— Laravel Airlock 路由匹配速度底层优化 自定义 Eloquent...Laravel Airlock Laravel Airlock 为 SPA(单页面应用)、移动应用以及基于 Token 的简单 API 系统提供了轻量级的用户认证解决方案。...自定义 Eloquent 转化 Laravel 包含了多个内置的、有用的转化类型,不过,有的时候,你还是需要自定义自己的转化类型,在 Laravel 7 中,这可以通过定义一个实现 CastsAttributes...Blade 组件标签&优化 Blade 组件现在被重构为允许基于标签进行渲染、属性管理、定义组件class、内联视图组件等,关于这一块的具体细节,在 Laravel 文档中有详细介绍。...缓存路由速度优化 Laravel 7 提供了一个新的方法来匹配那些使用 route:cache 命令缓存的、已编译的缓存路由,在大型应用(例如,超过800个路由)中,在基准测试中,这些优化可以将每秒处理请求数提升两倍

    2.6K10

    Laravel 路由使用入门

    ; }); 这样,当我们访问应用首页 http://blog.test 时,就可以看到页面显示 Hello, World! 这一行字符串。...这就是一个最简单的 Laravel 路由定义,但是涵盖了一个 Web 框架的基本功能:处理请求,返回响应。...注:这里需要注意的是,我们并没有通过 echo 或 print 显示输出内容,而是通过 return 将其返回,Laravel 会通过内置的响应栈和中间件对返回内容进行处理。...Laravel 框架也为我们提供了相应的路由定义方法: Route::post('/', function () {}); Route::put('/', function () {}); Route...你可以在视图文件中这么使用: 此外,Laravel 还允许你为每个路由命名,这样一来,不必显式引用路径 URL 就可以对路由进行引用,这样做的好处是你可以为一些复杂的路由路径定义一个简单的路由名称从而简化对路由的引用

    2.6K50

    30分钟用Laravel实现一个博客

    编辑这两个迁移文件 create_blogs // 首先类定义中,有两个方法,up()可以理解为正向操作:创建表,而 down()可以理解为回滚操作:删除表。...第二阶段继续:Auth 好吧你可能很懵逼,但这就是Laravel的厉害之处,那个2014年就建好的migration迁移文件可不是个摆设。它就是通过操作users表来实现注册登陆等等的。...它给你创造了一组控制器,位于 /app/Http/Controllers/Auth 它在 /routes/web.php 中给你定义了2条路由 我们改良一下它自动为我们生成的东西 路由方面 (routes...总结 => 路由定义在浏览器中访问某控制器中某方法的地址,控制器完成一系列操作:如果需要操作数据库,需要调用模型,每一个模型对应一张表。...第四阶段 评论功能 新建一个评论资源控制器 php artisan make:controller CommentController --model=Commment 新增一条资源路由,但只支持发表

    7.4K00

    Laravel Ignition 功能全解析

    Symfony 的错误页面稍微好一些,它向您显示堆栈跟踪,但是没有多大帮助。 ? 下面的截图是 Whoops,这是 Laravel 5 中的标准。...Ignition 是一个 Laravel 特定的错误页面。因此,它可以像钩子一样,"挂载" 到框架中,用来显示未编译的视图路径和您的 Blade 视图。...您可以在 ignition配置文件中将其配置为您最喜欢的编辑器。 注意到右上角的那个小 “望远镜” 链接了吗?我们只会在您安装了 Laravel Telescope(第一方调试助手) 的情况下显示。...假设你有一个路由定义是这样的:: Route::get('/posts/{post}', function (Post $post) { // }); 当此路由发生异常,我们将在 Ignition...对于不需要任何绑定的 “简单” 路由参数也是如此。这是一个很好的方法,可以很容易地看到 Laravel 为这个特定的路由接收了什么信息。 在路由参数之后,我们还将向您显示在此请求中使用的中间件列表。

    3.1K40
    领券