本章主要講什么（一句話）宅静？
《項目實戰(zhàn)：基于Angular2+Mongodb+Node技術(shù)實現(xiàn)的多用戶博客系統(tǒng)教程（1）》
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?-- 項目簡介&界面功能效果展示
一漱抓、前言
? ? 最近在學(xué)習(xí)研究Angular2,發(fā)現(xiàn)Angular2較Angular1相比可謂是有了翻天覆地的變化，深深的被Angular2的typescript語法靈活和其組件式的設(shè)計所吸引流码。網(wǎng)上也搜了很多文章研侣，發(fā)現(xiàn)知識點比較零碎端圈，很難成系統(tǒng)盒音，個人在學(xué)習(xí)的過程中也遇到了很多“坑”扣溺，故蒙生了做一個小項目來練手快速掌握Angular2的核心功能的想法宏悦。故本人經(jīng)過幾周時間的準備镐确，在業(yè)余時間寫了一個小系統(tǒng)：即《基于Angular2+MongoDB+Node技術(shù)實現(xiàn)的多用戶博客系統(tǒng)》，可謂是一個“麻雀雖小饼煞，五臟俱全”的小項目源葫，通過這個小項目，完整了演示了Angular2結(jié)合Mongodb和Node的結(jié)合在開發(fā)中會經(jīng)常涉及到的80%以上常用知識點砖瞧。過程中記錄下實現(xiàn)的所有步驟和過程中踩過的“坑”息堂，現(xiàn)特意整理出來，分享給各位熱愛前端開發(fā)的朋友們块促，希望會對大家有所幫助荣堰。
二、需求分析
2.1褂乍、什么是多用戶博客系統(tǒng)持隧？
? ? 博客，又譯為網(wǎng)絡(luò)日志逃片、部落格或部落閣等屡拨，是一種通常由個人管理、不定期張貼新的文章的網(wǎng)站褥实。博客上的文章通常根據(jù)張貼時間呀狼，以倒序方式由新到舊排列。許多博客專注在特定的課題上提供評論或新聞损离，其他則被作為比較個人的日記哥艇。一個典型的博客結(jié)合了文字、圖像僻澎、其他博客或網(wǎng)站的鏈接貌踏、及其它與主題相關(guān)的媒體十饥。能夠讓讀者以互動的方式留下意見，是許多博客的重要要素祖乳。博客是社會媒體網(wǎng)絡(luò)的一部分逗堵。 博客系統(tǒng)，是指使用計算機語言編寫眷昆，并便于用戶安裝和使用蜒秤，在互聯(lián)網(wǎng)上建立個人博客的一整套系統(tǒng)。本系統(tǒng)主要搭建一個簡單的具有多人注冊亚斋、登錄作媚、發(fā)表文章、登出功能的博客帅刊。
2.2纸泡、技術(shù)架構(gòu)？
? ? 本系統(tǒng)采用的是當下最流行的Mongodb 3.x赖瞒、Express 4.x弟灼、Nodejs 6.x 與Angularjs 2.x 結(jié)合的MEAN架構(gòu)。
2.3冒黑、涉及到的技術(shù)田绑？
Angular2相關(guān)：
模塊 (module)
組件 (component)
模板 (template)
元數(shù)據(jù) (metadata)
數(shù)據(jù)綁定 (data binding)
指令 (directive)
服務(wù) (service)
依賴注入 (dependency injection)
Node相關(guān)：
Node開發(fā)環(huán)境搭建
Node常見類庫的使用
Express快速開發(fā)框架的使用
基于Node的Web服務(wù)器的搭建
Node與MongoDB的Http交互
Node中的Session，Cookie的使用
第三方組件Mongoos的使用及注意事項
其他
MongoDB相關(guān)
MongoDB的安裝抡爹、配置掩驱、使用
MongoDB的建庫，建文檔
MongoDB的基于文檔的增冬竟、刪欧穴、改、查
MongoDB的數(shù)據(jù)導(dǎo)入泵殴、導(dǎo)出涮帘、備份、還原
其他
HTML5笑诅，CSS3调缨，Jquery，JavaScript
三吆你、設(shè)計實現(xiàn)
設(shè)計實現(xiàn)主要分為三個方面
MongoDB的數(shù)據(jù)庫設(shè)計實現(xiàn)
Node的后臺功能實現(xiàn)
Angular2的前臺界面與功能實現(xiàn)
此塊因為涉及到的內(nèi)容比較多弦叶，這一篇肯定是說不完的，故這里就先總體上說了一下設(shè)計思路妇多，接下每一篇寫具體實現(xiàn)伤哺，一篇一個功能，大家期待我的下一篇吧 ：）
四、界面效果
4.1立莉、主頁
主頁顯示Banner及所有用戶發(fā)表的文章绢彤，按發(fā)表的日期倒序顯示，界面如下所示：
4.2蜓耻、用戶登錄功能
如果用戶點擊“登錄”或者“點擊”我的博客“杖虾，沒有登錄時，會自動跳到”登錄界面媒熊，如下所示：
4.3、用戶注冊功能
如果用戶沒用帳號坟比，可能通過 “注冊” 功能芦鳍，來注冊一個新的用戶，界面如下所示：
4.4葛账、我的博客功能
用戶登錄成功后柠衅，會進入“我的博客”界面，在此界面上可以查看自己以前發(fā)表的文章籍琳，也可以發(fā)表新的文章菲宴，界面如下：
4.5、發(fā)表新文章
用戶登錄系統(tǒng)后趋急，可以選擇發(fā)表自己的新的文章喝峦，如下圖所示：
4.6、關(guān)于我們
五呜达、后述
? ? ? ?這里整個系統(tǒng)都是采用angular2.x+mongodb3.x+node6.x框架開發(fā)的谣蠢。如果大家感興趣，就給我留言查近，以支持我寫下去的動力眉踱。我接下來就按照功能列表一篇一篇的來寫。
? ? 《基于Angular2+Mongodb+Node技術(shù)實現(xiàn)的多用戶博客系統(tǒng)》正在連載中霜威，明天我將為大家推出【第二章：基于MongoDB的MyBlog數(shù)據(jù)庫設(shè)計篇（初級篇）】谈喳，歡迎各位繼續(xù)關(guān)注~
? ? ? 搜索并關(guān)注“風(fēng)舞煙”的簡書專欄、頭條號戈泼、微信公眾號婿禽、 企鵝媒體平臺，你可以定期收到關(guān)于簡書專欄的最新動態(tài)以及IT前沿最新技術(shù)的高質(zhì)量經(jīng)驗文章大猛、視頻分享谈宛。
? ? ?謝謝大家的支持，歡迎大家留言交流胎署。
