首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

在这个教程中,我们通过学习怎样从 Vue 组件中的 Laravel API 加载异步数据,来继续在 Laravel 中创建一个 Vue 单页应用(SPA)。...', 10)->make(); }); 我们的临时路由采用 模型工厂 来创建一个还没有保存到数据库的 Eloquent 模型集合。...完成路由组件 我们现在有一个 /users 组件和路由,让我们创建一个导航链接给 App 组件,指向 users 从而实现设置用户数据: 在 resources/assets/js/views/App.vue...,我们添加了一个新的路由从无状态的 Laravel API 中来获取一些假的用户。...我们也会转换 API 为从已经初始化的数据库表获取数据,因此我们可以通过设置路由参数来导航到一个具体的用户。 现在,来看看通过 Laravel 创建一个 Vue 单页面应用的 第三部分 !

3.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    通过 Tinker 实现 Laravel 命令行交互式 Shell

    REPL 与 PsySH Laravel 自带了一个功能强大的 REPL —— Tinker,所谓 REPL,是 Read–Eval–Print-Loop 的缩写,这是一种交互式 Shell:获取用户输入并执行它们...,然后将结果打印出来返回给用户。...,包括数据库的增删改查。...比如模型和服务,你可以使用控制台来创建一个新的模型,将其保存到数据库,然后查询这条记录(如果之前没有运行过 php artisan migrate 命令创建 users 表,先运行 migrate 命令创建...): 当然,我们还可以通过工厂方法 factory() 批量创建用户,这在测试的时候很方便,比如说我们随机创建三个用户: 此外,Tinker 还是个手动触发队列任务、体验服务和事件的好地方,例如,下面我们从容器获取一个日志服务并新增一条日志

    1.9K30

    在 Laravel Eloquent 模型类zhon设置访问器和修改器

    修改器 有了访问器,相对的,就有修改器,修改器用于在字段值保存到数据库之前进行一定处理满足需求后再存到数据库。...我们先定义一个加密银行卡号的修改器(在此之前可以通过数据库迁移为 users 表新增一个 card_no 字段): public function setCardNoAttribute($value)...这样,就会将银行卡加密后保存到数据库了: ?...还是以 users 表为例,我们为其新增一个类型为 JSON 格式的字段 settings,用于保存用户设置信息(MySQL 5.7 以下版本设置字段类型为 TEXT 格式)。...然后在 users 表中设置 settings 类型转化格式为 array: protected $casts = [ 'settings' => 'array' ]; 接下来,我们来测试下保存操作

    1.4K30

    Laravel 数据库连接配置和读写分离

    今天开始讲如何在 Laravel 中操作数据库,Laravel 为我们提供了多种工具实现对数据库的增删改查,在我们使用 Laravel 提供的这些数据库工具之前,首先要连接到数据库。...MySQL: 'default' => env('DB_CONNECTION', 'mysql'), 当然,默认数据库连接、数据库名称以及数据库用户名和密码等敏感信息都保存到 .env 文件中了,然后通过...,配置信息如下(数据库名称、用户名、密码以自己的环境为准,不要照搬): DB_CONNECTION=mysql DB_HOST=mysql DB_PORT=3306 DB_DATABASE=laravel57...其它配置项 除了上面提到的数据库连接配置外,config/database.php 配置文件中还有一些其它配置项,你可以通过 migrations 配置项自定义数据库迁移表的名称,默认是 migrations...这一思想在 Laravel 配置中无处不在,很多服务都支持配置多个连接提供不同的驱动,比如 Session 支持文件、数据表等连接,缓存支持 Memcached、Redis 等连接,队列支持数据库、Beanstalkd

    5.5K20

    3分钟短文:为了你少跳坑,Laravel写好了用户授权

    引言 为了留存用户,我们会想尽办法获取用户的注册,并将其留在应用内。 laravel开发好了一部分用户注册和登陆的代码,如果图省事不要二次开发的, 拿来用就可以了。...users数据表 用户的数据和信息必然在数据库内,所以laravel自带了User模型,在 app/User.php 文件内, 内部代码声明了必要的部分: namespace App; use Illuminate...有了模型还没有数据库表,这个模型除了能处理逻辑,一点数据都拿不到。所以第一步我们要把数据库迁移完成。...在命令行执行迁移指令: php artisan migrate 执行成功后使用mysql客户端连接数据库,打印users表结构,如下图: 登陆注册 有了users表的数据支持,还有laravel内置的用户逻辑...写在最后 本文介绍了如何使用laravel自带的users表所关联的用户授权功能, 可以说是一个具有用户功能的应用程序的基石,我们后面的文章会着重深入介绍。

    57820

    3分钟短文:为了你少跳坑,Laravel写好了用户授权

    引言 为了留存用户,我们会想尽办法获取用户的注册,并将其留在应用内。 laravel开发好了一部分用户注册和登陆的代码,如果图省事不要二次开发的, 拿来用就可以了。...users数据表 用户的数据和信息必然在数据库内,所以laravel自带了User模型,在 app/User.php 文件内, 内部代码声明了必要的部分: namespace App; use Illuminate...有了模型还没有数据库表,这个模型除了能处理逻辑,一点数据都拿不到。所以第一步我们要把数据库迁移完成。...在命令行执行迁移指令: php artisan migrate 执行成功后使用mysql客户端连接数据库,打印users表结构,如下图: 登陆注册 有了users表的数据支持,还有laravel内置的用户逻辑...写在最后 本文介绍了如何使用laravel自带的users表所关联的用户授权功能, 可以说是一个具有用户功能的应用程序的基石,我们后面的文章会着重深入介绍。

    91800

    3分钟短文:说说Laravel通用缓存Cache的使用技巧

    引言 前一期我们介绍了存储用户会话数据到服务器,并通过框架提供的Session类 进行数据读写操作的方法。...但是有些数据,如数据库集合,API接口等等,对于全局的用户来说是无差别的, 这时候我们需要全局缓存以便提供给所有的用户使用。 本期就来说说Cache缓存。...代码时间 laravel在设计上做了很巧妙的构思,将缓存相关的类,设计得有插接件的感觉。...('users'); }); laravel也为我们提供了极为便捷的助手函数 cache() 直接操作缓存。...这个逻辑用的很多,laravel提供了一个remember语法糖,让你解决这个操作步骤: $users = cache()->remember('users', 120, function () {

    2.1K00

    laravel 学习之路 数据库操作 Migrations

    那laravel怎样来帮助我们的呢? 这就要说 laravel 内置了表迁移的功能,迁移就像是数据库的版本控制器,让你的团队更容易修改和共享程序的数据库结构。...Laravel 的 Schema 门面 提供数据库无关的支持,用于在所有 Laravel 支持的数据库系统中创建和操作表 创建迁移 使用 make:migration Artisan命令来创建迁移 php...$table->softDeletes(); 这个方法就是为表增加一个 deleted_at ,laravel 会在删除数据的时候记录操作日期,具体到功能比如 回收站 的功能了,我们可能会删除某些数据,...除了 laravel 自带的 users 表和 password_resets 表,除了我们创建的 test 表,我们还发现了个 migrations 表,我们看下这个表的内容 ?...修改字段 创建表的方式我们已经学会了,除了创建表,我们还经常需要改变表结构,默认的 users 并没有 deleted_at 字段,我们如果想为 用户 也增加一个类似回收站的字段怎么办呢?

    2.3K20

    两个非常棒的 Laravel 权限管理包推荐

    的包 $user->allow('ban-users'); // Bouncer 的包 本质上,这两个包提供了类似的功能,只是语法和数据库结构略有不同。...这两个包都已经假设你已经有一个默认的 Laravel 用户数据库表,但没有任何角色和权限的结构。 它们会添加自己的表和字段。 这两个包都在 README 上有非常清晰的文档来描述各自的用法。...所以没有直接外键关联到 users 表,也没有其他表有 user_id 字段。...然后,permissions 是附加到 entity 的一组功能; Entity (在所有表中)是分配权限的对象。它可能是角色或用户。...因此,与 user_id 或者 users 表没有直接关联,这跟 Spatie 的包一样; 还有一些不同于前者的字段:abilities.title,abilities.only_owned 和 roles.level

    4.2K30

    PHP-web框架Laravel-MVC架构

    Model在Laravel中,模型是处理与数据库交互的主要组件。它们代表着应用程序的数据层,并且负责从数据库中检索数据、对数据进行操作并将数据存储回数据库中。...下面是一个简单的模型示例,该模型表示一个名为“User”的数据库表:namespace App;use Illuminate\Database\Eloquent\Model;class User extends...Model { // 模型和表之间的关联 protected $table = 'users'; // 允许批量赋值 protected $fillable = ['name'...在表格中,我们使用@foreach指令来迭代$users数组中的每个用户,然后使用Blade的双括号语法来输出每个用户的名称和电子邮件地址。...我们定义了一个名为“index”的动作,它将使用User模型从数据库中检索所有用户,并将它们传递给名为“users.index”的视图。我们可以在视图中使用Blade模板引擎来呈现这些数据。

    1.9K41

    【Laravel系列7.4】安全相关

    默认情况下,我们安装 Laravel 框架后,会自带一个默认的 User Model ,这个 Model 就是这个默认用户表的模型类。...(网页形式也是同理的) 自已实现的注册、登录 要自己实现登录注册其实非常简单,如果只是网页的登录,同样我们还是使用 Laravel 自带的那个 users 数据表,然后自定义几个路由和控制器。...,方法内部会查询用户并进行比对,它默认走的是 User 这个 Model ,调用的数据表就是 users 表。...api_token 并保存到数据中就可以了。...毕竟对于大多数项目来说,用户表的情况可能并不和框架所提供的完全一样,可能很多字段也不相同。不过原始的认证模块还是非常好用的,大家可以多多尝试。

    3.6K40

    3分钟短文 | Laravel如何改造复杂的多表联合查询,这很高效!

    引言 今天我们来说一下laravel框架里最常用的数据库模型操作,特别是功能复杂的应用程序, 往往会拆分出许多的业务表,关联表,在时间和空间上进行权衡。 ?...那么今天的问题是,如何关联3张表进行操作? 学习时间 假设现在有3张表,分别是 articles 文章表,category 分类表,还要一个是 users 用户表。...接着是 分类表 category 的字段: id category_name 最后是发布者 users 表字段: id user_name user_type 好了准备工作做完了。...users.username', 'category.name') ->get(); 但是这样写组装的SQL语句太复杂了。...而且一点也不laravel。所以我们尝试着使用laravel eloquent orm 方式实现。 首先是创建表对应的模型 User.php, <?

    1.2K30

    史上最LOW的在线DDL解决方案

    其中 pt-online-schema-change 是以触发器为基础来构建的:数据通过可控的增量方式拷贝到临时表中,操作过程中原始表里新的数据修改通过触发器同步到临时表中,最终用临时表替换原始表。...其实它的原理非常简单,说白了就是利用 MySQL 的 JSON 和虚拟列来实现:通过把数据都存到一个特定的 JSON 字段里去,从而让 MySQL 变身为 MongoDB 那样的 schemaless...假设我有一个 users 表,它开始只有两个字段,一个是主键,另一个用来保存 JSON 数据;然后保存了很多数据;接着通过虚拟列我们把 JSON 中的数据(name,address)以独立字段的方式展示出来...,进而保证了添加删除虚拟列的时候无需重建表,只有在虚拟列上构建索引的时候才会物化虚拟列的数据,不过你不需要手动维护虚拟列索引上的值,并且在虚拟列上创建索引的过程中,并不会锁住表。...不过这个实现就是另外一个话题了,本文不再展开讨论,有兴趣的读者自己琢磨吧。 更新:我在 Laravel 中实现了相应的功能,有兴趣的可以参阅。

    1.2K30

    Laravel 使用Excel导出的文件中,指定列数据格式为日期,方便后期的数据筛选操作

    背景 最近,后台运维要求导出的 Excel文件,对于时间的筛选,能满足年份、月份的选择 通过了解,发现: 先前导出的文件,默认列数据都是字符串(文本)格式 同时,因为用的是 Laravel-excel...控件版本的问题,要实现的方式也不同 在此,根据版本不同,进行步骤整理,以便能帮助到有需要的小伙伴 … 所要达成的目标 框架 Laravel 版本: Laravel5.8 Excel...- Column formatting 参考文章:laravel-excel导出的时候写入的日期格式数据怎么在excel中正确显示成可以筛选的日期格式数据 提示 1..../** * @notes:获取导出的数据 * @return array 注意返回的数据为 Collection 集合形式 * @author: zhanghj...导出的时候写入的日期格式数据怎么在excel中正确显示成可以筛选的日期格式数据 Laravel Excel 3.1 导出表格详解(自定义sheet,合并单元格,设置样式,格式化列数据)

    12510

    Laravel源码解析之用户认证系统(一)

    Guard 看守器,定义了该如何认证每个请求中用户 User Provider 用户提供器,定义了如何从持久化的存储数据中检索用户 在本文中我们会详细介绍这些核心部件,然后在文章的最后更新每个部件的作用细节到上面给出的这个表中...开始使用Auth系统 只需在新的 Laravel 应用上运行 php artisan make:auth 和 php artisan migrate 命令就能够在项目里生成Auth系统需要的路由和视图以及数据表...,它定义了如何从数据库或者应用使用的持久化用户数据的存储中取出用户信息 | | Laravel支持通过不同的Guard来认证用户,这里可以定义Guard的用户数据提供者的细节:...提供器中定义了该如何从持久化的存储数据中检索用户。Laravel 自带支持使用 Eloquent 和数据库查询构造器来检索用户。当然,你可以根据需要自定义其他提供器。...总结 本节我们主要介绍Laravel Auth系统的基础,包括Auth系统的核心组件看守器和提供器,AuthManager通过调用配置文件里指定的看守器来完成用户认证,在认证过程需要的用户数据是看守器通过用户提供器获取到的

    3K30

    3分钟短文:素未谋面,Laravel数据库模型初阶入门

    引言 没有模型的框架是没有灵活的!每个框架都会针对数据库进行深度设计, 以便快捷地进行SQL的增删改查,把重复的劳动抽象出来,提高应用开发效率。 [图片] 本期就来讲讲laravel的模型初阶用法。...代码时间 模型是在代码中抽象一层,把数据库操作提取出来。laravel支持常用的数据库产品, 我们以MySQL为例。首先在配置文件内,配置参数对数据库连接。...在配置文件 config/database.php 内,默认的配置如下: [pic] 包括数据库连接名,数据库地址,端口,用户名和密码,数据库名等等信息,就完成了初始化配置。...其中内容视不同的laravel版本而有所不同,但是基础内容未变: [pic] 有了模型对应数据库表,现在我们还缺一个数据库表,在迁移文件内进行配置。...写在最后 本文讲解了laravel在连接数据库,创建数据库表迁移文件的内容。对于强大的Eloquent ORM 这只是一个开始。 Happy coding :-)

    97131

    Laravel Eloquent 模型关联关系(下)

    基于关联查询过滤模型实例 有结果过滤 有的时候,可能需要根据关联查询的结果来过滤查询结果,比如我们想要获取所有发布过文章的用户,可以这么做: $users = User::has('posts')->get...whereHas/orWhereHas 方法基于闭包函数定义查询条件,比如我们想要过滤发布文章标题中包含「Laravel学院」的所有用户: $users = User::whereHas('posts...: 如果你想进一步过滤出文章标题和评论都包含「Laravel学院」的用户,可以在上述闭包函数中通过查询构建器进一步指定: $users = User::whereHas('posts', function...比如我们想要那些没有发布过文章的用户,可以通过 doesntHave 方法实现: $users = User::doesntHave('posts')->get(); 获取的结果也是模型实例集合:...返回的数据格式如下: 此外,渴求式加载还支持嵌套查询,比如我们想要访问文章作者的扩展表信息,可以这么做: $post = Post::with('author.profile')->findOrFail

    19.6K30
    领券