The NoteBook of EricKong

關于怎么寫商業策劃書的，解讀的非常詳盡，包括商業策劃書的內容、撰寫格式、思路等，僅供商業愛好者參考。

商業策劃書的目的很簡單，它就是創業者手中的武器，是提供給投資者和一切對創業者的項目感興趣的人，向他們展現創業的潛力和價值，說服他們對項目進行投資和支持。因此，一份好的商業計劃書，要使人讀后，對下列問題非常清楚：、

1、公司的商業機會；

2、創立公司，把握這一機會的進程 ；

3、所需要的資源；

4、風險和預期回報；

5、對你采取的行動的建議。

商業計劃不是學術論文，它可能面對的是非技術背景但對計劃有興趣的人，比如可能的團隊成員，可能的投資人和合作伙伴，供應商，顧客，政策機構等，因此，一份好的商業計劃書，應該寫得讓人明白，避免使用過多的專業詞匯，聚焦于特定的策略、目標、計劃和行動。商業計劃的篇幅要適當，太短，容易讓人不相信項目的成功；太長，則會被認為太羅嗦，表達不清楚。適合的篇幅一般為20-40頁長（包括附錄在內）。

從總體來看，寫商業策劃的原則是：簡明扼要；條理清晰；內容完整；語言通暢易懂；意思表述精確。商業計劃書一般包括如下十大部分的內容：

一、執行總結

是商業計劃的一到兩頁的概括。包括：

1、本商業（business）的簡單描述（亦即“電梯間陳詞”）

2、機會概述

3、目標市場的描述和預測

4、競爭優勢

5、經濟狀況和盈利能力預測

6、團隊概述

7、提供的利益

二、產業背景和公司概述

1、詳細的市場描述，主要的競爭對手，市場驅動力

2、公司概述應包括詳細的產品/服務描述以及它如何滿足一個關鍵的顧客需求。

3、一定要描述你的進入策略和市場開發策略

三、市場調查和分析

這是表明你對市場了解程度的窗口。一定要闡釋以下問題：

1、顧客

2、市場容量和趨勢

3、競爭和各自的競爭優勢

4、估計的市場份額和銷售額

5、市場發展的走勢（對于新市場而言，這一點相當困難，但一定要力爭貼近真實）

四、公司戰略

闡釋公司如何進行競爭，它包括三個問題

1、營銷計劃 （定價和分銷；廣告和提升）

2、規劃和開發計劃（開發狀態和目標；困難和風險）

3、制造和操作計劃 （操作周期；設備和改進）

五、總體進度安排

公司的進度安排，包括以下領域的重要事件

1、收入

2、收支平衡點和正現金流

3、市場份額

4、產品開發介紹

5、主要合作伙伴

6、融資

六、關鍵的風險、問題和假定

1、創業者常常對于公司的假定和將面臨的風險不夠現實

2、說明你將如何應付風險和問題（緊急計劃）

3、在眼光的務實性和對公司的潛力的樂觀之間達成仔細的平衡

七、管理團隊

1、介紹公司的管理團隊。一定要介紹各成員與管理公司有關的教育和工作背景

2、注意管理分工和互補

3、最后，要介紹領導層成員，商業顧問以及主要的投資人和持股情況

八、企業經濟狀況

介紹公司的財務計劃，討論關鍵的財務表現驅動因素。一定要討論如下幾個杠桿：

1、毛利和凈利

2、盈利能力和持久性

3、固定的、可變的和半可變的成本

4、達到收支平衡所需的月數

5、達到正現金流所需的月數

九、財務預測

1、包括收入報告，平衡報表，前兩年為季度報表，前五年為年度報表

2、同一時期的估價現金流分析

3、突出成本控制系統

十、假定公司能夠提供的利益

這是你的“賣點”，包括

1、總體的資金需求

2、在這一輪融資中你需要的是哪一級

3、你如何使用這些資金

4、投資人可以得到的回報

5、你還可以討論可能的投資人退出策略

當你在寫商業計劃的時候，應該達到下列目標：

1、力求表述清楚簡潔。

2、關注市場，用事實說話，因此需展示市場調查和市場容量。

3、解釋潛在顧客為什么會掏錢買你的產品或服務。

4、站在顧客的角度考慮問題，提出引導他們進入你的銷售體系的策略。

5、在頭腦中要形成一個相對比較成熟的投資退出策略。

6、充分說明為什么你和你的團隊最合適作這件事。

7、請你的讀者做出反饋。

當你做商業計劃并向投資者提交時，必須避免下列問題：

1、對產品/服務的前景過分樂觀，令人產生不信任感。

2、數據沒有說服力，比如拿出一些與產業標準相去甚遠的數據。

3、導向是產品或服務，而不是市場。

4、對競爭沒有清醒的認識，忽視競爭威脅。

5、選擇進入的是一個擁塞的市場，企圖后來居上。

6、商業計劃顯得非常不專業，比如缺乏應有的數據、過分簡單或冗長。

7、不是仔細尋求最有可能的投資者，而是濫發材料。

商業策劃書形式與內容

目 錄

執行概要 …………………………………………………

第一部分 公司基本情況…………………………………

第二部分 公司管理層……………………………………

第三部分 產品/服務………………………………………

第四部分 研究與開發……………………………………

第五部分 行業及市場情況………………………………

第六部分 營銷策略………………………………………

第七部分 產品制造………………………………………

第八部分 管理……………………………………………

第九部分 融資說明………………………………………

第十部分 財務計劃………………………………………

第十一部分 風險控制………………………………………

第十二部分 項目實施進度…………………………………

第十三部分 其它……………………………………………

備查資料清單……………………………………………………

1．創辦企業的目的？為什么要冒風險，花精力、時間、資源、資金去創辦風險企業？

2．創辦企業所需的資金？為什么要這么多的錢？為什么投資人值得為此注入資金？

一、怎樣寫好商業計劃書

1．關注產品 2．敢于競爭 3．了解市場 4．表明行動的方針 5．展示你的管理隊伍 6．出色的計劃摘要

二、商業計劃書的內容

1．計劃摘要

計劃摘要一般要有包括以下內容：公司介紹、主要產品和業務范圍、市場概貌、營銷策略、銷售計劃、生產管理計劃、管理者及其組織、財務計劃、資金需求狀況等。

在介紹企業時，首先要說明創辦新企業的思路，新思想的形成過程以及企業的目標和發展戰略。其次，要交待企業現狀、過去的背景和企業的經營范圍

企業家的素質對企業的成績往往起關鍵性的作用。在這里，企業家應盡量突出自己的優點并表示自己強烈的進取精神，以給投資者留下一個好印象。

在計劃摘要中，企業還必須要回答下列問題：

（1）企業所處的行業，企業經營的性質和范圍；

（2）企業主要產品的內容；

（3）企業的市場在那里，誰是企業的顧客，他們有哪些需求；

（4）企業的合伙人、投資人是誰；

（5）企業的競爭對手是誰，競爭對手對企業的發展有何影響。

摘要要盡量簡明、生動。特別要詳細說明自身企業的不同之處以及企業獲取成功的市場因素。

2．產品（服務）介紹

在進行投資項目評估時，投資人最關心的問題之一就是，風險企業的產品、技術或服務能否以及在多大程度上解決現實生活中的問題，或者，風險企業的產品（服務）能否幫助顧客節約開支，增加收入。

（1）顧客希望企業的產品能解決什么問題，顧客能從企業的產品中獲得什么好處？

（2）企業的產品與競爭對手的產品相比有哪些優缺點，顧客為什么會選擇本企業的產品？

（3）企業為自己的產品采取了何種保護措施，企業擁有哪些專利、許可證，或與已申請專利的廠家達成了哪些協議？

（4）為什么企業的產品定價可以使企業產生足夠的利潤，為什么用戶會大批量地購買企業的產品？

（5）企業采用何種方式去改進產品的質量、性能，企業對發展新產品有哪些計劃等等。

3．人員及組織結構

有了產品之后，創業者第二步要做的就是結成一支有戰斗力的管理隊伍。

企業的管理人員應該是互補型的，而且要具有團隊精神。

4．市場預測

當企業要開發一種新產品或向新的市場擴展時，首先就要進行市場預測。

市場預測首先要對需求進行預測：市場是否存在對這種產品的需求？需求程度是否可以給企業帶來所期望的利益？新的市場規模有多大？需求發展的未來趨向及其狀態如何？影響需求都有哪些因素。其次，市場預測還要包括對市場競爭的情況？？企業所面對的競爭格局進行分析：市場中主要的競爭者有哪些？是否存在有利于本企業產品的市場空檔？本企業預計的市場占有率是多少？本企業進入市場會引起競爭者怎樣的反應，這些反應對企業會有什么影響？等等。

在商業計劃書中，市場預測應包括以下內容：市場現狀綜述；競爭廠商概覽；目標顧客和目標市場；本企業產品的市場地位；市場區域和特征等等。

5．營銷策略

營銷是企業經營中最富挑戰性的環節，影響營銷策略的主要因素有：

（1）消費者的特點；

（2）產品的特性；

（3）企業自身的狀況；

（4）市場環境方面的因素。最終影響營銷策略的則是營銷成本和營銷效益因素。

在商業計劃書中，營銷策略應包括以下內容：

（1）市場機構和營銷渠道的選擇；

（2）營銷隊伍和管理；

（3）促銷計劃和廣告策略；

（4）價格決策。

6．制造計劃

商業計劃書中的生產制造計劃應包括以下內容：產品制造和技術設備現狀；新產品投產計劃；技術提升和設備更新的要求；質量控制和質量改進計劃。

在尋求資金的過程中，為了增大企業在投資前的評估價值，風險企業家應盡量使生產制造計劃更加詳細、可靠。一般地，生產制造計劃應回答以下問題：企業生產制造所需的廠房、設備情況如何；怎樣保證新產品在進入規模生產時的穩定性和可靠性；設備的引進和安裝情況，誰是供應商；生產線的設計與產品組裝是怎樣的；供貨者的前置期和資源的需求量；生產周期標準的制定以及生產作業計劃的編制；物料需求計劃及其保證措施；質量控制的方法是怎樣的；相關的其他問題。

7．財務規劃

財務規劃需要花費較多的精力來做具體分析，其中就包括現金流量表，資產負債表以及損益表的制備。流動資金是企業的生命線，因此企業在初創或擴張時，對流動資金需要有預先周詳的計劃和進行過程中的嚴格控制；損益表反映的是企業的贏利狀況，它是企業在一段時間運作后的經營結果；資產負債表則反映在某一時刻的企業狀況，投資者可以用資產負債表中的數據得到的比率指標來衡量企業的經營狀況以及可能的投資回報率。

財務規劃一般要包括以下內容：

（1）商業計劃書的條件假設；

（2）預計的資產負債表；預計的損益表；現金收支分析；資金的來源和使用。

企業的財務規劃應保證和商業計劃書的假設相一致。事實上，財務規劃和企業的生產計劃、人力資源計劃、營銷計劃等都是密不可分的。要完成財務規劃，必須要明確下列問題：

（1）產品在每一個期間的發出量有多大？

（2）什么時候開始產品線擴張？

（3）每件產品的生產費用是多少？

（4）每件產品的定價是多少？

（5）使用什么分銷渠道，所預期的成本和利潤是多少？

（6）需要雇傭那幾種類型的人？

（7）雇傭何時開始，工資預算是多少？等等

商業策劃書的撰寫

美國的一位著名風險投資家曾說過，“風險企業邀人投資或加盟，就象向離過婚的女人求婚，而不像和女孩子初戀。雙方各有打算，僅靠空口許諾是無濟于事的”。商業計劃書對那些正在尋求資金的風險企業來說，就是“金鑰匙”,決定著投資的成敗。對剛開始創業的風險企業來說，商業計劃書的作用尤為重要，通過制訂商業計劃書，把正反理由都書寫下來,然后再逐條推敲，會發現原本還在“雛型”的項目已經變得清晰可辨，也更利于風險企業家認識和把握該項目。

商業計劃書首先是把計劃中要創立的企業推銷給了風險企業家自己。其次，商業計劃書還能幫助把計劃中的風險企業推銷給風險投資家，公司商業計劃書的主要目的之一就是為了籌集資金。因此，商業計劃書必須要說明：

(1)創辦企業的目的??為什么要冒風險，花精力、時間、資源、資金去創辦風險企業?

(2)創辦企業所需的資金??為什么要這么多的錢?為什么投資人值得為此注入資金?

對已建的風險企業來說，商業計劃書可以為企業的發展定下比較具體的方向和重點，從而使員工了解企業的經營目標，并激勵他們為共同的目標而努力。更重要的是，它可以使企業的出資者以及供應商、銷售商等了解企業的經營狀況和經營目標，說服出資者(原有的或新來的)為企業的進一步發展提供資金。正是基于上述理由，商業計劃書將是風險企業家所寫的商業文件中最主要的一個。那么，如何制訂商業計劃書呢?

第一部分：摘要

摘要是風險投資者首先看到的部分。通過摘要，風險投資者對你和你的計劃書形成第一印象，所以摘要必須形式完美，敘述清楚流暢。

第二部分：公司及未來

這部分要使風險投資者對你公司的幾個主要項目及未來的發展戰略有一定程度的了解，各專題既要獨具特色，又要構成一個相關的整體。

1．概述：只要你提供的公司名稱、地址、電話號碼、聯系人等資料皆清楚無誤，則風險投資者將不會提出任何問題。如果可能，可提出行業分類標準，請注意，千萬不要給人無法收到的電話號碼，如果你不在，應建立接轉電話的服務機構或請朋友代轉。

2．公司的自然情況：這里，你要力求用最簡練的一段話描述公司的業務情況。更重要的是，要用最簡短的一句話使風險投資者可以概略認識你的公司。如果你公司已是計算機網絡成員，則你對公司的描述應與在計算機中的描述一致，這樣，風險投資者可以依據你的行業分類目錄概略認識你公司，如果你的文字欠簡明扼要，則對方可能要求你解釋，以確認你公司所屬行業。

3．歷史情況：這里，風險投資者主要尋求一個概略性的認識。即使對方已讀過公司歷史這節，他可能還要求你描述公司的歷史，他們欲詳細了解過去發生了哪些事件。這節似乎很難確定問題的基本類型，但對方很可能提出與公司特殊歷史事件相關的問題。其中一類典型問題可能是：”為什么你人幫了這件事或做了那件事?” 另一類典型問題則可能是：”你公司發展歷史上有哪些重要的里程碑?為什么有實現這些歷史轉折?”

4．公司管理：該部分主要介紹公司的管理情況，領導者及其他對公司業務有關鍵影響的人。通常，小公司不超過三個關鍵人物。風險投資對關鍵人物十分關心。你應該從最高層起，依次介紹，而且注意，關鍵人物不等于有成就者。主要包括董事和高級職員、關鍵雇員、管理者之職業道德、薪金等方面。

5．公司未來的發展規劃：這里，風險投資者還是尋求有關公司未來可完成的里程碑的信息。他們可能提出涉及及未來關鍵階段的問題，其基本問題可能是：”你如何完成計劃書規定的關鍵指標?”

6．唯一性（管理唯一、產品服務唯一或投資基礎唯一等）：這里，你必須回答的問題是：”本公司獨特的原因何在?”這個問題變換說法為：”與世界上所有小公司比較，有哪些因素使你公司興旺發達?”在公司總體范疇之內，大公司通常優越于小公司，如果認為這條規律有一定道理，那么，在你不得不與大公司競爭時，如何保證你公司必勝?為使風險投資者滿意放心，你必須明確提出本公司之不尋常的優勢，可以確保成功。如果你只是”此外，我也差不多”式的回答，對方很可能聽聽睡著了。

7．產品或服務介紹：這里，風險投資者要了解你出售什么，以及市場上需要什么樣的產品和滿意的服務；他要努力評估你產品的可銷售程度和創新程度；他還關心你公司產品處于產品生命周期的哪一階段。他的問題可能是：”為什么這種產品或服務有實用價值?它為用戶提供哪些功能?用戶的購買動機是什么”本產品壽命周期如何?何時可能被新產品取低?有無計劃出新產品或以現存的產品沖出你的產品市場?這種沖出有利還是有害?你的產品責任是什么?若用戶使用你的產品而受到傷害，你要承擔哪些責任?你的產品價格受到哪些限制?價格彈性多少?產品耐用性如何?如何進行產品技術改進?在產品生命周期曲線中，你產品處于哪個階段?”

8．行業情況：這里，風險投資者鈄千方百計分析認識你的行業。他的問題可能是：”你在你行業中成功之關鍵何在?如何保證你公司和產品與你行業協調一致?此外還有一些基本問題，像”你如何了解確認你行業之總銷售額與增長速率?你行業基本發展趨勢如何?哪些行業變化對你公司盈利水準影響最大?你行業有哪些貿易壁壘?第三者初次進入你所屬的行業圈難度如何?與同行其它產品比較，你的產品新穎處何在?本行業銷售受哪些季節性因素影響?你的銷售范圍圈有多廣，是地方、地區、全國還是全世界?”

應該注意的是，你所介紹的本行業一定時期內的銷售額，不能包括未被你產品占領的領域的銷售額。例如：若一個公司只制造微型電腦，則不能說已占領了全部電腦市場。微型電腦市場只是整個電腦市場的一部分，對應的行業只是微電腦市場，而不是全部電腦市場，事實上，目前的微電腦市場已很廣闊了。

9．競爭者：這里，風險投資者希望了解：誰是競爭者，其實力如何，有何優勢，以及你自身有哪些優勢。其典型的問題可能是：”你有哪些超過競爭對手的優勢?關于價格、性能、服務和保證措施，你公司與競爭對手優劣如何?競爭對手有哪些超過你的優勢?誰是你最主要的競爭對手? 誰是你的行業伙伴?你與誰在高層次基礎上競爭?你的產品有無替代品?如果有，誰制造這種產品?其地替代頻繁程度怎樣?你與競爭對手的價格差異如何?有無競爭對手加入你的行業?如果你打算選擇某一市場與競爭對手共享，你的具體措施如何?希望競爭對手如何做出反應?你的競爭對手有股票公開上市的公司嗎?”

10．銷售策略：這里，風險投資者將集中精力分析研究你的市場行銷戰略，它希望了解你產品從生產現場最終轉到用戶手中的全部過程。某些基本問題可能為：” 描述你的產品的分銷管道，即說明你產品從生產現場轉到最終用戶的全過程。你的產品有哪些行銷環節?是本公司直接零售，還是通過行業銷售網銷售?廣告在市場行銷戰略中地位如何?你的基本廣告策略是什么?其成本怎樣?你的銷售對廣告的敏感程度怎樣?你曾采用過哪些市場滲透策略?現計劃采用哪些市場滲透策略?若你的產品和行業進入成熟期計劃采用何種市場戰略?目前銷售難度如何?需要直接推銷否?即銷售人員是否需要直接對用戶叫賣?銷售復雜且周期長；還是相當簡單且直接推銷?購買單件產品費用是高還是低?用戶購買產品時是否一定要事前做預算?從與購買者簽約到最終銷售的時間長短如何?政府對市場交易是否有嚴格管制?”。

第三部分：投資說明

關于投資，你應該提出自己的融資方案，即對貸款、認股權、優先股、普通股等多種投資形式闡明自己的意見，意見要盡可能具體，使對方全面準確了解己方到底準備采用何種融資方式，并愿意付出多大代價。

第四部分：風險因素

投資者向你公司投資可能會遇到何種風險？你應從政策、經營、資源、財務等各方面加以敘述。在說明過程中，只正面敘述，不做評論性說明，主要包括：經營歷史的限制、資源限制、管理經驗限制、市場不確定性限制、生產不確定性限制、破產對關鍵管理者的依賴程度等。

第五部分：投資回報與退身之路

這是投資者非常關心的問題。因為大多數風險投資者并無真正意愿想長期持有公司的股權，而是希望能在條件成熟時“金蟬脫殼”，從而通過股票的增值獲取收益。一般來說風險投資者可提出三種投資變現方式，主要包括股票上市，出售公司和買回等。你應指出自己希望采用何種方式。

第六部分：經營分析與預測

該部分主要基于公司歷史的經營業績分析，據以預測未來的經營情況，這里主要應以公司過去財務數據為基礎，預測未來經營可能的收入、成本與費用，同時，通過比率分析預測出未來經營效率的高低及經營成果的好壞。

第七部分：財務報告

計劃書中應包含你公司當前的財務報告，并附有適當的說明。無論如何，無當前財務報表的計劃書是無法讓人接受的。一份沒有當年財務報告的項目是難以引起風險投資者的興趣的。

第八部分：財務預測

對公司未來5 年的財務狀況進行預測，還需預測以年的資金流量表，以便每個讀者能確切了解公司資金流動狀態。

第八部分：關于產品的報道、介紹、樣品與圖片

為增加計劃書的說服力，你可以收集一些自己公司的綜合介紹文獻、搜集行業產品目錄、收集某些產品圖片等情況等。這些對爭取投資均有一定作用，但不宜過多，否則會起喧賓奪主的反作用。需要聲明的是，這些只能作為計劃書的附件。

總述：

以上介紹的是計劃書的全部內容，根據公司及項目的具體情況，可以結合實際情況在此基礎上增添或刪改，這都是為了滿足項目的需要。

后記：

商業地產的策劃要從策劃的本源上說起，即什么是“策劃”。按照中國文字的意思進行理解：策劃就是運用謀略和計策去取得一種超出常規的良好結果。如果這個詮釋能被接受的話，那么商業地產的策劃就易于理解了。

首先商業地產策劃是一種智慧的創造，它能在商業地產的開發活動中創造出新的價值；如“海上海”的建筑創意，就使“上實”多收二三斗。如“巴比倫生活”的策劃，使得物業的區域價值被凸現出來，“金點子”或者單純的靈感或創意活動；創建性、系統性、完整性、可導入性，更重要的是可以執行才是策劃的本質，它能改變項目，產品的形象市場地位，解決或排除某些商業地產開發過程中某些阻礙和難題。策劃不能等同于“包裝”，“包裝”是策劃活動中經常運用的一種常規手段，它只能起到“錦上添花”的作用，如果通過包裝手段把不利條件變成有利條件了，那么這種包裝行為是有欺詐嫌疑的。

商業地產策劃活動沒有公式（否則就不是策劃了），但有以下幾條策劃的規律是需要掌據的。一是價值發現，就是要在商業地產的價值挖掘方面要獨具慧眼，找出別人沒有看到的價值；二是以理服人，商業地產不相信煽情。商業地產是投資性物業，是固化的資本，投資者比消費者理性，過分熱炒概念是沒有作用的，有用的是完美演繹盈利模式，合理推導要符合商業邏輯，這才是商鋪市場樂于接受的引導；三是以品牌策劃的手法去策劃商業地產；商業地產開發的過程就是這個項目商業品牌樹立的過程，有了市場廣泛的認可，商業就會繁榮，商業繁榮的結果就是這個商業物業升值或價值兌現快捷。

Nodejs給Javascript賦予了服務端應用的生命，Jquery讓Javascript成為瀏覽中開發的利器。 最近學習了Nodejs的Express3.0的開發框架，本來是按照“node.js開發指南”書中介紹，但“node.js開發指南”講的是Express2.x的，從Express2.x到Express3.0自己模索中還是走了不少彎路的。寫篇文章總結一下。

關于作者

張丹(Conan), 程序員Java,R,PHP,Javacript
weibo：@Conan_Z
blog: http://blog.fens.me
email: bsspirit@gmail.com

轉載請注明出處：
http://blog.fens.me/nodejs-express3/

程序代碼已經上傳到github有需要的同學，自行下載。
https://github.com/bsspirit/nodejs-demo

從零開始nodejs系列文章

從零開始nodejs系列文章，將介紹如何利Javascript做為服務端腳本，通過Nodejs框架web開發。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome瀏覽器就基于V8，同時打開20-30個網頁都很流暢。Nodejs標準的web開發框架Express，可以幫助我們迅速建立web站點，比起PHP的開發效率更高，而且學習曲線更低。非常適合小型網站，個性化網站，我們自己的Geek網站??！

目錄

此文重點介紹Express3.0的開發框架，其中還會涉及到Mongoose,Ejs,Bootstrap等相關內容。

1. 建立工程
2. 目錄結構
3. Express3.0配置文件
4. Ejs模板使用
5. Bootstrap界面框架
6. 路由功能
7. Session使用
8. 頁面提示
9. 頁面訪問控制

開發環境：

Win7旗艦版 64bit

MonogoDB: v2.4.3

Tue May 14 09:24:50.118 [initandlisten] MongoDB starting : pid=1716 port=27017 dbpath=./data 64-bit host=PC201304202140
Tue May 14 09:24:50.119 [initandlisten] db version v2.4.3
Tue May 14 09:24:50.119 [initandlisten] git version: fe1743177a5ea03e91e0052fb5e2cb2945f6d95f
Tue May 14 09:24:50.119 [initandlisten] build info: windows sys.getwindowsversion(major=6, minor=1, build=7601, platform=2, service_pack='Service Pack 1') BOOST_LIB_VERSION=1_49
Tue May 14 09:24:50.119 [initandlisten] allocator: system
Tue May 14 09:24:50.119 [initandlisten] options: { dbpath: "./data" }
Tue May 14 09:24:50.188 [initandlisten] journal dir=./data\journal
Tue May 14 09:24:50.189 [initandlisten] recover : no journal files present, no recovery needed
Tue May 14 09:24:50.441 [initandlisten] preallocateIsFaster=true 3.26
Tue May 14 09:24:50.778 [initandlisten] preallocateIsFaster=true 5.88
Tue May 14 09:24:51.827 [initandlisten] waiting for connections on port 27017
Tue May 14 09:24:51.827 [websvr] admin web console waiting for connections on port 28017

nodejs: v0.10.5, npm 1.2.19

node -v
v0.10.5
npm -v
1.2.19

1. 建立工程

進入工程目錄

cd D:\workspace\project

全局安裝express，express作為命令被安裝到了系統中

npm install -g express

查看express版本

express -V
3.2.2

使用express命令創建工程，并支持ejs

D:\workspace\project>express -e nodejs-demo

create : nodejs-demo
create : nodejs-demo/package.json
create : nodejs-demo/app.js
create : nodejs-demo/public
create : nodejs-demo/public/javascripts
create : nodejs-demo/public/images
create : nodejs-demo/public/stylesheets
create : nodejs-demo/public/stylesheets/style.css
create : nodejs-demo/routes
create : nodejs-demo/routes/index.js
create : nodejs-demo/routes/user.js
create : nodejs-demo/views
create : nodejs-demo/views/index.ejs

install dependencies:
$ cd nodejs-demo && npm install
run the app:
$ node app

根據提示，下載依賴包

cd nodejs-demo && npm install

express@3.2.2 node_modules\express
├── methods@0.0.1
├── fresh@0.1.0
├── buffer-crc32@0.2.1
├── range-parser@0.0.4
├── cookie-signature@1.0.1
├── cookie@0.0.5
├── qs@0.6.3
├── commander@0.6.1
├── debug@0.7.2
├── mkdirp@0.3.4
├── send@0.1.0 (mime@1.2.6)
└── connect@2.7.8 (pause@0.0.1, bytes@0.2.0, formidable@1.0.13)

模板項目建立成功，啟動模板項目。

D:\workspace\project\nodejs-demo>node app.js
Express server listening on port 3000

本地的3000端口被打開，通過瀏覽器訪問: localhost:3000

通過node啟動程序，每次代碼修改都需要重新啟動。 有一個工具supervisor，每次修改代碼后會自動重啟，會我們開發省很多的時間。

npm install supervisor

再啟動服務

D:\workspace\project\nodejs-demo>supervisor app.js

DEBUG: Running node-supervisor with
DEBUG: program 'app.js'
DEBUG: --watch '.'
DEBUG: --ignore 'undefined'
DEBUG: --extensions 'node|js'
DEBUG: --exec 'node'

DEBUG: Starting child process with 'node app.js'
DEBUG: Watching directory 'D:\workspace\project\nodejs-demo' for changes.
Express server listening on port 3000

 

2. 目錄結構

D:\workspace\project\nodejs-demo>dir

2013/05/14 09:42 877 app.js
2013/05/14 09:48 <DIR> node_modules
2013/05/14 09:42 184 package.json
2013/05/14 09:42 <DIR> public
2013/05/14 09:42 <DIR> routes
2013/05/14 09:42 <DIR> views

目錄介紹：

• node_modules, 存放所有的項目依賴庫。(每個項目管理自己的依賴，與Maven,Gradle等不同)
• package.json，項目依賴配置及開發者信息
• app.js，程序啟動文件
• public，靜態文件(css,js,img)
• routes，路由文件(MVC中的C,controller)
• Views，頁面文件(Ejs模板)

3. Express3.0配置文件

打開app.js文件

/**
* 模塊依賴
*/
var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path');

var app = express();

//環境變量
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// 開發模式
if ('development' == app.get('env')) {
app.use(express.errorHandler());
}

// 路徑解析
app.get('/', routes.index);
app.get('/users', user.list);

// 啟動及端口
http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});

 

4. Ejs模板使用

讓ejs模板文件，使用擴展名為html的文件。

修改：app.js

app.engine('.html', ejs.__express);
app.set('view engine', 'html');// app.set('view engine', 'ejs');

修改后，ejs變量沒有定義，supervisor的程序會一直報錯

ReferenceError: ejs is not defined
at Object. (D:\workspace\project\nodejs-demo\app.js:17:21)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)
at node.js:901:3
DEBUG: Program node app.js exited with code 8

在app.js中增加ejs變量

var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path')
, ejs = require('ejs');

訪問localhost:3000，程序報錯

Error: Failed to lookup view "index"
at Function.app.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\application.js:495:17)
at ServerResponse.res.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\response.js:756:7)
at exports.index (D:\workspace\project\nodejs-demo\routes\index.js:7:7)
at callbacks (D:\workspace\project\nodejs-demo\node_modules\express\lib\router\index.js:161:37)
at param (D:\workspace\project\nodejs-demo\node_modules\express\lib\router\index.js:135:11)
at pass (D:\workspace\project\nodejs-demo\node_modules\express\lib\router\index.js:142:5)
at Router._dispatch (D:\workspace\project\nodejs-demo\node_modules\express\lib\router\index.js:170:5)
at Object.router (D:\workspace\project\nodejs-demo\node_modules\express\lib\router\index.js:33:10)
at next (D:\workspace\project\nodejs-demo\node_modules\express\node_modules\connect\lib\proto.js:190:15)
at Object.methodOverride [as handle] (D:\workspace\project\nodejs-demo\node_modules\express\node_modules\connect\lib\middleware\methodOverride.js:37:5)
GET / 500 26ms

重命名：views/indes.ejs 為 views/index.html

訪問localhost:3000正確

 

5. 增加Bootstrap界面框架

其實就是把js,css文件復制到項目中對應該的目錄里。 包括4個文件：

復制到public/stylesheets目錄

bootstrap.min.css
bootstrap-responsive.min.css

復制到public/javascripts目錄

bootstrap.min.js
jquery-1.9.1.min.js

接下來，我們把index.html頁面切分成3個部分：header.html, index.html, footer.html

header.html, 為html頁面的頭部區域
index.html, 為內容顯示區域
footer.html，為頁面底部區域

header.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><%=: title %></title>
<!-- Bootstrap -->
<link href="/stylesheets/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- <link href="css/bootstrap-responsive.min.css" rel="stylesheet" media="screen"> -->
</head>
<body screen_capture_injected="true">

index.html

<% include header.html %>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<% include footer.html %>

注：express3.0時，ejs嵌入其他頁面時使用include，express2.x用法不一樣。

footer.html

<script src="/javascripts/jquery-1.9.1.min.js"></script>
<script src="/javascripts/bootstrap.min.js"></script>
</body>
</html>

訪問localhost:3000正確。

我們已經成功的使用了EJS模板的功能，把公共的頭部和底部從頁面中分離出來了。

并已經引入了bootstrap界面框架，后面講到“登陸界面”的時候，就會看到bootstrap界面效果了。

 

6. 路由功能

我們設計一下用戶登陸業務需求。

訪問路徑：/，頁面：index.html，不需要登陸，可以直接訪問。
訪問路徑：/home，頁面：home.html，必須用戶登陸后，才可以訪問。
訪問路徑：/login，頁面：login.html，登陸頁面，用戶名密碼輸入正確，自動跳轉到home.html
訪問路徑：/logout，頁面：無，退出登陸后，自動回到index.html頁面
打開app.js文件，在增加路由配置

app.get('/', routes.index);
app.get('/login', routes.login);
app.post('/login', routes.doLogin);
app.get('/logout', routes.logout);
app.get('/home', routes.home);

注：get為get請求，post為post請求，all為所有針對這個路徑的請求

我們打開routes/index.js文件，增加對應的方法。

exports.index = function(req, res){
res.render('index', { title: 'Index' });
};
exports.login = function(req, res){
res.render('login', { title: '用戶登陸'});
};
exports.doLogin = function(req, res){
var user={
username:'admin',
password:'admin'
}
if(req.body.username===user.username && req.body.password===user.password){
res.redirect('/home');
}
res.redirect('/login');
};
exports.logout = function(req, res){
res.redirect('/');
};
exports.home = function(req, res){
var user={
username:'admin',
password:'admin'
}
res.render('home', { title: 'Home',user: user});
};

創建views/login.html和views/home.html兩個文件

login.html

<% include header.html %>
<div class="container-fluid">
<form class="form-horizontal" method="post">
<fieldset>
<legend>用戶登陸</legend>
<div class="control-group">
<label class="control-label" for="username">用戶名</label>
<div class="controls">
<input type="text" class="input-xlarge" id="username" name="username">
</div>
</div>
<div class="control-group">
<label class="control-label" for="password">密碼</label>
<div class="controls">
<input type="password" class="input-xlarge" id="password" name="password">
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">登陸</button>
</div>
</fieldset>
</form>
</div>
<% include footer.html %>

注：使用了bootstrap界面框架，效果還不錯吧.

home.html

<% include header.html %>
<h1>Welcome <%= user.username %>, 歡迎登陸?。?lt;/h1>
<a claa="btn" href="/logout">退出</a>
<% include footer.html %>

修改index.html，增加登陸鏈接
index.html

<% include header.html %>
<h1>Welcome to <%= title %></h1>
<p><a href="/login">登陸</a></p>
<% include footer.html %>

路由及頁面我們都寫好了，快去網站上試試吧。

 

7. Session使用

從剛來的例子上面看，執行exports.doLogin時，如果用戶名和密碼正確，我們使用redirect方法跳轉到的home

res.redirect('/home');

執行exports.home時，我們又用render渲染頁面，并把user對象傳給home.html頁面

res.render('home', { title: 'Home',user: user});

為什么不能在doLogin時，就把user對象賦值給session，每個頁面就不再傳值了。

session這個問題，其實是涉及到服務器的底層處理方式。

像Java的web服務器，是多線程調用模型。每用戶請求會打開一個線程，每個線程在內容中維護著用戶的狀態。

像PHP的web服務器，是交行CGI的程序處理，CGI是無狀態的，所以一般用cookie在客戶的瀏覽器是維護用戶的狀態。但cookie在客戶端維護的信息是不夠的，所以CGI應用要模仿用戶session，就需要在服務器端生成一個session文件存儲起來，讓原本無狀態的CGI應用，通過中間文件的方式，達到session的效果。

Nodejs的web服務器，也是CGI的程序無狀態的，與PHP不同的地方在于，單線程應用，所有請求都是異步響應，通過callback方式返回數據。如果我們想保存session數據，也是需要找到一個存儲，通過文件存儲,redis,Mongdb都可以。

接下來，我將演示如何通過mongodb來保存session，并實現登陸后用戶對象傳遞。

app.js文件

var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path')
, ejs = require('ejs')
, SessionStore = require("session-mongoose")(express);
var store = new SessionStore({
url: "mongodb://localhost/session",
interval: 120000
});
....
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(express.cookieParser());
app.use(express.cookieSession({secret : 'fens.me'}));
app.use(express.session({
secret : 'fens.me',
store: store,
cookie: { maxAge: 900000 }
}));
app.use(function(req, res, next){
res.locals.user = req.session.user;
next();
});
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

注：app.js文件有順序要求，一定要注意?。。?/strong>

安裝session-mongoose依賴庫

D:\workspace\project\nodejs-demo>npm install session-mongoose
D:\workspace\project\nodejs-demo\node_modules\session-mongoose\node_modules\mongoose\node_modules\mongodb\node_modules\bson>node "D:\toolkit\nodejs\node_modules\npm\bin\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js" rebuild
C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\Microsoft.Cpp.InvalidPlatform.Targets(23,7): error MSB8007: 項目“kerberos.vcxproj”的平臺無效。平臺為“x64”。您會看到此消息的可能原因是，您嘗試在沒有解決方案文件的情況下生成項目，并且為
oose\node_modules\mongoose\node_modules\mongodb\node_modules\bson\build\bson.vcxproj]
session-mongoose@0.2.2 node_modules\session-mongoose
└── mongoose@3.6.10 (mpath@0.1.1, ms@0.1.0, hooks@0.2.1, sliced@0.0.3, muri@0.3.1, mpromise@0.2.1, mongodb@1.3.3)

安裝有錯誤但是沒關系。

訪問：http://localhost:3000/login，正常

修改routes/index.js文件

exports.doLogin方法

exports.doLogin = function(req, res){
var user={
username:'admin',
password:'admin'
}
if(req.body.username===user.username && req.body.password===user.password){
req.session.user=user;
return res.redirect('/home');
} else {
return res.redirect('/login');
}
};

exports.logout方法

exports.logout = function(req, res){
req.session.user=null;
res.redirect('/');
};

exports.home方法

exports.home = function(req, res){
res.render('home', { title: 'Home'});
};

這個時候session已經起作用了，exports.home的user顯示傳值已經被去掉了。 是通過app.js中app.use的res.locals變量，通過框架進行的賦值。

app.use(function(req, res, next){
res.locals.user = req.session.user;
next();
});

注：這個session是express3.0的寫法，與express2.x是不一樣的。原理是在框架內每次賦值，把我們剛才手動傳值的過程，讓框架去完成了。

 

8. 頁面提示

登陸的大體我們都已經講完了，最后看一下登陸失敗的情況。

我們希望如果用戶登陸時，用戶名或者密碼出錯了，會給用戶提示，應該如何去實現。

打開app.js的，增加res.locals.message

app.use(function(req, res, next){
res.locals.user = req.session.user;
var err = req.session.error;
delete req.session.error;
res.locals.message = '';
if (err) res.locals.message = '<div class="alert alert-error">' + err + '</div>';
next();
});

修改login.html頁面，<%- message %>

<% include header.html %>
<div class="container-fluid">
<form class="form-horizontal" method="post">
<fieldset>
<legend>用戶登陸</legend>
<%- message %>
<div class="control-group">
<label class="control-label" for="username">用戶名</label>
<div class="controls">
<input type="text" class="input-xlarge" id="username" name="username" value="admin">
</div>
</div>
<div class="control-group">
<label class="control-label" for="password">密碼</label>
<div class="controls">
<input type="password" class="input-xlarge" id="password" name="password" value="admin">
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">登陸</button>
</div>
</fieldset>
</form>
</div>
<% include footer.html %>

修改routes/index.js，增加req.session.error

exports.doLogin = function(req, res){
var user={
username:'admin',
password:'admin'
}
if(req.body.username===user.username && req.body.password===user.password){
req.session.user=user;
return res.redirect('/home');
} else {
req.session.error='用戶名或密碼不正確';
return res.redirect('/login');
}
};

讓我們來看看效果： http://localhost:3000/login 輸入錯誤的和密碼， 用戶名：adminfe，密碼：12121

 

9. 頁面訪問控制

網站登陸部分按照我們的求已經完成了，但網站并不安全。

localhost:3000/home，頁面本來是登陸以后才訪問的，現在我們不要登陸，直接在瀏覽器輸入也可訪問。

頁面報錯了，提示<%= user.username %> 變量出錯。

 GET /home?user==a 500 15ms TypeError: D:\workspace\project\nodejs-demo\views\home.html:2 1| <% include header.html %> >> 2| <h1>Welcome <%= user.username %>, 歡迎登陸??！</h1> 3| <a claa="btn" href="/logout">退出</a> 4| <% include header.html %> Cannot read property 'username' of null at eval (eval at <anonymous> (D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js: at eval (eval at <anonymous> (D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js: at D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js:249:15 at Object.exports.render (D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js:287: at View.exports.renderFile [as engine] (D:\workspace\project\nodejs-demo\node_modules\ejs\l at View.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\view.js:75:8) at Function.app.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\applicati at ServerResponse.res.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\res at exports.home (D:\workspace\project\nodejs-demo\routes\index.js:36:8) at callbacks (D:\workspace\project\nodejs-demo\node_modules\express\lib\router\index.js:161 

這個頁面被打開發，因為沒有user.username參數。我們避免這樣的錯誤發生。

還記錄路由部分里說的get,post,all的作用嗎？我現在要回到路由配置中，再做點事情。

修改app.js文件

 app.all('/login', notAuthentication); app.get('/login', routes.login); app.post('/login', routes.doLogin); app.get('/logout', authentication); app.get('/logout', routes.logout); app.get('/home', authentication); app.get('/home', routes.home); 

訪問控制：

• / ，誰訪問都行，沒有任何控制
• /login，用all攔截所有訪問/login的請求，先調用authentication，用戶登陸檢查
• /logout，用get攔截訪問/login的請求，先調用notAuthentication，用戶不登陸檢查
• /home，用get攔截訪問/home的請求，先調用Authentication，用戶登陸檢查

修改app.js文件，增加authentication，notAuthentication兩個方法

 function authentication(req, res, next) { if (!req.session.user) { req.session.error='請先登陸'; return res.redirect('/login'); } next(); } function notAuthentication(req, res, next) { if (req.session.user) { req.session.error='已登陸'; return res.redirect('/'); } next(); } 

配置好后，我們未登陸，直接訪問localhost:3000/home時，就會跳到/login頁面

如果你也出現圖片顯示的內容，那么恭喜你了。

Nodejs使用Express3.0框架的第一步你已經完成了，并且還使用了ejs,bootstrap,mongoose庫的使用。

希望此文對大家有所幫助。