组件实战


基于 Laravel Jetstream 提供的 Inertia + Vue 技术栈编写表单组件

Laravel 8 引入 Jetstream 作为前端 UI 库 在本月 8 号,Laravel 8.0 正式发布,随后 Vue ...

由 学院君 发布于2 months ago   

基于 Laravel Jetstream 提供的 Livewire + Blade 技术栈编写表单组件

Livewire 简介 上篇教程学院君给大家介绍了 Laravel 8 新引入的 Jetstream 扩展包,并且提到该扩展包开箱...

由 学院君 发布于2 months ago   

前奏篇(一):ES 2015 新特性一览

注:如无特别声明,接下来的教程默认都是基于最新版 Laravel 8 作为底层框架进行项目开发。 技术栈选择 前面学院君介绍...

由 学院君 发布于2 months ago   

前奏篇(二):Tailwind 与 Bootstrap 的区别和使用入门

我们知道,从 Laravel 8 开始,自带前端脚手架代码默认兼容 Tailwind CSS 框架,取代了之前的 Bootstrap...

由 学院君 发布于1 month ago   

在 Laravel 项目中基于 Vue + Bootstrap 快速开发表单组件

我们回到正题,在 Laravel 项目中基于纯 Vue.js 框架编写表单组件,不再依赖 Inertia 和 Livewire 技术...

由 学院君 发布于1 month ago   

通过 ES6 新语法对 Vue 表单组件进行面向对象重构

虽然学院君已经在上篇教程中演示了如何基于 Laravel + Vue 快速开发表单组件,但是 Vue 组件代码的实现并不优雅,对于单...

由 学院君 发布于1 month ago   

通过 props 和 Vue 原型实例在不同组件之间共享数据状态

在前面的表单组件中,包含了一个作者字段,通常该字段的值就是当前登录用户的用户名,如果应用包含多个类似表单,每次都要手动填写有些麻烦,...

由 学院君 发布于1 month ago   

SOLID 原则在 Vue 组件开发中的应用:将单个表单组件拆分成可复用的子组件组合

为什么要拆分 前面我们演示了如何将表单组件中的 JavaScript 业务逻辑抽象为一个通用的表单类以面向对象的风格处理,从而提高...

由 学院君 发布于1 month ago   

基于子组件构建列表组件并实现视图模式切换功能

上篇教程学院君给大家演示了如何将文章发布表单组件拆分成多个子组件,然后基于这些子组件构建登录表单,今天我们来看看如何基于子组件构建文...

由 学院君 发布于1 month ago   

通过过滤器对 Vue 组件中的模型属性值进行格式化

过滤器简介 在 Vue 组件中,我们可以通过过滤器对模型属性值进行格式化,注意这里不要望文生义哈,过滤器不是传统的对列表数据按条件...

由 学院君 发布于1 month ago   

基于 Laravel 8 模型工厂快速生成后端接口测试数据

继续后续 Vue 教程之前,我们先将 Laravel 后端文章数据表创建出来,并填充测试数据,以方便后续教程更快捷地提供后端测试接口...

由 学院君 发布于1 month ago   

基于 Laravel + Vue 组件实现文章发布、编辑和浏览功能

前面几篇教程,我们已经陆续实现 Vue 表单、列表和 Laravel 后端接口,今天我们把这一系列分散的独立功能模块打通,实现文章列...

由 学院君 发布于1 month ago   

基于 Bootstrap + Vue 框架编写模态框组件并完成文章删除功能

在上篇教程中,学院君已经给大家演示了如何通过 Laravel + Vue 快速实现文章发布、编辑和浏览(包括列表和详情页)功能,今天...

由 学院君 发布于1 month ago   

给 Vue 模态框组件的打开关闭添加过渡/动画效果

既然我们可以完全掌控模态框的打开和关闭了,不如给它加点过渡/动画效果,让用户体验更好一些,Vue 框架官方提供了组件渲染/隐藏的过渡...

由 学院君 发布于1 month ago   

基于 Laravel + Vue 框架实现文件异步上传组件和文章封面图片功能

在今天这篇教程中,学院君将给大家演示如何基于 Laravel + Vue 框架编写一个基本的图片异步上传组件,并且带预览功能,然后把...

由 学院君 发布于4 weeks ago   

在 Vue 中实现拖放式图片上传组件

在上篇教程中,学院君给大家演示了如何基于 Laravel + Vue 框架快速实现图片上传并且给文章添加了封面图片功能。除了传统的点...

由 学院君 发布于4 weeks ago   

基于 Flickity 在 Vue 中实现轮播图组件并设置简单的博客布局

准备工作 除了自己纯手工从头开始编写之外,还可以基于丰富的第三方 JavaScript 插件更快捷地编写 Vue 组件,这里学院君...

由 学院君 发布于4 weeks ago   

Search Results