返回介绍

八、静态文件托管 GET POST 路由 EJS 模板引擎

发布于 2024-06-12 23:28:34 字数 1754 浏览 0 评论 0 收藏 0

8.1 路由

路由指的就是针对不同请求的 URL,处理不同的业务逻辑。

8.2 初识 EJS 模块引擎

我们学的 EJS 是后台模板,可以把我们数据库和文件读取的数据显示到 Html 页面上面。它 是一个第三方模块,需要通过 npm 安装

npm install ejs –save / cnpm install ejs --save

Nodejs 中使用:

ejs.renderFile(filename, data, options, function(err, str){
// str => Rendered HTML string
});

EJS 常用标签

  • <%%> 流程控制标签
  • <%=%> 输出标签(原文输出 HTML 标签)
  • <%-%> 输出标签(HTML 会被浏览器解析)
<a href="<%= url %>"><img src="<%= imageURL %>" alt=""></a><ul>
<html>
 <head></head>
 <body>
  <ul>
  &lt;% for(var i = 0 ; i &lt; news.length ; i++){ %&gt; 
   <li>&lt;%= news[i] %&gt;</li> &lt;% } %&gt; 
  </ul>
 </body>
</html>

8.3 Get、Post

  • 超文本传输协议(HTTP) 的设计目的是保证客户端机器与服务器之间的通信
  • 在客户端和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST
    • GET - 从指定的资源请求数据。(一般用于获取数据)
    • POST - 向指定的资源提交要被处理的数据。(一般用于提交数据)

获取 GET 传值:

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

获取 POST 传值:

var postData = ''; 

// 数据块接收中
req.on('data',
function(postDataChunk) {
  postData += postDataChunk;
});
// 数据接收完毕,执行回调函数
req.on('end',
function() {
  try {
    postData = JSON.parse(postData);
  } catch(e) {}
  req.query = postData;
  console.log(q uerystring.parse(postData));
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文