只需几分钟跟小猫学前端(内含视频教程):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高級程序設計》,犀牛書等等。
?
所以小貓一直覺得,有個簡單基礎很快有成就感的教程,帶領新手有成就感有作品的進入一個領域是非常重要的,小貓想做這個重要的人。也覺得這是一件很有意義的事。
?
小貓開始做這件事,還沒想過會得到什么回報,更多的是為了成為技術布道者這一夢想。
?
如果在學習小貓的教程中,你得到了收獲,希望你能分享給更多的人,也算對本喵的支持,也給了小貓繼續做這件事的動力。
?
小貓很虛心的接受大家的批評和意見,但是被人嘲笑的夢想才有實踐的價值不是嗎,小貓會堅持自己的路,做自己想做的事。
?
對教程有意見和建議請留言公號,另外小貓的公號接受大家的投稿~只要是好的內容,沒有很濃的推廣商業性質,小貓這里沒有什么所謂的商業合作!如果一經采用,附近的親小貓可以請吃飯!
?
最后,祝大家都能勿忘初心,朝著夢想努力工作,努力生活,努力活著~
我是一只一直在努力的貓!
轉載于:https://www.cnblogs.com/maorongmaomao/p/8998990.html
總結
以上是生活随笔為你收集整理的只需几分钟跟小猫学前端(内含视频教程):nodejs基础之用express、ejs、mongdb建设简单的网站...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: STM32的I2C特性及架构
- 下一篇: 项目微管理18 - 嘴遁