只需几分钟跟小猫学前端(内含视频教程):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

时间: 2024-10-07 08:42:41

只需几分钟跟小猫学前端(内含视频教程):nodejs基础之用express、ejs、mongdb建设简单的网站的相关文章

如何对比Python和Java,只需三分钟告诉你!

Java和Python两门语言都是目前非常热门的语言,可谓北乔峰南慕容,二者不分上下,棋逢对手.但是对于初学者来说,非常困惑,因为时间和精力有限,上手必须要先学一门,到底选那个好呢,今天3分钟带你透彻了解. 1.运行速度 java是静态语言静态编译的,速度上要比Python快的很多,而Python动态类型语言,一边执行一边编译,速度要上慢一些. 2.对Legacy代码的支持 对于legacy代码的支持,由于Java大量的用于电商,互联网后端,银行等大型系统,所以对于legacy的代码的数量要远大

二手手机回收:估价+回收只需3分钟

一台烹饪机器人2分半钟炒出一盘虾仁;只需要喷一次水,就能让道路扬尘大幅降低的抑尘剂……昨日,第八届北京国际节能环保展在北京展览馆开幕,众多跟市民生活息息相关的高科技环保产品亮相. 据了解,展览将持续到6月11日,市民可凭有效证件前往免费观展. 路面固化剂: 一吨防尘剂可省4万吨水 在低碳环保节能展上,一种用来防止道路扬尘的路面固化剂成为热门. 首创集团北京精诚博桑科技公司副总经理徐若松介绍说,现在降低城市路面扬尘主要靠喷水.但是,几十分钟后,喷到路面上的水就被蒸发了,降尘效果不明显.如果将这款高

Java是什么?只需5分钟,了解java必须要知道的知识点

不清楚Java是什么?只需5分钟,了解java必须要懂的知识点 Java吸取了C++面向对象的概念,将数据封装于类中,利用类的优点,实现了程序的简洁性和便于维护性.下面是我收集的Java必备基础知识点,希望对你有用. 1. 简述Java的基本历史 Java起源于SUN公司的一个GREEN的项目,其原先目的是:为家用消费电子产品发送一个信息的分布式代码系统,通过发送信息控制电视机.冰箱等. 2. Java特点 简单的.面向对象的.分布式的.安全的.稳定的.与平台无关的.可解释的.多线的.动态的语言

只需2分钟,简单构建velocity web项目

Velocity是一个基于java的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象 velocity的语法非常简单.这里不多介绍. 我们平时的web项目,通常的开发流程是前端写好静态页面.后端将静态页面改成jsp,在相应的需要替换数据的地方,使用 jstl.EL表达式等接收action模块传递过来的数据.一般使用action来处处理参数,调用service层来处理业务逻辑,service层调用da

js只需5分钟创建一个跨三大平台纯原生APP

DeviceOne之前介绍过了,现在来介绍一下DeviceOne快速开发到什么程度 使用js只需要5分钟就可以打出垮Android.ios.windows三大平台的纯原生UI的安装包. 只需要6个小时,就可以画出仿微信的四个页面. 只需要10个小时,就可以画出仿墨迹天气的三个页面. DeviceOne地址:http://www.deviceone.net QQ群:365443130 请看效果图:

docker核心技术分享搭建OpenVPN服务只需5分钟搞定!

OpenVPN是款开源的VPN服务软件, 大家可以在自己的服务器上部署.由于采用了非对称加密算法, 保证数据传输的安全, 不被恶意偷窥.但是部署过程中, 涉及很多文件(CRT+KEY). 稍不注意, 就会遗漏.借助于Docker, 就可以在短短5分钟之内, 搭建一个OpenVPN服务. 下载服务包 https://wfuzz.com/open/openvpn.tgz https://wfuzz.com/open/centos.tgz 导入服务包 gunzip  -c centos.tgz  |

Java是什么?只需5分钟,了解java必须要懂的知识点

Java是什么?Java吸取了C++面向对象的概念,将数据封装于类中,利用类的优点,实现了程序的简洁性和便于维护性.下面是我收集的Java必备基础知识点,希望对你有用.1. 简述Java的基本历史Java起源于SUN公司的一个GREEN的项目,其原先目的是:为家用消费电子产品发送一个信息的分布式代码系统,通过发送信息控制电视机.冰箱等.2. Java特点简单的.面向对象的.分布式的.安全的.稳定的.与平台无关的.可解释的.多线的.动态的语言.3. 什么是Java?Java:一种编程语言.一种开发

android最简单手机地图APP(只需5分钟)

android最简单手机地图APP--只有三部分. 第一部分 首先建立一个MapActivity在setContentView(R.layout.activity_map);中创建一个<WebView>代码如下. <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/and

只需2分钟,看一个让你洞穿O2O真相的冷寓言

关于互联网经济的奇葩寓言之(2) 小马大学毕业,找不到合适工作. 于是乎,家里托关系把他安排到了一个不热门旅游景点.小马的这份工作很重要,要对景区里所有不太和谐的行为进行有效控制和管理.说的通俗点,就是--保安. 这个景点有多不热门呢?因为是在一个非旅游城市的缘故,这个对本地人没有丝毫吸引力的经典,如果用百度的景区热力地图来检测,在旅游最旺的时节,这里也没有多少人用百度地图来检索和搜寻. 说白了,去这个景点玩,不会堵车,也不用考虑抢车位. 由于景区生意不好,所以景区里就有了一个特殊政策,让员工可