只需幾分鐘跟小貓學前端（內含視頻教程）：nodejs基礎之用express、ejs、mongdb建設簡單的網站

開門見山視頻教程

 

https://v.qq.com/x/page/d0645s79xrq.html

 

 

前 言：

這是小貓的第二篇node教程，第一篇教程是一個簡單的試水，小貓的node教程面向對象爲沒有後端開發經驗的但對node有所瞭解的web前端工程師們，每篇幾分鐘的視頻和博文，由淺入深的學習node。因此跟小貓一塊兒學node吧，小貓期待親的持續關注。

今天將爲你們帶來的是一個電商展現小網站，使用express，ejs，mongodb搭建（不要問本喵技術選型問題，本文重點是讓小白前端認識全棧開發），主要用於讓你們對node的express框架，在node中如何使用模版引擎和數據庫有基本認識。經過這篇教程的學習，你將對全棧開發有基本的認識和能力，正式開始跨入全棧工程師的門檻哦。

想要獲取文章中的代碼請回復：代碼

首先是技術介紹

express

第一篇node教程也有介紹過：

基於Node.js 平臺,快速、開放、極簡的 web 開發框架，這裏主要用來作簡單的路由功能，主要是用了get，靜態資源管理。

ejs

比較常見的node模版引擎，web前端小夥伴們對模板引擎必定不陌生吧？

本文會以ejs爲例介紹如何在node中引入模板引擎，主要用到了ejs的foreach和基本數據輸出。

mongodb

MongoDB 是一個基於分佈式文件存儲的數據庫。由c++語言編寫。旨在爲WEB應用提供可擴展的高性能數據存儲解決方案。

MongoDB 是一個介於關係數據庫和非關係數據庫之間的產品，是非關係數據庫當中功能最豐富，最像關係數據庫的。

本實例主要用到了，

鏈接數據庫（connect），建立集合（createCollection），插入數據（insertMany），刪除數據（deleteMany），查找數據（find）等api,後面會在編碼中進行詳細介紹

 

 

思路：

1.使用express搭建web服務和簡單的路由

代碼以下：以前的教程介紹過get方法，這裏再也不介紹

2.用express管理靜態資源：靜態資源管理能夠指定靜態資源根目錄，使得靜態資源能夠按目錄路由，無需在每一個單獨定製路由

3.引入ejs模板引擎

4.鏈接mongodb 數據庫，並使用mongodb儲存商品信息

首先咱們要先安裝mongodb數據庫，具體安裝方法能夠見http://www.runoob.com/mongodb/mongodb-tutorial.html

運行命令啓動mongodb數據庫服務，默認端口是27017

其次，鏈接數據庫（connect）,建立集合（createCollection），並存儲商品信息(insertMany)

5.從mongodb數據庫中讀取商品信息，並輸出到頁面上

這裏使用到的mongodb，api 爲 find，find接受的參數爲查詢數據的規則，傳入空對象時，返回所有

6.最後整理代碼：

獲取所有代碼請回復「代碼」

 

後記：

這幾天經歷了不少詆譭，被說騙粉，被說有套路，被說用本身形象宣傳噁心，被說技術太水。也讓本喵這幾天充滿了負能量。

但本喵要強調下作這件事的初衷，本喵寫這個教程從沒想過要炫耀本身多牛逼的技術，只是想讓更多的前端工程師能夠進入全棧開發的領域，想讓更多的人上手node，充滿成就感的學習下去。

 

小貓不是計算機專業的學生，好久好久之前小貓也曾自學前端，經歷過很痛苦的，求知無門的入門期，就好像面前有一層薄薄的窗戶紙，當在我面前，後面就是程序世界的繁華多姿。當時本喵有幸讀到一本書《javascript dom編程藝術》這本書就是沒有講什麼實際原理，可是跟着書上作，你會發現你很快的作出了東西來，很是有成就感，我也是跟着這本書進入了javascript的世界，經過這本書的學習，後面又接觸了《javascipt高級程序設計》，犀牛書等等。

 

因此小貓一直以爲，有個簡單基礎很快有成就感的教程，帶領新手有成就感有做品的進入一個領域是很是重要的，小貓想作這個重要的人。也以爲這是一件頗有意義的事。

 

小貓開始作這件事，還沒想過會獲得什麼回報，更多的是爲了成爲技術佈道者這一夢想。

 

若是在學習小貓的教程中，你獲得了收獲，但願你能分享給更多的人，也算對本喵的支持，也給了小貓繼續作這件事的動力。

 

小貓很虛心的接受你們的批評和意見，可是被人嘲笑的夢想纔有實踐的價值不是嗎，小貓會堅持本身的路，作本身想作的事。

 

對教程有意見和建議請留言公號，另外小貓的公號接受你們的投稿～只要是好的內容，沒有很濃的推廣商業性質，小貓這裏沒有什麼所謂的商業合做！若是一經採用，附近的親小貓能夠請吃飯！

 

最後，祝你們都能勿忘初心，朝着夢想努力工做，努力生活，努力活着～

我是一隻一直在努力的貓！