摘要:关注了也有一小段时间,终于在今天凌晨的时候发布了。当然我也将我的开源博客第一时间升级到,并发布版本。此项目由升级到也是非常的简单,前端编译也用全新的来替代了。升级升级到官方文档已经写得很全面。
关注了 5.4 也有一小段时间,终于在今天凌晨的时候发布了。当然我也将我的开源博客( PJ Blog )第一时间升级到 Laravel 5.4 ,并发布 jcc/blog 1.1 版本。
Laravel 5.4 也加入了很多的新特性,更多请看:https://laravel-china.org/topics/3713。
此项目由 Laravel 5.3 升级到 Laravel 5.4 也是非常的简单,前端编译也用全新的 laravel-mix 来替代了 gulp 。
升级 LaravelLaravel 5.3 升级到 Laravel 5.4 官方文档已经写得很全面。
第一步:更新框架版本在 composer.json 文件,更新你的 laravel/framework 依赖的版本号到 5.4.* 。
第二步:加入 Laravel Tinker为了继续去使用 thinker 的 artisan 命令行,你需要安装 laravel/tinker 包:
</>复制代码
composer require laravel/tinker
当包安装后,你应该在 config/app.php 配置文件中添加 LaravelTinkerTinkerServiceProvider::class 到 providers 数组中。
第三步: 添加新的全局中间件Laravel 5.4 新增了三个中间件,可看看此文章 新增 3 个全局中间件
中间件 | 功能 |
---|---|
ValidatePostSize | 验证 post 数据大小 |
TrimStrings | 去除首尾空白字符 |
ConvertEmptyStringsToNull | 转换空字符串为 null |
在 AppHttpMiddleware 下创建 TrimStrings 中间件:
</>复制代码
更新 AppHttpKernel.php 文件:
</>复制代码
protected $middleware = [
...
IlluminateFoundationHttpMiddlewareValidatePostSize::class,
AppHttpMiddlewareTrimStrings::class,
IlluminateFoundationHttpMiddlewareConvertEmptyStringsToNull::class,
];
Laravel Mix 替代 Laravel Elixir
Laravel 5.3 的 package.json 文件 :
</>复制代码
{
"private": true,
"scripts": {
"prod": "gulp --production",
"dev": "gulp watch"
},
"devDependencies": {
"bootstrap-sass": "^3.3.7",
"gulp": "^3.9.1",
"jquery": "^3.1.0",
"laravel-elixir": "^6.0.0-9",
"laravel-elixir-vue-2": "^0.2.0",
"laravel-elixir-webpack-official": "^1.0.2",
"lodash": "^4.16.2",
"vue": "^2.0.1",
"vue-resource": "^1.0.3"
}
}
更新到 Laravel 5.4 的 package.json 文件:
</>复制代码
{
"private": true,
"scripts": {
"dev": "node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"hot": "node_modules/cross-env/bin/cross-env.js NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"production": "node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"axios": "^0.15.2",
"bootstrap-sass": "^3.3.7",
"jquery": "^3.1.0",
"laravel-mix": "^0.5.0",
"lodash": "^4.16.2",
"vue": "^2.0.1"
}
}
</>复制代码
官方默认使用了 axios 替换了 vue-resource(Vue 官方已不在维护),使用也是很简单的。
在根目录下创建 webpack.mix.js 文件,并加入:
</>复制代码
const { mix } = require("laravel-mix");
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.js("resources/assets/js/app.js", "public/js")
.sass("resources/assets/sass/app.scss", "public/css")
</>复制代码
Laravel Mix 的用法可在 官网文档 看到,用法跟 Laravel Elixir 有所不一样。
最后,将 gulpfile.js 删除,重新安装编译即可。
最后的最后,我发现使用 PJ Blog 的人很多都出现部署等问题,其实这些问题解决也是非常简单的,但由于我没有足够的时间去逐一回答,所以我创建了一个 Q 群:272734386 方便各使用者互相讨论,学习。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/81368.html
摘要:关注了也有一小段时间,终于在今天凌晨的时候发布了。当然我也将我的开源博客第一时间升级到,并发布版本。此项目由升级到也是非常的简单,前端编译也用全新的来替代了。升级升级到官方文档已经写得很全面。 关注了 5.4 也有一小段时间,终于在今天凌晨的时候发布了。当然我也将我的开源博客( PJ Blog )第一时间升级到 Laravel 5.4 ,并发布 jcc/blog 1.1 版本。 Lar...
摘要:它的目的是提供正确的方式进行页面交互测试,所以可以使用去点击按钮或者链接填写表单甚至拖放。此外,提到测试运行比更快。此次因底层架构改变较大而重命名。这个功能受到的启发,能够将元素简化为可重用区域。 showImg(https://segmentfault.com/img/remote/1460000008212617); 转自 Laravel 社区:https://laravel-ch...
摘要:的安装与使用是什么是的一个依赖管理工具。它以项目为单位进行管理,你只需要声明项目所依赖的代码库,会自动帮你安装这些代码库。 Composer 的安装与使用 Composer 是什么 Composer 是 PHP 的一个依赖管理工具。它以项目为单位进行管理,你只需要声明项目所依赖的代码库,Composer 会自动帮你安装这些代码库。 安装 Composer Mac 下的安装只需要在命令行...
摘要:接下来执行迁移即可通用布局通用布局首先是博客首页,定义路由控制器视图博客首页访问下网站根目录,显示博客首页,框架基本搭建完成了。首先是通用布局通用布局里面除了使用之外,还使用了,用于加载其他模板。 5. 博客的通用布局 初始化 创建控制器、模型、迁移 博客的核心是文章,可以先来实现和文章有关的功能,根据前几节的介绍可知,我们至少需要创建这几类: PostsController:控制器...
阅读 2763·2021-11-18 10:02
阅读 3507·2021-09-28 09:35
阅读 2775·2021-09-22 15:12
阅读 831·2021-09-22 15:08
阅读 3424·2021-09-07 09:58
阅读 3599·2021-08-23 09:42
阅读 810·2019-08-30 12:53
阅读 2170·2019-08-29 13:51
极致性价比!云服务器续费无忧!
Tesla A100/A800、Tesla V100S等多种GPU云主机特惠2折起,不限台数,续费同价。
NVIDIA RTX 40系,高性价比推理显卡,满足AI应用场景需要。
乌兰察布+上海青浦,满足东推西训AI场景需要