Node.js 搭建Web
Express
Express 是整个 Node.js 之中最为常见的一个框架（开发包），可以帮助我们快速构建一个WEB项目。（http://expressjs.com）
1.在 F 盘新建 nodejsdemo，cd nodejsdemo ，执行
npm install express
F:\nodejsdemo，可想象为 Eclipse 的工作区，一个工作区可定义多个项目。
2.创建express项目，在 F:\nodejsdemo 中有了 myprojuect 文件夹，目录详细如下
F:\nodejsdemo>express -e myproject create : myproject
create : myproject/package.json
create : myproject/app.js
create : myproject/public
create : myproject/public/javascripts
create : myproject/public/images
create : myproject/public/stylesheets
create : myproject/public/stylesheets/style.css
create : myproject/routes
create : myproject/routes/index.js
create : myproject/routes/user.js
create : myproject/views
create : myproject/views/index.ejs install dependencies:
$ cd myproject && npm install run the app:
$ node app
app.js 作为了整个程序运行的主文件，即：只需要执行它，就可以运行 HTTP Server
app.set('port', process.env.PORT || );
http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});
此时，Http服务将在 3000 端口监听用户请求。启动服务器方式如下
F:\nodejsdemo\myproject>node app.js
Express server listening on port
打开浏览器输入：http://localhost:3000/，会发现 Http 服务报错缺少 ejs，ejs 在 app.js 有定义，下载 ejs
F:\nodejsdemo>npm install ejs
再次打开http://localhost:3000/，显示正常， 默认的页面保存在 myproject/views 中。
node_modules 存放所有项目的依赖库
package.json 项目依赖配置和开发者信息
app.js 程序启动文件
public 静态文件（css、js、img）
routes 路由文件（MVC 中的C，controller）
views 页面文件（ejs 模板）
2.安装 supervisor
为了方便开发，不用每次修改 app.js 之后都重新启动，安装 supervisor 执行 supervisor app.js ，会自动加载新的 app.js 。
F:\nodejsdemo>npm install -g supervisor
3.ejs
ejs 是 web 的模板引擎之一，EJS 是一个Javascript模板库，用来从 Json 数据中生成 HTML 字符串。可方便的给用户明确、维护性良好的HTML结构。
保存所有页面都保存在 views 中，此时的 index.ejs 是一个HTML页面，若要修改为 html 格式则需要配置模板
1）在 app.js 定义加载的模块，并增加相关配置
var ejs = require('ejs');
app.engine('html',ejs.__express);
app.set('view engine', 'html'); //修改 app.set('view engine', 'html');
2）index.ejs 名改为 index.html
建立登录功能 ：login.html、welcome.html，注意：所有的文件格式必须为 UTF-8
index.html
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<p><a href="login">用户登录</a></p>
</body>
</html>
login.html
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1><%= title %></h1>
<form method="post">
用 户：<input type="text" name="userid" id="userid"><br>
密 码：<input type="password" name="password" id="password"><br>
<input type="submit" value="登录">
<input type="reset" value="重置">
</form>
</body>
</html>
welcome.html
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1>欢迎<%=user.userid%>光临！</h1>
<h1><a href="logout">注销</a></h1>
</body>
</html>
在每一个页面之中并没有定义直接的链接，因为 Node.js 依然属于 MVC 设计模式范畴，所以针对 MVC 的实现，此处所编写的全部都属于映射名称，所有的映射路径都需要通过 app.js 进行相应的路由配置。
配置 app.js
app.get('/', routes.index); //进入首页
app.get('/login', routes.login); //此处还需配置 routes/index.js
app.post('/login', routes.doLogin); //post请求，表单提交。
app.get('/logout', routes.logout); //注销 (通过logout找到routes/index.js中exports.logout，完成页面跳转。)
app.get('/welcome', routes.welcome);//欢迎
routes/index.js 配置相关的回调函数
exports.index = function(req, res){
res.render('index', { title: '首页' });
};
exports.login = function(req, res){
res.render('login', { title: '登录' }); //res.render--跳转至login页面
};
exports.doLogin = function(req, res){
var user = {userid:'admin',password:''}; // 定义用户密码
if(req.body.userid==user.userid && req.body.password==user.password){
res.redirect('welcome?uid='+user.userid); // 重定向 res.redirect--app.js必须配置/welcome(app.get('/welcome', routes.welcome))
}else{
res.render('login', { title: '重新输入' });
}
};
exports.logout = function(req, res){
res.render('index', { title: '注销' });
};
exports.welcome = function(req, res){
//如果是地址栏参数可 req.query.参数名称 接收
var user = {userid:req.query.uid};
res.render('welcome', { title: '欢迎', user: user });
};
在整个基础过程中，最为重要的步骤就配置 app.js 中的路由，路由的最终控制是通过 routes/index.js 配置，类似于 Servlet ，负责跳转。
Node.js 搭建Web的更多相关文章
- 使用 Node.js 搭建 Web 服务器
使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程,因为实现Web服务器需要用到几个比较重要的模块:http模块.文件系统.url解析模块.路径解析模块.以及301重定向技术等, ...
- 学习 node.js 搭建web服务器
开始 学习使用 node.js 首先完成搭建一个 web服务器.myweb.js var http = require('http'); var url = require('url'); var h ...
- node.js搭建Web服务器
Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系 ...
- Node.js学习笔记(五) --- 使用Node.js搭建Web服务器
1. Node.js 创建的第一个应用 1.引入http模块 var http = require("http"); 2. 创建服务器接下来我们使用 http.createServ ...
- 快速使用node.js进行web开发
首先关于node.js的学习,这里推荐一本比较好的教程,nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后,又从一个项目角度带领读者使用node.js学习web开发.相信这 ...
- 使用 Node.js 搭建微服务网关
目录 Node.js 是什么 安装 node.js Node.js 入门 Node.js 应用场景 npm 镜像 使用 Node.js 搭建微服务网关 什么是微服务架构 使用 Node.js 实现反向 ...
- 使用Node.js搭建静态资源服务器
对于Node.js新手,搭建一个静态资源服务器是个不错的锻炼,从最简单的返回文件或错误开始,渐进增强,还可以逐步加深对http的理解.那就开始吧,让我们的双手沾满网络请求! Note: 当然在项目中如 ...
- koa : Express出品的下一代基于Node.js的web框架
https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434501579966a ...
- 7个Node.js的Web框架
NodeJS也就是Node,是众所周知的使用javascript构建Web应用框架,它启动一个服务器非常简单,如下: var http = require('http'); http.createSe ...
随机推荐
- 区别getElementByID,getElementsByName,getElementsByTagName
以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人.小孩.老人)等. 1. ID 是一个人的身份证号码,是唯一的.所以通过getElementById获取的是指定的一个人. 2. Name ...
- 随机用户id号，随机密码用户名
类似新浪微博的用户Id怎么生成呢? 特点:10位随机数,而且是以1开头的 好处:不容易猜出有多少用户 方法一: 目的是生成唯一id.可以用uniqid.uniqid获取一个字符串,循环这个字符串,把每 ...
- JVM虚拟机（五）：JDK8内存模型—消失的PermGen
一.JVM 内存模型 根据 JVM 规范,JVM 内存共分为虚拟机栈.堆.方法区.程序计数器.本地方法栈五个部分. 1.虚拟机栈: 每个线程有一个私有的栈,随着线程的创建而创建.栈里面存着的是一种叫“ ...
- Spring Boot构建RESTful API
@Controller:修饰class,用来创建处理http请求的对象 @RestController:Spring4之后加入的注解,原来在@Controller中返回json需要@ResponseB ...
- Elastic_Terms 内容分类统计
Terms 按字段的值进行分类,并计算出doc_count, bucket聚合 类似于 group by 常用统计 分类并出现频率高的,并进一步挖出,计算出想要的数据. 参考资料 https://ww ...
- nyoj746 整数划分(四)
整数划分(四) 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描述 暑假来了,hrdv 又要留学校在参加ACM集训了,集训的生活非常Happy(ps:你懂得),可是他最近遇到 ...
- JS 遍历 json key ，获取设置可变的key
$(rec.data[id]).each(function(){ for(var key in this){ if(key == value){ console.info(this[key].desc ...
- Makefile 11——支持头文件目录指定
现在,是时候在对应目录放入对应文件了: /× foo.h */ #ifndef __FOO_H #define __FOO_H void foo(void) #endif/*__FOO_H*/ /* ...
- jquery ajax api
执行一个异步的HTTP(Ajax)的请求. version added: 1.5jQuery.ajax( url, [ settings ] ) url一个用来包含发送请求的URL字符串. setti ...
- oracle autotrace
--======================= -- 启用 AUTOTRACE功能 --======================= AUTOTRACE是一个SQL*Plus工具,用于跟踪SQL ...