只需几分钟跟小猫学前端(内含视频教程):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高级程序设计》,犀牛书等等。
所以小猫一直觉得,有个简单基础很快有成就感的教程,带领新手有成就感有作品的进入一个领域是非常重要的,小猫想做这个重要的人。也觉得这是一件很有意义的事。
小猫开始做这件事,还没想过会得到什么回报,更多的是为了成为技术布道者这一梦想。
如果在学习小猫的教程中,你得到了收获,希望你能分享给更多的人,也算对本喵的支持,也给了小猫继续做这件事的动力。
小猫很虚心的接受大家的批评和意见,但是被人嘲笑的梦想才有实践的价值不是吗,小猫会坚持自己的路,做自己想做的事。
对教程有意见和建议请留言公号,另外小猫的公号接受大家的投稿~只要是好的内容,没有很浓的推广商业性质,小猫这里没有什么所谓的商业合作!如果一经采用,附近的亲小猫可以请吃饭!
最后,祝大家都能勿忘初心,朝着梦想努力工作,努力生活,努力活着~
我是一只一直在努力的猫!
只需几分钟跟小猫学前端(内含视频教程):nodejs基础之用express、ejs、mongdb建设简单的网站的更多相关文章
- 每天几分钟跟小猫学前端之node系列:用node实现最简单的爬虫
先来段求分小视频: https://www.iesdouyin.com/share/video/6550631947750608142/?region=CN&mid=6550632036246 ...
- 前端笔记之NodeJS(三)Express&ejs模板引擎&请求识别
一.Express框架 1.1基本使用 创建http服务器特别麻烦,express框架解决了这个的问题. Express在node界的地位,就相当于jQuery在DOM界的地位.jQuery的核心就是 ...
- 只需2分钟!PC端的报表即可转换成手机报表
转: 只需2分钟!PC端的报表即可转换成手机报表 手机制作报表,这个大家不知有没有尝试过,虽然我们平时都用电脑做,但是电脑要是不在身边了,手机就可以用来应应急.但其实小编并没有在手机上制作报表的实践经 ...
- 只需2分钟,简单构建velocity web项目
Velocity是一个基于java的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象 velocity ...
- 开发Web版一对一远程直播教室只需30分钟 - 使用face2face网络教室
转载自:https://blog.csdn.net/wo_shi_ma_nong/article/details/88110111 在“为网站开发远程直播教室的折腾过程及最终实现”中,介绍了如何使用f ...
- 中小企业自建云WAF有多难?只需20分钟!而且:全程免费!
以往,运营型的web为了安全目的,才使用WAF进行安全防护. 而现如今,WAF对企业web来说,已然成了刚需.为何?等保.网络安全法的硬性要求! 当然,这样要求显然是对的:没有网络安全,就没有国家安全 ...
- js只需5分钟创建一个跨三大平台纯原生APP
DeviceOne之前介绍过了,现在来介绍一下DeviceOne快速开发到什么程度 使用js只需要5分钟就可以打出垮Android.ios.windows三大平台的纯原生UI的安装包. 只需要6个小时 ...
- Spring Boot 学习系列(01)—从0到1,只需两分钟
此文已由作者易国强授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 快速构建 如果我们想基于spring mvc 提供一个简单的API查询服务,传统的方式,首先需要我们引入sp ...
- Keycloak快速上手指南,只需10分钟即可接入Spring Boot/Vue前后端分离应用实现SSO单点登录
登录及身份认证是现代web应用最基本的功能之一,对于企业内部的系统,多个系统往往希望有一套SSO服务对企业用户的登录及身份认证进行统一的管理,提升用户同时使用多个系统的体验,Keycloak正是为此种 ...
随机推荐
- UNIX网络编程——套接字选项(SO_RCVBUF和SO_SNDBUF)
有时候我们需要控制套接字的行为(如修改缓冲区的大小),这个时候我们就要学习套接字选项. int getsockopt(int sockfd,int level,int optname,void *op ...
- Java-IO之超类OutputStream
图中我们可以看出,以字节为单位的输出流的公共父类是OutputStream: 从中我们可以看出,以字节为单位的输出流的公共父类是OutputStream: (1)OutputStream是以字节为单位 ...
- HTTP 消息结构
HTTP 消息结构 HTTP是基于客户端/服务端(C/S)的架构模型,通过一个可靠的链接来交换信息,是一个无状态的请求/响应协议. 一个HTTP"客户端"是一个应用程序(Web浏览 ...
- UNIX环境高级编程——system V消息队列
unix早期通信机制中的信号能够传送的信息量有限,管道则只能传送无格式字节流,这远远是不够的. 消息队列(也叫报文队列)客服了这些缺点: 消息队列就是一个消息的链表. 可以把消 ...
- maven settings 配置文件
maven settings 配置文件 <?xml version="1.0" encoding="UTF-8"?> <settings xm ...
- 单点登录之CAS SSO从入门到精通(第三天)
开场白 各位新年好,上海的新年好冷,冷到我手发抖. 做好准备全身心投入到新的学习和工作中去了吗?因为今天开始的教程很"变态"啊,我们要完成下面几件事: 自定义CAS SSO登录界面 ...
- windows与linux下的\r\n
\n 为ASCII的0x0a 换行 \r 为ASCII的0x0d 回车 在windows 系统中,当你输入回车时会自动变成\r\n 在l ...
- OpenCV特征点检测------Surf(特征点篇)
Surf(Speed Up Robust Feature) Surf算法的原理 ...
- mysql 分表与分区
一.操作环境 数据达到百w甚于更多的时候,我们的mysql查询将会变得比较慢, 如果再加上连表查询,程序可能会卡死.即使你设置了索引并在查询中使用到了索引,查询还是会慢.这时候你就要考虑怎么样来提高查 ...
- android开发性能分析
1 背景 其实有点不想写这篇文章的,但是又想写,有些矛盾.不想写的原因是随便上网一搜一堆关于性能的建议,感觉大家你一总结.我一总结的都说到了很多优化注意事项,但是看过这些文章后大多数存在一个问题就是只 ...