README

这个旧版本包是基于Bootstrap CSS框架构建的非常简单的认证脚手架。虽然它仍然与Laravel的最新版本兼容。

介绍

Laravel没有规定您使用哪种JavaScript或CSS预处理器，但它提供了使用Bootstrap和/或Vue的基本起点，这将有助于许多应用程序。默认情况下，Laravel使用NPM安装这两个前端包。

官方文档

支持版本

只有TechnoBureau UI的最新主要版本会收到错误修复。下表列出了兼容的Laravel版本

安装

TechnoBureau提供的Bootstrap和Vue脚手架位于technobureau/ui Composer包中，可以使用Composer进行安装

composer require technobureau/ui

在执行此ui命令之前，执行默认的laravel/ui命令以生成基本的认证脚手架。

php artisan ui bootstrap --auth

一旦安装了technobureau/ui包，您可以使用ui Artisan命令安装前端脚手架

// Generate basic scaffolding...
php artisan ui technobureau

// Generate login / registration scaffolding...
php artisan ui technobureau --auth

此包依赖于一些供应商包，因此请执行以下命令发布与此包相关的配置文件。请确保在发布命令询问提供者或标签时输入0作为输入

php artisan vendor:publish

CSS

Laravel Mix提供了一种干净的、易于表达的API，用于编译SASS或Less，它们是扩展了纯CSS的CSS，增加了变量、混合和其他强大的功能，使CSS的工作更加愉快。在本文档中，我们将简要讨论CSS编译的一般情况；但是，您应该参考完整的Laravel Mix文档以获取有关编译SASS或Less的更多信息。

JavaScript

Laravel不需要您使用特定的JavaScript框架或库来构建您的应用程序。实际上，您甚至不必使用JavaScript。然而，Laravel包括一些基本的脚手架，以使您更容易开始使用Vue库编写现代JavaScript。Vue提供了一个用于使用组件构建强大JavaScript应用程序的表达式API。与CSS一样，我们可以使用Laravel Mix轻松编译JavaScript组件到一个单一的、浏览器就绪的JavaScript文件。

编写CSS

在安装了technobureau/ui Composer包并生成前端脚手架后，Laravel的package.json文件将包括bootstrap包，以帮助您开始使用Bootstrap原型化您的应用程序的前端。但是，请根据您的需要添加或删除package.json文件中的包。您不必使用Bootstrap框架来构建您的Laravel应用程序 - 它作为那些选择使用它的用户的良好起点。

在编译CSS之前，请使用Node包管理器（NPM）安装您项目的前端依赖项

npm install

使用 npm install 安装依赖项后，您可以使用 Laravel Mix 将您的 SASS 文件编译为纯 CSS。运行 npm run prod 命令将处理您的 webpack.mix.js 文件中的指令。通常，编译后的 CSS 会放置在 public/css 目录下。

npm run prod

Laravel 前端脚手架中包含的 webpack.mix.js 文件会编译 resources/sass/technobureau.scss SASS 文件。这个 technobureau.scss 文件导入了一个 SASS 变量文件并加载了 Bootstrap，这为大多数应用程序提供了一个良好的起点。您可以随意自定义 technobureau.scss 文件，或者甚至通过 配置 Laravel Mix 来使用完全不同的预处理器。

编写 JavaScript

应用程序所需的所有 JavaScript 依赖项都可以在项目根目录下的 package.json 文件中找到。此文件类似于 composer.json 文件，但它指定了 JavaScript 依赖项而不是 PHP 依赖项。您可以使用 Node 包管理器 (NPM) 安装这些依赖项。

npm install

默认情况下，Laravel 的 package.json 文件包含一些包，如 lodash 和 axios，以帮助您开始构建 JavaScript 应用程序。根据您自己的应用程序需求，您可以在 package.json 文件中添加或删除包。

安装完包后，您可以使用 npm run prod 命令来 编译您的资源文件。Webpack 是一个现代 JavaScript 应用的模块打包器。当您运行 npm run prod 命令时，Webpack 将执行您的 webpack.mix.js 文件中的指令。

npm run prod

默认情况下，Laravel 的 webpack.mix.js 文件会编译您的 SASS 和 resources/js/technobureau.js 文件。在 technobureau.js 文件中，您可以注册 Vue 组件，或者如果您更喜欢不同的框架，可以配置您自己的 JavaScript 应用程序。您的编译后的 JavaScript 通常会放置在 public/js 目录下。

technobureau.js 文件将加载 resources/js/bootstrap.js 文件，该文件启动并配置 Vue、Axios、jQuery 以及所有其他 JavaScript 依赖项，以及 resources/js/bootstrap-select.js 以实现带搜索功能的美丽下拉选择框。如果您需要配置其他 JavaScript 依赖项，您可以在该文件中完成。

许可证

Laravel UI 是开源软件，采用 MIT 许可证。