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

一：后端部分

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

二：前端部分

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

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

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

四：實(shí)戰(zhàn)步驟

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

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

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

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

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

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

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

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

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

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

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/wangting888/p/9702085.html

總結(jié)

以上是生活随笔為你收集整理的[慕课笔记] node+mongodb建站攻略的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。