如何利用node+mongodb來快速搭建一個電影網(wǎng)站？

一：后端部分

整個網(wǎng)站的后端是由node.js來驅(qū)動的，所以在后端需要安裝node.js,以及在這個基礎(chǔ)之上的框架express，它能夠幫助我快速的搭建web應(yīng)用，然后數(shù)據(jù)庫選用的mongodb，以及對mongodb快速建模的工具mongoose。后端的模板引擎用的是jade關(guān)于時間個日期的格式化選用的是Moment.js底下的這四個模塊都是通過npm安裝的，npm是node自帶的。

二：前端部分

前端部分會選用jQuery的類庫以及boostrap的樣式的框架，它們都是網(wǎng)站前端的靜態(tài)資源，網(wǎng)站前端的靜態(tài)資源都存在一個版本的依賴和版本的管理，所以我們需要通過Bower來安裝它們，Bower本身也是一個npm模塊，所以它也需要現(xiàn)有npm的安裝方。

三：本地的開發(fā)環(huán)境

本地的開發(fā)環(huán)境后面的網(wǎng)站會用到less的編譯，樣式的合并，語法的檢查，包括前后端單元測試的實現(xiàn)，以及服務(wù)的自動重啟，這幾個任務(wù)都是通過grunt來集成。

四：實戰(zhàn)步驟

選擇完這些框架以后，就可以來開始實戰(zhàn)，項目開發(fā)分為九個步驟

1：需求分析：看一下開發(fā)一共有多少個頁面，頁面里都有什么樣的內(nèi)容和需求以及什么樣的交互，這樣做到心里有數(shù)。

2：項目依賴初始化：然后對項目所依賴的模塊進(jìn)行一個安裝和 初始目錄的創(chuàng)建。

3：入口文件編碼：在后端開始創(chuàng)建一個入口文件并且進(jìn)行編碼。

4：創(chuàng)建試圖：編碼以后就可以來創(chuàng)建幾個重要頁面的視圖了，也就是模板。

5：測試前端流程 ：來跑通前后端的流程，也就是說，從瀏覽器發(fā)起一個請求到后端，后端接收到之后，返回一段數(shù)據(jù)。

6：樣式開發(fā)，偽造模板數(shù)據(jù)? ：跑通前后端之后，就可以對頁面進(jìn)行一個樣式的開發(fā)和一些HTML的dom結(jié)構(gòu)的填充，同時要偽造一些模板數(shù)據(jù)。

7：設(shè)計數(shù)據(jù)庫模型：這時候頁面都有了，我們開始基于頁面里面的內(nèi)容同時來設(shè)計數(shù)據(jù)庫的模型。

8：開發(fā)后端邏輯：然后來開發(fā)后端的邏輯，到這一步為止，前后端的邏輯都已經(jīng)實現(xiàn)掉了。

9：配置依賴文件，網(wǎng)站開發(fā)結(jié)束：對前端靜態(tài)資源版本和后端模塊版本進(jìn)行一個配置文件的生成，然后整個網(wǎng)站就開發(fā)結(jié)束了。

五：詳細(xì)開發(fā)

然后來看一下網(wǎng)站的頁面 ，左邊是首頁，有一個電影列表，把存在數(shù)據(jù)庫里面的電影全部都取出來展現(xiàn)在這里，每一個海報都有電影名稱和播放按鈕，點擊海報或者播放按鈕就會跳轉(zhuǎn)到右邊這個頁面，也就是詳情頁，詳情頁就是這部電影所針對的更加詳細(xì)的介紹字段之類的東西。

后臺錄入頁：其實這里就是一個表單，在后端能夠填寫一些和電影有關(guān)的數(shù)據(jù)，點擊最底下的錄入按鈕的時候，會將這張表上的數(shù)據(jù)提交到后臺，后臺就會存到數(shù)據(jù)庫，也就是mongodb里面，右邊是列表頁，當(dāng)存入一定數(shù)據(jù)的電影的時候，我們可以進(jìn)行批量的管理，比如更新或者刪除。