折騰了一下午再加上晚上1小時(shí)，終于完成了總共6個(gè)視頻，時(shí)長(zhǎng)3小時(shí)48分的視頻錄制。這6個(gè)視頻，完整演示了我們團(tuán)隊(duì)基于我們自己搭建的框架，進(jìn)行編碼的工作流程，即如何從原型圖開始，一步一步分析需求，設(shè)計(jì)數(shù)據(jù)庫(kù)，完成頁(yè)面HTML，JS，CSS以至全部功能，現(xiàn)場(chǎng)直播，全程無(wú)刪減。

我們的這個(gè)框架，就是為超復(fù)雜業(yè)務(wù)邏輯而生，同時(shí)不失漂亮的代碼。通過(guò)這6個(gè)視頻，你可以看到我們?nèi)绾螌?fù)雜的業(yè)務(wù)邏輯，拆分成一個(gè)一個(gè)短小的業(yè)務(wù)單元，讓每一個(gè)業(yè)務(wù)單元都那么簡(jiǎn)單。整個(gè)過(guò)程就像是庖丁解牛，每一行代碼都那么理所當(dāng)然，每一行代碼都那么優(yōu)雅而簡(jiǎn)單。

錄制這個(gè)視頻的目的，一是為了讓新加入我們團(tuán)隊(duì)的成員可以自由的自學(xué)我們的框架，因?yàn)檫@6個(gè)視頻比較詳細(xì)演示了一個(gè)完整的demo，對(duì)我們的架構(gòu)也有一個(gè)大致的介紹。另一個(gè)目的也是為了展示我們團(tuán)隊(duì)多年來(lái)在架構(gòu)和代碼質(zhì)量方面一直努力的成果，希望高手們多多交流，建立聯(lián)系。

下面，請(qǐng)看原型圖：

需求：該原型圖上面部分是一個(gè)支持分頁(yè)的grid，下面部分是編輯器，可以對(duì)grid每一行數(shù)據(jù)進(jìn)行編輯。

單就這個(gè)頁(yè)面來(lái)說(shuō)，業(yè)務(wù)復(fù)雜度只能算一般，但通過(guò)本系列視頻，（高手的）你可以看得出，基于我們這個(gè)架構(gòu)，即使任意復(fù)雜的業(yè)務(wù)邏輯，也可以就像這個(gè)原型圖表達(dá)的頁(yè)面一樣，被我們用優(yōu)雅的代碼輕松搞定。

什么是優(yōu)雅的代碼？簡(jiǎn)單的說(shuō)：

1. 命名準(zhǔn)確

2. 每個(gè)方法短小清晰

3. 每個(gè)文件短小清晰。

（只有高手才追求命名的藝術(shù)）

就上面的原型圖，3小時(shí)48分鐘（還包含少部分廢話時(shí)間），每個(gè)方法不超30行，每個(gè)文件不超300行，這就是我們團(tuán)隊(duì)的一個(gè)熟練工人的水平。歡迎評(píng)論，回復(fù)你的評(píng)估時(shí)間。

最后，請(qǐng)你欣賞：

1. 第1部分 原型和需求.avi
2. 第2部分 架構(gòu).avi
3. 第3部分 數(shù)據(jù)庫(kù)設(shè)計(jì).avi
4. 第4部分 頁(yè)面之列表功能.avi
5. 第5部分 頁(yè)面之編輯器.avi
6. 第6部分 頁(yè)面優(yōu)化和總結(jié).avi

PS：誰(shuí)知道優(yōu)酷怎么上傳高清屏幕錄像視頻??？錄制的視頻上傳后，就很不清晰，完全看不了。