[NodeJS] Hello World 起步教程

时间:2022-08-25 12:39:50

概述:

做数据,免不了需要展示数据,数据可视化是必须经历的步骤。

本文将提供一个NodeJS的起步教程,是笔者这两天探索的小结。

正文: 

1. 为什么使用NodeJS

究竟是以B/S还是C/S的架构去展示数据呢?

我们是这么考虑的,由于我们做的软件会不断调整,需求也会不断调整,如果使用C/S的架构,缺乏一个良好的软件升级机制,那么每次版本更新将会是沉重的灾难。

我们之前已经尝过C/S架构的苦了。既然如此, 就使用B/S架构吧。

但是需要采用什么技术呢?

我们有一套爬虫工具,就是使用NodeJS + Chrome Extension,有些可以复用的模块,为了代码的统一性和完整性,于是我们决定使用NodeJS。

还贪图它对JSON支持的方便,我们的数据库是使用Mongodb,众所周知NodeJS和Mongo是好基友,那就这么办了!

至于服务器的性能,不是我们重点考虑的范畴,因为我们衡量过需求,一个数据展示工具,不可能有1w的并发,以我们现在的状况,有100的并发都是很高了。

而NodeJS支持100并发是绰绰有余啊,具体的性能指标不在本文讨论,网上有大量的文章进行探讨。

2. 为什么使用Express

主流,文档资料齐全,没必要重复造*,清晰,容易上手。

Express官网,英文站 http://expressjs.com/

Express官网,中文站 http://expressjs.jser.us/

3. Hello World 

(1) 安装全局express包

在命令行输入 $ npm install -g express

安装全局express包,使得我们可以像使用npm一样使用express,用来创建项目

(2) 创建项目,安装依赖

先看看如何使用express命令,去片

[NodeJS] Hello World 起步教程

如果没有特殊的需求,直接 $ express ProjectName 即可,它会帮你选择最小的设置项,就是什么都没有,而模板引擎呢就使用NodeJS默认的Jade。

虽然网上有人说Jade干净方便,而且它是NodeJS官方的推荐,但我个人还是喜欢写HTML的方式去组织模板,于是就使用ejs。

去到你需要创建项目的目录中,

在命令行输入 $ express --session --ejs PR

由于在web项目中经常需要用到session,于是我添加--session的选项,最后的 PR(for Product Radar) 就是我的Project Name了。

[NodeJS] Hello World 起步教程

它把整个目录树都输出来了,看着这个目录树也对整个项目的结构有个整体的把握了。

接下来看到它提示你 install dependencies ,非常人性化的提示,你下一步的操作命令都显示出来了。它怎么说,你怎么做就好了。

它会根据自动生成的package.json去安装相应的依赖,也就是express和ejs了。

至此,已经完成项目的创建,$ node app.js 即可运行项目

浏览器访问 http://localhost:3000 能看到Express的欢迎页面。

(3) 分析目录结构

[NodeJS] Hello World 起步教程

/node_modules,不用多说了,就是该项目的依赖包放置的位置,有看前文内容的就不会对当中express和ejs产生疑惑了

/public,公共资源的存放位置,看到它的子目录也很明显了,/js,/css and /imgs

/routes,这个相当于是Controller ,负责对Http请求进行处理和响应,选择渲染某个页面,或者是一些逻辑处理,或者是返回计算结果等

/views,View层,由于我们使用的是ejs模板引擎 ,里面的index.ejs就相当于index.html这样了

app.js,这是一个实至名归的*控制器,项目的配置,请求的分配都在这里

package.json,不用多说了,打开看看,一目了然

(4) Hello World, step by step 

A. 首先,我们看着index.ejs不爽,又或者我们会由前端工程师写好html页面,我们拷到项目当中来,能不能直接了当地使用*.html啊?当然可以!

在app.js中插入/修改以下代码:

 var ejs = require('ejs');
 app.engine('.html', ejs.__express);
 app.set('view engine', 'html');

设定用ejs去解释.html为后缀的文件,关于app.engine的使用,请查看 http://expressjs.jser.us/api.html#app.engine

B. 登录模块

我们要限制home.html需要登录后才能访问,要有一个login.html登陆页,并需要有一个logout方法去处理登出的操作

首先,在app.js中添加路由控制:

         req.session.error = '已登陆';
              }
     next();
 }
 app.get('/', routes.index);
 app.get('/users', user.list);
 
 app.all('/login', notAuthentication);
 app.get('/login', routes.login);
 app.post('/login', routes.doLogin);
 
 app.get('/logout', authentication);
 app.get('/logout', routes.logout);
 app.get('/home', authentication);
 app.get('/home', routes.home);	

在请求login、logout、home前都有一步拦截,如果是请求login,就判断你是否已经登出;如果是请求logout和home,就判断你是否已经登录。

注意,这些路由控制的步骤是有顺序的,在上面的会先执行,注意看到authentication两个函数,最后都有执行next(),意思是把路由控制权交给下一个路由控制器。

C. 修改routes/index.js

1 /*

  exports.doLogin =  
              username: 'admin',
         password: 'admin'
     };
 
              req.session.user = user;
         res.redirect('/home');
     }          req.session.error = '用户名或密码不正确';
         res.redirect('/login');
     }
 
 };
 
    exports.logout =      req.session.user =      res.redirect('/home');
 };
 
    exports.home =      res.render('home', { title: 'homepage',
                           user: res.locals.user});
 };

基本上就是设置跳转,渲染页面,已经session的判断及设置等,清晰明了。

D. 关于其中session的设置,请参考http://blog.fens.me/nodejs-express3/

参考文章:

NodeJS英文站,http://expressjs.com/

NodeJS中文站,http://expressjs.jser.us

Express GitHub,https://github.com/visionmedia/express

更详细的Hello World教程 http://blog.fens.me/nodejs-express3/

[NodeJS] Hello World 起步教程的更多相关文章

  1. nodejs零基础详细教程1:安装+基础概念

    第一章 建议学习时间2小时  课程共10章 学习方式:详细阅读,并手动实现相关代码 学习目标:此教程将教会大家 安装Node.搭建服务器.express.mysql.mongodb.编写后台业务逻辑. ...

  2. nodejs搭建web服务教程

    nodejs搭建web服务教程 先安装nodejs 然后 命令node js文件 即可开启服务了 输出如下 Magic happens on port 9011 你查看端口可以看到tcp 0 0 :: ...

  3. Python+mirai开发QQ机器人起步教程(2021.9.9测试有效)

    参考:开发 mirai QQ机器人起步教程_叹之-CSDN博客_mirai python 本篇文章参考了以上博客,并对其中的失效内容和版本匹配问题进行了补充修改,实测能够成功运行.部分步骤的运行截图见 ...

  4. nodejs零基础详细教程2:模块化、fs文件操作模块、http创建服务模块

    第二章  建议学习时间4小时  课程共10章 学习方式:详细阅读,并手动实现相关代码 学习目标:此教程将教会大家 安装Node.搭建服务器.express.mysql.mongodb.编写后台业务逻辑 ...

  5. nodejs pm2配置使用教程

    pm2是非常优秀工具,它提供对基于node.js的项目运行托管服务.它基于命令行界面,提供很多特性: 内置的负载均衡器等等,下面我们就一起来看看吧. 一.简介 pm2是一个带有负载均衡功能的应用进程管 ...

  6. window nodejs 版本管理器 nvm-windows 教程

    先去https://github.com/coreybutler/nvm-windows/releases 下载nvm-setup.zip 安装 安装的过程中会提示是否获取nodejs的管理权限,点确 ...

  7. mysql数据库史上最详细起步教程(1)

    本文主要讲解mysql的操作,尽量保证步骤的详细与清晰,希望能帮到大家. 1.登录后进行数据库的创建:create database lf(数据库名);  (一定要记住分号,mysql在语句的结束符就 ...

  8. nodejs【伪】入门教程

    声明: 本文适合白的不能再白的小白 不要被标题误导,本文不会讲nodejs基础,只是本人学习流程和资料的一个整合 如果想找一大堆教程自己看,没有电梯,自己拉到文章最下方吧   一.nodejs是什么 ...

  9. 这可能是你看过最详细的NodeJS安装配置教程

    博主是一枚Java菜鸡,今天在B站上看一些教程视频的时候偶尔看了一眼评论区,发现好多人在Node和Vue安装的位置卡住了,便决定今晚肝出一套最详细的NodeJS安装配置的教程 本文适合初次接触Node ...

随机推荐

  1. 浅谈我对DDD领域驱动设计的理解

    从遇到问题开始 当人们要做一个软件系统时,一般总是因为遇到了什么问题,然后希望通过一个软件系统来解决. 比如,我是一家企业,然后我觉得我现在线下销售自己的产品还不够,我希望能够在线上也能销售自己的产品 ...

  2. [转]大数据时代,python竟是最好的语言?

      随着大数据疯狂的浪潮,新生代的工具Python得到了前所未有的爆发.简洁.开源是这款工具吸引了众多粉丝的原因.目前Python最热的领域,非数据分析和挖掘莫属了.从以Pandas为代表的数据分析领 ...

  3. H5常用代码:适配方案4

    前面有分享了4种适配方案,但始终是通过手动缩放或者视口缩放来实现,用来做一些专题页,或者功能相对简单的项目来说也是完全能应付的,但整体来说感觉还是一种缩放,说不上是真正的适配,言外之意就是即将分享真正 ...

  4. 【Alpha版本】冲刺阶段——Day 4

    我说的都队 031402304 陈燊 031402342 许玲玲 031402337 胡心颖 03140241 王婷婷 031402203 陈齐民 031402209 黄伟炜 031402233 郑扬 ...

  5. [ACM_水题] ZOJ 3706 [Break Standard Weight 砝码拆分,可称质量种类,暴力]

    The balance was the first mass measuring instrument invented. In its traditional form, it consists o ...

  6. OpenWrt sscanf问题之于MT7620N与AR9341

    在MT7620N平台做好了wifidog的相关调试工作,除了eth驱动.wireless性能问题,其余的都能够基本正常. 依据实际须要要对已完毕的工作在AR9341平台上实现. 事实上也简单.基本功能 ...

  7. 在VS2012中实现Ext JS的智能提示太简单了

    Visual Studio 2012太强大了,居然能自己会去提取Ext JS的类的属性和方法,从而实现只能提示.下面就来介绍一下实现这个功能. 在Visual Studio 2012中随便创建一个We ...

  8. Generator自动生成DAO和POJO代码

    一  添加相关插件 <plugin> <groupId>org.mybatis.generator</groupId> <artifactId>myba ...

  9. Crane &lpar;POJ 2991&rpar;

    //线段树 延迟标签 // #include <bits/stdc++.h> using namespace std; const int maxn=1e4+5; double x[max ...

  10. Ubuntu 16&period;04 kinetic 编译指定包

    编译指定包 catkin_make -DCATKIN_WHITELIST_PACKAGES=baoming 使用上述命令后catkin_make会一直编译上面那个包,想要编译全部包,使用 catkin ...