Tag: Bootstrap
40 total results found
基于 Flickity 在 Vue 中实现轮播图组件并设置简单的博客布局
准备工作 除了自己纯手工从头开始编写之外，还可以基于丰富的第三方 JavaScript 插件更快捷地编写 Vue 组件，这里学院君...
基于 Bootstrap + Vue 框架编写模态框组件并完成文章删除功能
在上篇教程中，学院君已经给大家演示了如何通过 Laravel + Vue 快速实现文章发布、编辑和浏览（包括列表和详情页）功能，今天...
基于 Laravel + Vue 组件实现文章发布、编辑和浏览功能
前面几篇教程，我们已经陆续实现 Vue 表单、列表和 Laravel 后端接口，今天我们把这一系列分散的独立功能模块打通，实现文章列...
基于子组件构建列表组件并实现视图模式切换功能
上篇教程学院君给大家演示了如何将文章发布表单组件拆分成多个子组件，然后基于这些子组件构建登录表单，今天我们来看看如何基于子组件构建文...
在 Laravel 项目中基于 Vue + Bootstrap 快速开发表单组件
我们回到正题，在 Laravel 项目中基于纯 Vue.js 框架编写表单组件，不再依赖 Inertia 和 Livewire 技术...
前奏篇（二）：Tailwind 与 Bootstrap 的区别和使用入门
我们知道，从 Laravel 8 开始，自带前端脚手架代码默认兼容 Tailwind CSS 框架，取代了之前的 Bootstrap...
分页
简介 在其他框架中，分页可能是件非常痛苦的事，Laravel 让这件事变得简单、易于上手。Laravel 的分页器与查询构建器和 ...
在 Laravel 项目中编写单文件 Vue 组件
上篇教程我们演示了如何在 Vue CLI 原型项目中编写单文件 Vue 组件并进行编译，不过 Vue CLI 是一个纯前端的工具，我...
Vue Loader 篇（下）：编写一个单文件 Vue 组件
引入 Bootstrap 框架 开始之前，需要添加 Bootstrap 到 Vue CLI 项目，由于目前所有前端资源都已经通过 ...
引入 SB Admin 2 作为后台管理系统主题
下载 SB Admin 2 主题 完全前端基本功能之后，接下来，我们来构建这个 PHP 博客项目后台管理系统，主要包含登录认证，仪...
创建联系表单页面并通过 Ajax 提交表单请求数据
回顾下上篇教程更新主题后的博客系统，可以看到顶部右上角导航菜单有两个链接，分别指向关于页面和联系表单页面： 对应的 HTML ...
将博客主题替换成 Clean Blog
初始化资源目录 在此之前，我们先为前端资源创建对应目录，在根目录下创建 resources 目录，然后在该目录下新建 js、sas...
Dcat Admin —— 一款颜值极高的后台系统构建工具，简单高效，开箱即用
Dcat Admin 前言 首先得感谢一下社区的大佬@z-song，这个项目是基于laravel-admin二次开发的，la...
分页
简介 在其他框架中，分页可能是件非常痛苦的事，Laravel 让这件事变得简单、易于上手。Laravel 的分页器与查询构建器和 ...
JavaScript & CSS 脚手架
简介 Laravel 并不强制你使用什么 JavaScript 框架或者 CSS 预处理器，不过也确实提供了对很多应用而言都很有用...