Category Archives: WebDesign

[Laravel]Form

Laravel 中的 Form class 可以協助產生前端表單

基本表單使用

表單內容操作

結合 Model 使用 Controller

View

Drop-Down Lists

Custom Macros

Continue Reading

[Laravel]Autoload

在 Laravel 中如果要 autoload 自訂的 library,必須透過 Laravel 的 composer.json

架構

Test.php

composer.json (加入 psr-0)

更新 Autoload

Continue Reading

[CSS]pseudo-element

實際上來說,CSS 中的偽元素在HTML上是不存在的,使用的時機通常都是針對某樣元素特殊處理時才會用到

常用的 pseudo-element:

::first-line

可以指定 p 元素第一行的樣式 ::first-letter

可以指定 p 元素第一個字的樣式 ::selection

定義使用者反白後的效果 ::before

在元素之前插入內容 ::after

在元素之後插入內容

範例 HTML

first-line and first-letter

selection

Continue Reading

[Laravel]Blade + AngularJS

在 Laravel 的 Blade 中如果同時使用 AngularJS 會造成衝突,因為 parser 的標籤都是由兩個大括號組成,因此解決的方法就是選擇一個替換 parser 標籤

AngularJS

Laravel

Continue Reading

[Laravel]Blade

在一個完整的 Framework 中,Template enigne 算是標準配備,而 Blade 就是 Laravel 提供的 Template engine

在 Laravel 中,使用 Blade 時必須在 View 的檔名加上 blade.php

Default Layout

View 架構

Route

includes includes部份單純只是放可以reuse的HTML,例如head includes/head.blade.php

layouts layouts樣版 layouts/default.blade.php

pages pages/home.blade.php

其他使用方法

parent parent用法適合拿來輸出一些結尾的東西,等該section中的東西都結束後再輸出

Overwrite Overwrite 原本的資訊

Default Value yield 也可以指定Default Value

Controller Layouts

變數、條件判斷式、迴圈

使用方法 Controller

View

其他操作 條件運算子

跳脫 Blade 解析

Continue Reading

[Laravel]傳送變數給Layout

這應該是所有 Framework 都可能會遇到的問題

有些可以 reuse 的東西會當成Layout,但偏偏Layout中有些東西是動態的(例如右上角顯示使用者資訊的地方)

Controller

Continue Reading

[Laravel]Artisan

Artisan 是 Laravel 提供的命令列程式,它提供了許多方便快速的指令,讓專案開發上更為方便

基本指令

建立Console 建立自訂Console

建立的Class檔案預設會放在app/Console/Commands/SendEmails.php 建立完成後要替Class加上 signature 及 description 屬性

註冊 app/Console/Kernel.php

檢查是否自訂成功,成功後可以看到自訂的command在list中

Command 執行 app/Console/Commands/SendEmails.php

自訂argument 和 options app/Console/Commands/SendEmails.php

常用method

Continue Reading