在 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 表單再送請求的時候,是沒有支援 PUTPATCH 或 DELETE 這三種 method 的。所以在定義由 HTML 表單所呼叫的 PUTPATCH 或 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 問題