當我們接到設計稿時，一般腦海裡都會分什麼頭部、底部、內容區域之類的。很不錯！已經有了塊的概念。（如果你是初學者，沒有塊的概念，也不用擔心，學完四方框架後，你跟大牛沒什麼兩樣。）
我們看完設計稿之後，一般直接就頭部、底部、內容區等直接分塊開始製作，這樣做很明顯的乙個問題就是結構、樣式不清晰、沒法復用、不易分工協作（即使有再好的樣式命名規範也沒用），而且每次做頁面幾乎都要重頭開始。我估計這時有人會說我是採用模組化開發。很好，非常不錯，已經有模組化開發的概念，現在怎麼說也算高手了。但是即使你的模組封裝的再好，你每次還是要重新做頁面布局吧，並且因為層級關係，還是有結構、樣式不清晰、不易分工協作的問題。這時牛人發話了，我一層布局，一層模組開發。牛人就是不一樣，一針見血，兩層架構，確實解決了單純模組化開發遺留的兩個問題。
我自己之前也是準備採用什麼960、blueprint等等那些所謂的網格布局系統，來進行兩層架構開發。後面一看，太複雜了，看了半天，還是暈暈的。我是個單純的人，簡單才是我的菜。沒找到想要的，就開始設計自己的布局系統。一陣子一直在考慮布局系統的元素構成，突然有天靈光一閃，想起了素描，再複雜的東西，也是由一橫一豎構成的。所以只要兩個元素，應該就可以搞定一切了。這就是四方布局系統兩大元素的由來，行(.row)和列(.col)。我們看下框架裡布局層的定義：「布局層由行（.row）和列（.col）兩個基本元素組成，乙個頁面可以有多個行，乙個行可以包含多個列。」。我發布這套系統時，很多人說看不明白，不會用。那麼我們現在就來看看怎麼用。
製作時我們先分析下設計稿的行和列，看下圖，總的有5行，開啟你的神器直接寫結構，5行就是：div.row*5(zen coding)。第3行2列，第5行3列。簡單，在第3個row裡輸入div.col.c$*2(zen coding)，在第5個row裡輸入div.col.c$*3(zen coding)。這個就是我們頁面的布局結構了，夠簡單吧，我說過我是個單純的人，簡單才是我的菜！排版的實現方式，具體可以檢視**示例。
[url]
接著我們來看布局層的版式命名公式：c*l[nm][h/v]*-（併排）*_（分層）*_（分層）*。（*表示列數）。這個公式就是四方布局系統的核心，別看著彆扭，其實很象形很有意思，我們先看c*就是指這個版式需要的列數；l是分隔符；nm可選表示布局是否採用負邊距布局；h/v也是可選，h表示橫排,v就是豎排。當我們看到.c2lh,.c3lnmh這類版式類名時，就可以直接知道這個版式需要的結構和大概的版式了。
有天我丟個類名過去，你一看便知！此刻我想說的是：彪悍的框架不需要解釋！
四方支付系統原始碼
包含總後台 後台 商戶後台。內部已整合wx和zfb等介面。增加支付中間頁減少賬號風控。核心 thinkphp 3.0 原始碼大小50m 平台基本功能 商家註冊，商家後台。開發文件和demo。可以在後台對接多個三方支付通道。部署環境要求 php5.3以上。必須支援偽靜態。目前公升級版本修改的bug 修...
簡單介紹四方聚合支付系統
移動支付的迅速崛起，給我們的生活帶來很大的便利，一台手機走天下已經成為了現實，現在市場上除了有第三方支付外，還有第四方支付，現在我們就來簡單介紹一下。四方支付是相對第三方而言的，作為對第三方支付平台服務的拓展。第三方支付介於銀行和商戶之間，而第四方支付是介於第三方支付和商戶之間，沒有支付許可牌照的限...
第四方支付平台，第四方支付系統，支付平台搭建
安徽暢優科技 匯聚了一群熱愛軟體服務事業的年輕向上力量，核心團隊具備 年以上同業合作經驗。暢優科技致力於資訊化解決方案的整合與創新，全球聚合支付和網際網路支付解決方案提供商。暢優科技一直秉承 創新 合作 共贏 誠信 高效 的企業價值觀，為數萬企業級使用者提供穩定優質的支付服務，不斷踐行 以客戶為中心...