分類: 筆記

在 Laravel 中建立動態 navbar

我們網站常常會在上方會有一個 navbar ，有時候會需要去抓取資料庫動態的資料來顯示。

但是我們又不可能在每個 Controller 去寫這段程式，然後在放到 blade ，這樣真的太暴力，而且往後也不好維護。所以我們可以利用 AppServiceProvider 來達成這件事情

閱讀全文 在 Laravel 中建立動態 navbar

PHP 噴錯『 SSL certificate error: unable to get local issuer certificate』解決方法

在寫 Laravel 的時候，有時候會需要請求外部的 request ，如果請求的是 https ，就有可能會噴出 SSL certificate error: unable to get local issuer certificate

閱讀全文 PHP 噴錯『 SSL certificate error: unable to get local issuer certificate』解決方法

在 formData 表單送出 PUT、PATCH 或 DELETE 方法

HTML 表單再送請求的時候，是沒有支援 PUT、PATCH 或 DELETE 這三種 method 的。所以在定義由 HTML 表單所呼叫的 PUT、PATCH 或 DELETE 路由時，會需要在表單中增加一個隱藏的欄位： _method 

閱讀全文 在 formData 表單送出 PUT、PATCH 或 DELETE 方法

MAC 上的 developer 快速打造漂亮好用的 CLI 環境

身為程式開發者，很多時間會需要和 CLI 打交道，如果能把環境弄得漂亮又好用，不只是效率可以大大提升，工作起來也比較舒服～這篇文章主要就是紀錄如何用簡單快速的的設定一個漂亮好用的 CLI 環境

閱讀全文 MAC 上的 developer 快速打造漂亮好用的 CLI 環境

Vue.js 如何替換 element 的內容？

今天想要透過 Vue.js 將 HTML  中的一部分 HTML 內容替換掉，所以找了一下網路上的資料

Vue 是 MVVM 架構，所以可以將資料保存起來供 view 使用。 要為 HTML 中的 element 替換內容，得先將該區塊使用 v-html

<div id="app">
  <span v-html="message"></span>
  <button v-on:click="newHtml">Change HTML</button>
</div>

JavaScript 的部分

new Vue({
  el: "#app",
  methods: {
    newHtml() {
      this.message = '<p style="color:red;">New Message</p>';
    }
  },
  data: {
    message: "<p>Message</p>"
  }
});

但是 html 必須存儲在 vm 中，網路上好像不建議這樣做，所以就先將這問題擱在這裡囉….

在 Mac OS 上面安裝 Laradock 筆記

之前在虛擬機上面開發 Laravel ，但是虛擬機得去要完整模擬一台主機，所以整個映像檔非常大，也因為這樣很多人都開始轉用 Docker。

在這篇文章中，我會紀錄如何使用 Docker 這項技術來建置 PHP/Laravel 的開發環境，未來要開發 Laravel 的時候，只要把 Laradock 運行起來就可以了。

閱讀全文 在 Mac OS 上面安裝 Laradock 筆記

如何用 rendertron 處理前後端分離的 SEO 問題

最近在公司的產品終於從外包公司接回來，採用前後端分離架構。

傳統的架構就是讀取不同頁面就回傳一份不同的 HTML 檔案，意味著使用者的每個動作都要將整個畫面重繪，因為要一直重新 loading 整個頁面，體驗相對來說就變差了。

至於前後端分離也就是說讓前端全權負責把資料渲染在頁面上。舉個例子，今天有個用戶來開啟網頁，這樣讀取一個 web app 的過程就會經過以下步驟：

閱讀全文 如何用 rendertron 處理前後端分離的 SEO 問題