|
|
前提：在学习开发互联网网站程序前，需要了解知道一个客户端请求，如何能展现成一个炫丽的网页的。
一、域名请求实现
这幅图足以说明一个域名请求的过程了吧
二、服务器端的处理（Nodejs示例）
直接上nodejs代码
1 var http = require('http');
2
3 http.createServer(function(req, res) {
4 if (req.method === 'GET') {
5 var html;
6 switch (req.url) {
7 case '/':
8 case '/index.html':
9 html = '<html><head><meta charset="utf8"><title>主页</title></head>' +
10 '<body>' +
11 '<h1>欢迎访问<h1>'+
12 '<a href="add.html">add</a> ' +
13 '<a href="delete.html">delete</a> ' +
14 '<a href="update.html">update</a> ' +
15 '<a href="select.html">select</a> ' +
16 '</body></html>';
17 break;
18 case '/add.html':
19 html = '<html><head><title>add</title></head>' +
20 '<body>' +
21 '<a href="index.html">index</a>' +
22 'add' +
23 '</body></html>';
24 break;
25 case '/delete.html':
26 html = '<html><head><title>delete</title></head>' +
27 '<body>' +
28 '<a href="index.html">index</a>' +
29 'delete' +
30 '</body></html>';
31 break;
32 case '/update.html':
33 html = '<html><head><title>update</title></head>' +
34 '<body>' +
35 '<a href="index.html">index</a>' +
36 'update' +
37 '</body></html>';
38 break;
39 case '/select.html':
40 html = '<html><head><title>delete</title></head>' +
41 '<body>' +
42 '<a href="index.html">index</a>' +
43 'delete' +
44 '</body></html>';
45 break;
46 default:
47 res.writeHead('Content-Type', "text/html");
48 res.end('404');
49 return;
50 }
51 res.writeHead('Content-Type', "text/html");
52 res.end(html);
53 }
54 }).listen(7789);
55 console.log('http://localhost:7789');
View Code 这里可以明确看出
var http = require('http');//创建http对象，http是啥？百度、google去吧
http.createServer(function(request, response) {}）.listen(7789)//创建httpServer 服务器，以及最后面的监听端口
说明：
前提：服务器已经使用 node 命令启动http服务并且监听端口7798，这个比较简单，将以上代码存成一个文件“JSWebsite.js”,存放于D盘下，
此时从cmd中进入D盘下，运行 node JSWebsite.js 即可，创建http服务，并且监听所要监听的端口。
nodejs 使用代码方式创建了http协议网站的服务器，以及监听端口，其他web服务器也类似，IIS可以创建网站，以及IP，端口的监听
1.当请求到达服务器时，由于服务器已存在，对应请求的ip、端口的监听，所以会交给监听程序处理，这里交给了，在创建http服务时候的匿名函数
http.createServer(function(request, response) {}）.listen(7789)，即function（request，response）{}方法处理。
2.request 主要是请求携带信息，response主要是要响应的表达信息
request，包含了请求的method、URL等诸多信息。
response，包含了响应的head、Content-type等诸多信息
其实其他的web服务器，也是响应类似的封装了以上操作，这个处理过程也是类似的操作
无外乎：请求→处理→响应
扩展：
1.大家可能看到以上代码的switch case处理，非常麻烦，怎么办
大牛走的路多了，给您归纳总结出，路由规则
2.也看到了手写html的麻烦。
这时也会有相应的读取实际物理地址文件的操作，将html代码与逻辑分开，表现与逻辑的分离，MVC、MVVM等等
3.网站的整体架构就是一团乱
这时相应的网站框架替您排忧解难，express等等
注：NodeJs开发学习目录 |
|
|
QQ群⑧：
窥视卡
雷达卡
发表于 2017-2-23 07:53:57
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡