Vue – 使用 v-model 雙向綁定,也示範模版中綁定

用影片來示範

Vue – 如何將參數傳遞到組件 component 內部

模板的數據,通常需要由 AJAX 取得,應該怎麼把參數傳遞進去呢?假設 HTML 如下

接著 Vue 的部分

這裡有一點要注意,AJAX 取得的 “ajax_message” 要放在 component 內的 data: function (),原因官方有提到,點我參考

我這邊用影片來介紹為什麼:

 

 

Vue – 變數的擺放位置

標籤中

在標籤中的變數可以使用雙括弧。

輸出

 

標籤屬性中

變數在屬性中不可使用雙括弧 {{ }}。關於 v-bind 不太懂的地方,可以參考 在標籤中,綁定參數 (v-bind) 與監聽事件 (v-on) 的混和用法

輸出

 

變數應用在 Vue.component 組件的情況

把上面的改成組件的寫法,進一步解說可以參考 Vue.component 組件教學 – 使用 v-bind、v-for

單筆資料簡單範例

輸出

多筆資料進階範例

輸出

 

 

php – Codeigniter 安裝並使用 Composer 自動載入(autoload)完整步驟

  1. 透過 Composer 安裝 CI
  2. 自動載入自訂的 Models, Libraries, Helpers
  3. 在 Controllers 測試

透過 Composer 安裝 Codeigniter 3

如果你曾經用過 Codeigniter 與 Composer 一點經驗,這份教學能快速幫你安裝整個流程。

  • 準備在 C:\xampp\htdocs\www 建立 ci 當作專案路徑
  • PHP Version 7.0.9
  • 已安裝 Composer

改設定: application/config/config.php

 建議將

改成

修改 autoload.php

 

移除 index.php:根目錄增加 .htaccess,並指定不用 Rewrite 的檔案或路徑名稱。儲存後瀏覽 http://localhost/ci/welcome/index 是否等於 http://localhost/ci/index.php/welcome/index。若要詳細 SEO 優化,可捲至底下參考 3。

修改 index.php

 

自動載入自訂的 Models, Libraries, Helpers

修改 composer.json

  • 類別 (Class) 使用 “psr-4” 規範,後面的 libraries 製作我會使用這個規範。
  • 方法 (Function) 使用 “files”
  • classmap 指定的是一些不屬於 psr-4 規範的類別,可能是我們從 Github 下載其他人的類別

Models

增加 application/models/Tool.php,提供給 Models 使用 CI 內部資源

*** 下面是我個人紀錄為了方便 select 取資料所擴充的用法,網友不必使用 ***

 

增加 application/models/User.php

Libraries

增加 application/libraries/Home.php

Helpers

增加 application/Helpers/Datetime.php。

Function 比較麻煩,每增加一個檔案就要添加到 composer.json => “file”

在 Controllers 測試

修改 applicatioin/controllers/Welcome.php

瀏覽後會得到

 

可以參考這些幫助你理解

  1. 將 Codeigniter 3 改用 Composer 自動讀取 Model 的方法
  2. 在 Codeigniter 操作 Composer 自動載入套件
  3. php – codeigniter 隱藏或省略 index.php
  4. Compoer – 非常簡單的使用 psr-4 來建立自動讀取類別

php – Compoer – 非常簡單的使用 psr-4 來建立自動讀取類別

使用 Composer 支援的 psr-4 規範,我們只要設定好一次 Composer 的命名空間 Namespace,當日後增加類別的時候,就能非常簡單的自動讀取。在這之前,你需要有

  • 電腦已經裝好 Composer
  • 曾經使用過 Composer init 與 Composer install 的經驗

準備好範例的目錄

  • public 演示放置公開的檔案,例如 index.php
  • src 演示未來增加的類別

初始化 Composer.json

/composer.json

根命名空間「Jsn」的路徑指向「src/Jsn」,接著執行 dump-autoload (簡寫為 dump) 讓 Composer 幫我們初次建立命名空間。

目錄架構就會變成

嘗試建立自訂類別

第一個類別:使用者喜歡的電影

因為:命名空間/過度路徑/檔案.php
所以:/src/Jsn/User/Like/Movie.php

在 /public/index.php 寫入

假設還有類別:使用者喜歡的書籍

因為:命名空間/過度路徑/檔案.php
所以:/src/Jsn/User/Like/Book.php

接著 /public/index.php 寫入

若想在其他路徑建立類別:設定

因為:命名空間/過度路徑/檔案.php
所以:/src/Jsn/Config.php

接著 /public/index.php 寫入

掌握 3 點

  1. 命名空間 + 類別名稱 = 路徑 + 檔名.php
  2. 命名空間、類別,都需要開頭大寫
  3. 下滑線不要拿來當作分類,例如:Like_Book.php、Like_Movie.php,應該改成路徑 Like/Book.php、Like/Movie.php