使用nodejs实现web服务器与客户端的交互

使用nodejs实现web服务器与客户端的交互

使用nodejs实现web服务器与客户端的交互

1.实验目的:

  • 使用SOAP等web service 协议,完成一个WEB服务的服务器与客户端的交互。

2.实验内容:

  • 使用nodejs实现web服务器与客户端的交互

3.实验方法:

  • Node.js 就是运行在服务端的JavaScript。用于方便地搭建响应速度快、易于扩展的网络应用。

4.实验平台:

  • 操作系统为win10 64位;
  • 编程工具为WebStorm。

5.实验步骤

  • 5.1 环境安装

Window下安装nodejs运行环境:

Nodejs 下载地址http://nodejs.cn/

使用nodejs实现web服务器与客户端的交互_第1张图片
本次实验采用的版本为6.2.0

如下所示。根据指引完成运行环境的安装。

使用nodejs实现web服务器与客户端的交互_第2张图片
双击安装包

在命令提示窗口输入node -v输出当前版本,至此环境安装完成

使用nodejs实现web服务器与客户端的交互_第3张图片
node -v输出当前版本
  • 5.2 安装express

新版本的nodejs已经集成npm工具,可以使用npm安装下载安装express

在命令提示窗口输入npm install express-generator -g进行express安装

  • 5.3 新建express应用

在命令提示窗口输入express –-view=ejs myapp

–-view=ejs 指定了使用的模板引擎,myapp 为应用名称

使用nodejs实现web服务器与客户端的交互_第4张图片
–-view=ejs

Package.json中指定了项目需要的其他驱动包

使用nodejs实现web服务器与客户端的交互_第5张图片
Package.json中制定了项目需要的其他驱动包

根据提示进入应用,输入npm install完成驱动包的下载安装

使用nodejs实现web服务器与客户端的交互_第6张图片
完成驱动包的下载安装

进入bin 目录执行node www命令启动服务之后再浏览器中输入,localhost:3000

如下图所示:

使用nodejs实现web服务器与客户端的交互_第7张图片
localhost:3000
  • 5.4 交互逻辑规划

本次实验在交互方面实现两个功能

(1) 简单的计算器

(2) Rgb 颜色转换

需要两个客户端页面来展示进行信息的展示,客户端发起get请求获取静态页面

所有的计算结果使用异步方式进行加载。

  • 5.5 代码实现

前段代码:

计算器布局文件:

输入第一个数

输入第二个数

运算结果:

你可能感兴趣的:(nodejs)