4.创建留言板案例

需求

实现数据的添加

准备

下载node

新建文件夹

public(存放css,js,img等文件),view（存放html文件）,app.js（node 入口文件）

步骤

静态页面准备

显示动态页面

实现页面跳转

• 使用http模块创建服务器

• 使用url获取根目录

 req.url

• 使用fs模块获取html文件
• 使用if判断达到页面跳转

get数据处理

数据处理（接收参数->入库->判断跳转）

• 视图层

1. 在form表单中设置（1）跳转到doadd页面进行数据处理，（2）使用get方法。
2. input中name名与模拟数据库数组名称一致

• 控制层（js）

1. 接收数据

如果get方法，请求内容会拼接到url后面,故此时需要引入url内置模块

(1)创建变量存储视图层传过来的数据


(2)通过url内置模块获取到get发送的请求，并通过url.parse方法将数据转化为对象

                var paramobj=url.parse(req.url,true).query;

2. 入库（传入数据中）

//创建对象变量msg，存储接收的数据
var msg={内容};
msgs.push();//向msgs中添加msg的数据

3. 跳转

使用响应跳转方法,设置响应码302,结束响应

res.setHeader('Location','/')//跳转"/"根目录
res.statusCode=302;
res.end();

注意点

1.当node获取到url目录，使用if判断方法获取不到跳转页面时，通过检测索引的方法跳转

if(root.indexOf("/doadd")===0){...}