一.实现浏览器端请求之后,服务器响应打开相应的静态网页内容:
思路:直接通过浏览器端输入的url值来判断,从而显示出该url对应的网页的内容。直接在配置服务器的js代码里写出静态页面的内容:
//前端页面和服务器未分离
var http = require('http');//使用node提供的http模块
var server = http.createServer(function(req,res){
//创建webserver
//req是客户端(浏览器)传来的参数,包含method、url、head等一些属性
//res是服务器对客户端的一些响应
console.log(req.method);
console.log(req.url);
if(req.method === 'GET' ){
switch(req.url){
case '/':
//默认根目录下也显示index.html页面的内容
case '/index.html':
var html = "<html><head><meta charset='utf-8'><title>nodejs学习</title></head><body>"+
"<h1>哈哈哈</h1>" +
"<a href='add.html'> Add</a> " +
"<a href='remove.html'> Remove</a> " +
"<a href='find.html'> Find</a> " +
"<a href='edit.html'> Edit</a> " +
"</body></html>";
res.setHeader('Content-Type','text/html');
res.setHeader('Content-Encoding','utf8');
res.end(html);
break;
case'/add.html':
var html ="<html><head><meta charset='utf-8'><title>nodejs学习</title></head><body>"+
"Add"+
"</body></html>";
res.setHeader('Content-Type','text/html');
res.setHeader('Content-Encoding','utf8');
res.end(html);
break;
case'/remove.html':
var html ="<html><head><meta charset='utf-8'><title>nodejs学习</title></head><body>"+
"Remove"+
"</body></html>";
res.setHeader('Content-Type','text/html');
res.setHeader('Content-Encoding','utf8');
res.end(html);
break;
case'/find.html':
var html ="<html><head><title>nodejs学习</title></head><body>"+
"Find"+
"</body></html>";
res.setHeader(