PJ Blog 升級到 Laravel 5.4

microelec 發布于2019-07-01 12:21 / 3198人閱讀

摘要：關注了也有一小段時間，終于在今天凌晨的時候發布了。當然我也將我的開源博客第一時間升級到，并發布版本。此項目由升級到也是非常的簡單，前端編譯也用全新的來替代了。升級升級到官方文檔已經寫得很全面。

關注了 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 。

升級 Laravel

Laravel 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 方便各使用者互相討論，學習。

GPU云服務器云服務器升級到升級到企業版升級到VS2013 python升級到3

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/30538.html

PJ Blog 升級到 Laravel 5.4

摘要：關注了也有一小段時間，終于在今天凌晨的時候發布了。當然我也將我的開源博客第一時間升級到，并發布版本。此項目由升級到也是非常的簡單，前端編譯也用全新的來替代了。升級升級到官方文檔已經寫得很全面。關注了 5.4 也有一小段時間，終于在今天凌晨的時候發布了。當然我也將我的開源博客( PJ Blog )第一時間升級到 Laravel 5.4 ，并發布 jcc/blog 1.1 版本。 Lar...

OpenDigg 2019-08-20 14:00 評論0 收藏0
Laravel 5.4 正式發布

摘要：它的目的是提供正確的方式進行頁面交互測試，所以可以使用去點擊按鈕或者鏈接填寫表單甚至拖放。此外，提到測試運行比更快。此次因底層架構改變較大而重命名。這個功能受到的啟發，能夠將元素簡化為可重用區域。 showImg(https://segmentfault.com/img/remote/1460000008212617); 轉自 Laravel 社區：https://laravel-ch...

Vultr 2019-07-01 12:21 評論0 收藏0
Laravel 5.4 入門系列 1. 安裝

摘要：的安裝與使用是什么是的一個依賴管理工具。它以項目為單位進行管理，你只需要聲明項目所依賴的代碼庫，會自動幫你安裝這些代碼庫。 Composer 的安裝與使用 Composer 是什么 Composer 是 PHP 的一個依賴管理工具。它以項目為單位進行管理，你只需要聲明項目所依賴的代碼庫，Composer 會自動幫你安裝這些代碼庫。安裝 Composer Mac 下的安裝只需要在命令行...

hqman 2019-06-27 16:05 評論0 收藏0
Laravel 5.4 入門系列 5. 博客通用布局

摘要：接下來執行遷移即可通用布局通用布局首先是博客首頁，定義路由控制器視圖博客首頁訪問下網站根目錄，顯示博客首頁，框架基本搭建完成了。首先是通用布局通用布局里面除了使用之外，還使用了，用于加載其他模板。 5. 博客的通用布局初始化創建控制器、模型、遷移博客的核心是文章，可以先來實現和文章有關的功能，根據前幾節的介紹可知，我們至少需要創建這幾類： PostsController：控制器...

xuweijian 2019-06-27 16:05 評論0 收藏0