只需几分钟跟小猫学前端（内含视频教程）：nodejs基础之用expressejsmongdb建设简单的网站

Posted 2020-11-03 毛绒猫猫

开门见山视频教程

 

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高级程序设计》，犀牛书等等。

 

所以小猫一直觉得，有个简单基础很快有成就感的教程，带领新手有成就感有作品的进入一个领域是非常重要的，小猫想做这个重要的人。也觉得这是一件很有意义的事。

 

小猫开始做这件事，还没想过会得到什么回报，更多的是为了成为技术布道者这一梦想。

 

如果在学习小猫的教程中，你得到了收获，希望你能分享给更多的人，也算对本喵的支持，也给了小猫继续做这件事的动力。

 

小猫很虚心的接受大家的批评和意见，但是被人嘲笑的梦想才有实践的价值不是吗，小猫会坚持自己的路，做自己想做的事。

 

对教程有意见和建议请留言公号，另外小猫的公号接受大家的投稿～只要是好的内容，没有很浓的推广商业性质，小猫这里没有什么所谓的商业合作！如果一经采用，附近的亲小猫可以请吃饭！

 

最后，祝大家都能勿忘初心，朝着梦想努力工作，努力生活，努力活着～

我是一只一直在努力的猫！