只需几分钟跟小猫学前端（内含视频教程）：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高级程序设计》，犀牛书等等。

 

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

 

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

 

若是在学习小猫的教程中，你获得了收获，但愿你能分享给更多的人，也算对本喵的支持，也给了小猫继续作这件事的动力。

 

小猫很虚心的接受你们的批评和意见，可是被人嘲笑的梦想才有实践的价值不是吗，小猫会坚持本身的路，作本身想作的事。

 

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

 

最后，祝你们都能勿忘初心，朝着梦想努力工做，努力生活，努力活着～

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