概述:
做数据,免不了需要展示数据,数据可视化是必须经历的步骤。
本文将提供一个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命令,去片
如果没有特殊的需求,直接 $ express ProjectName 即可,它会帮你选择最小的设置项,就是什么都没有,而模板引擎呢就使用NodeJS默认的Jade。
虽然网上有人说Jade干净方便,而且它是NodeJS官方的推荐,但我个人还是喜欢写HTML的方式去组织模板,于是就使用ejs。
去到你需要创建项目的目录中,
在命令行输入 $ express --session --ejs PR
由于在web项目中经常需要用到session,于是我添加--session的选项,最后的 PR(for Product Radar) 就是我的Project Name了。
它把整个目录树都输出来了,看着这个目录树也对整个项目的结构有个整体的把握了。
接下来看到它提示你 install dependencies ,非常人性化的提示,你下一步的操作命令都显示出来了。它怎么说,你怎么做就好了。
它会根据自动生成的package.json去安装相应的依赖,也就是express和ejs了。
至此,已经完成项目的创建,$ node app.js 即可运行项目
浏览器访问 http://localhost:3000 能看到Express的欢迎页面。
(3) 分析目录结构
/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 起步教程的更多相关文章
-
nodejs零基础详细教程1:安装+基础概念
第一章 建议学习时间2小时 课程共10章 学习方式:详细阅读,并手动实现相关代码 学习目标:此教程将教会大家 安装Node.搭建服务器.express.mysql.mongodb.编写后台业务逻辑. ...
-
nodejs搭建web服务教程
nodejs搭建web服务教程 先安装nodejs 然后 命令node js文件 即可开启服务了 输出如下 Magic happens on port 9011 你查看端口可以看到tcp 0 0 :: ...
-
Python+mirai开发QQ机器人起步教程(2021.9.9测试有效)
参考:开发 mirai QQ机器人起步教程_叹之-CSDN博客_mirai python 本篇文章参考了以上博客,并对其中的失效内容和版本匹配问题进行了补充修改,实测能够成功运行.部分步骤的运行截图见 ...
-
nodejs零基础详细教程2:模块化、fs文件操作模块、http创建服务模块
第二章 建议学习时间4小时 课程共10章 学习方式:详细阅读,并手动实现相关代码 学习目标:此教程将教会大家 安装Node.搭建服务器.express.mysql.mongodb.编写后台业务逻辑 ...
-
nodejs pm2配置使用教程
pm2是非常优秀工具,它提供对基于node.js的项目运行托管服务.它基于命令行界面,提供很多特性: 内置的负载均衡器等等,下面我们就一起来看看吧. 一.简介 pm2是一个带有负载均衡功能的应用进程管 ...
-
window nodejs 版本管理器 nvm-windows 教程
先去https://github.com/coreybutler/nvm-windows/releases 下载nvm-setup.zip 安装 安装的过程中会提示是否获取nodejs的管理权限,点确 ...
-
mysql数据库史上最详细起步教程(1)
本文主要讲解mysql的操作,尽量保证步骤的详细与清晰,希望能帮到大家. 1.登录后进行数据库的创建:create database lf(数据库名); (一定要记住分号,mysql在语句的结束符就 ...
-
nodejs【伪】入门教程
声明: 本文适合白的不能再白的小白 不要被标题误导,本文不会讲nodejs基础,只是本人学习流程和资料的一个整合 如果想找一大堆教程自己看,没有电梯,自己拉到文章最下方吧 一.nodejs是什么 ...
-
这可能是你看过最详细的NodeJS安装配置教程
博主是一枚Java菜鸡,今天在B站上看一些教程视频的时候偶尔看了一眼评论区,发现好多人在Node和Vue安装的位置卡住了,便决定今晚肝出一套最详细的NodeJS安装配置的教程 本文适合初次接触Node ...
随机推荐
-
浅谈我对DDD领域驱动设计的理解
从遇到问题开始 当人们要做一个软件系统时,一般总是因为遇到了什么问题,然后希望通过一个软件系统来解决. 比如,我是一家企业,然后我觉得我现在线下销售自己的产品还不够,我希望能够在线上也能销售自己的产品 ...
-
[转]大数据时代,python竟是最好的语言?
随着大数据疯狂的浪潮,新生代的工具Python得到了前所未有的爆发.简洁.开源是这款工具吸引了众多粉丝的原因.目前Python最热的领域,非数据分析和挖掘莫属了.从以Pandas为代表的数据分析领 ...
-
H5常用代码:适配方案4
前面有分享了4种适配方案,但始终是通过手动缩放或者视口缩放来实现,用来做一些专题页,或者功能相对简单的项目来说也是完全能应付的,但整体来说感觉还是一种缩放,说不上是真正的适配,言外之意就是即将分享真正 ...
-
【Alpha版本】冲刺阶段——Day 4
我说的都队 031402304 陈燊 031402342 许玲玲 031402337 胡心颖 03140241 王婷婷 031402203 陈齐民 031402209 黄伟炜 031402233 郑扬 ...
-
[ACM_水题] ZOJ 3706 [Break Standard Weight 砝码拆分,可称质量种类,暴力]
The balance was the first mass measuring instrument invented. In its traditional form, it consists o ...
-
OpenWrt sscanf问题之于MT7620N与AR9341
在MT7620N平台做好了wifidog的相关调试工作,除了eth驱动.wireless性能问题,其余的都能够基本正常. 依据实际须要要对已完毕的工作在AR9341平台上实现. 事实上也简单.基本功能 ...
-
在VS2012中实现Ext JS的智能提示太简单了
Visual Studio 2012太强大了,居然能自己会去提取Ext JS的类的属性和方法,从而实现只能提示.下面就来介绍一下实现这个功能. 在Visual Studio 2012中随便创建一个We ...
-
Generator自动生成DAO和POJO代码
一 添加相关插件 <plugin> <groupId>org.mybatis.generator</groupId> <artifactId>myba ...
-
Crane (POJ 2991)
//线段树 延迟标签 // #include <bits/stdc++.h> using namespace std; const int maxn=1e4+5; double x[max ...
-
Ubuntu 16.04 kinetic 编译指定包
编译指定包 catkin_make -DCATKIN_WHITELIST_PACKAGES=baoming 使用上述命令后catkin_make会一直编译上面那个包,想要编译全部包,使用 catkin ...