Javascript Node.js服务器用户界面

据我所知，node.js允许使用JavaScript实现服务器功能。因此，可能网络浏览器从该服务器请求内容。如何将用户界面交付给请求数据的客户端？

在Node.js网站上有一个示例：

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n'); //This is what the user will see
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

这只是纯文本，但您也可以直接传递HTML，但很难保持代码足够清晰。这就是为什么（像在PHP中）会有模板。我最喜欢的是Jade，它用一种特殊的语法生成HTML

他们不会将字符串（HTML格式）返回给用户，而是会为您完成这项工作，您将有一个专用文件来放置HTML

---

有很多Node.js模板，但是还有很多，所以请不要犹豫，一定要看一看

在Node.js网站上有一个例子：

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n'); //This is what the user will see
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

这只是纯文本，但您也可以直接传递HTML，但很难保持代码足够清晰。这就是为什么（像在PHP中）会有模板。我最喜欢的是Jade，它用一种特殊的语法生成HTML

他们不会将字符串（HTML格式）返回给用户，而是会为您完成这项工作，您将有一个专用文件来放置HTML

---

有很多Node.js模板，但是还有很多，所以请不要犹豫，一定要看一看

在Node.js网站上有一个例子：

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n'); //This is what the user will see
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

这只是纯文本，但您也可以直接传递HTML，但很难保持代码足够清晰。这就是为什么（像在PHP中）会有模板。我最喜欢的是Jade，它用一种特殊的语法生成HTML

他们不会将字符串（HTML格式）返回给用户，而是会为您完成这项工作，您将有一个专用文件来放置HTML

---

有很多Node.js模板，但是还有很多，所以请不要犹豫，一定要看一看

在Node.js网站上有一个例子：

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n'); //This is what the user will see
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

这只是纯文本，但您也可以直接传递HTML，但很难保持代码足够清晰。这就是为什么（像在PHP中）会有模板。我最喜欢的是Jade，它用一种特殊的语法生成HTML

他们不会将字符串（HTML格式）返回给用户，而是会为您完成这项工作，您将有一个专用文件来放置HTML

---

有很多Node.js模板，但是还有很多，所以请不要犹豫，一定要看一看

浏览器从node.js服务器请求HTML页面。然后node.js服务器提供该HTML页面。该HTML页面包含HTML、CSS和Javascript（可能还引用了其他文件，这些文件也包含浏览器随后请求的HTML、CSS和Javascript）

浏览器呈现的所有HTML、CSS和Javascript资源都是用户界面

js服务器可以提供静态HTML、CSS和Javascript，也可以提供为特定请求定制的动态资源。例如，一个特定的URL请求可能是显示所有未发货的订单。当node.js服务器收到该URL时，它查询数据库以获取所有未发货订单，然后将数据库结果格式化为表格形式，并将相应的HTML返回到浏览器以显示订单列表

node.js可以使用各种工具来创建动态形成的HTML，如模板引擎、数据库视图引擎等

---

---

如果浏览器只是对node.js服务器进行Ajax调用（而不是尝试加载新网页），那么您可以从node.js服务器返回任何类型的数据，并且浏览器中接收的Javascript可以适当地处理该数据。例如，您可以只返回数据，浏览器中的Javascript可以创建适当的HTML元素来显示数据。或者，您可以从Ajax调用返回预先形成的HTML，客户端Javascript将插入到页面中。或者，您可以使用这些选项的任意组合。

浏览器从node.js服务器请求HTML页面。然后node.js服务器提供该HTML页面。该HTML页面包含HTML、CSS和Javascript（可能还引用了其他文件，这些文件也包含浏览器随后请求的HTML、CSS和Javascript）

浏览器呈现的所有HTML、CSS和Javascript资源都是用户界面

js服务器可以提供静态HTML、CSS和Javascript，也可以提供为特定请求定制的动态资源。例如，一个特定的URL请求可能是显示所有未发货的订单。当node.js服务器收到该URL时，它查询数据库以获取所有未发货订单，然后将数据库结果格式化为表格形式，并将相应的HTML返回到浏览器以显示订单列表

node.js可以使用各种工具来创建动态形成的HTML，如模板引擎、数据库视图引擎等

---

---

如果浏览器只是对node.js服务器进行Ajax调用（而不是尝试加载新网页），那么您可以从node.js服务器返回任何类型的数据，并且浏览器中接收的Javascript可以适当地处理该数据。例如，您可以只返回数据，浏览器中的Javascript可以创建适当的HTML元素来显示数据。或者，您可以从Ajax调用返回预先形成的HTML，客户端Javascript将插入到页面中。或者，您可以使用这些选项的任意组合。

浏览器从node.js服务器请求HTML页面。然后node.js服务器提供该HTML页面。该HTML页面包含HTML、CSS和Javascript（可能还引用了其他文件，这些文件也包含浏览器随后请求的HTML、CSS和Javascript）

浏览器呈现的所有HTML、CSS和Javascript资源都是用户界面

js服务器可以提供静态HTML、CSS和Javascript，也可以提供为其定制的动态资源