当前位置: 首页 > 编程笔记 >

在express.js中过滤路径并创建html页面

拓拔元徽
2023-03-14
本文向大家介绍在express.js中过滤路径并创建html页面,包括了在express.js中过滤路径并创建html页面的使用技巧和注意事项,需要的朋友参考一下

我们添加了快速路由器来处理路由。一个路由器文件处理多个路由。

在App.js中为路由器添加路径 -

const http = require('http');
const express = require('express');
const bodyParser = require('body-parser');
const route = require('./routes');
const app = express();
app.use(bodyParser.urlencoded({extended: false}));
app.use('/test',route);
app.use((req, res,next)=>{
   res.status(404).send('<h1> Page not found </h1>');
});
const server = http.createServer(app);
server.listen(3000);

在路由器中间件中,我们使用路径-/ p>

app.use('/test',route);

路由器将处理所有以/ test开头的路径,例如/ test / add-username

我们必须在route.js文件中以表单形式更改操作-

router.get('/add-username', (req, res,next)=>{
   res.send('<form action="/test/post-username" method="POST"> <input type="text" name="username">     <button type="submit"> Send </button> </form>');
});

Routes.js文件-

const express = require('express');
const router = express.Router();
router.get('/add-username', (req, res,next)=>{
   res.send('<form action="/test/post-username" method="POST"> <input type="text" name="username">     <button type="submit"> Send </button> </form>');
});
router.post('/post-username', (req, res, next)=>{
   console.log('data: ', req.body.username);
   res.send('<h1>'+req.body.username+'</h1>');
});
module.exports = router;

这种为路由器添加过滤的机制有助于将常见的url处理程序放在一个部分中。

在vs代码编辑器中创建html5页面-

创建一个用于存储html页面的新文件夹,即views文件夹。创建一个新文件add-user.html。

在add-user.html文件中,如果我们键入html并按ctrl +空格,我们将获得用于为html5创建默认框架的选项。选择它,我们将在html5页面下方-

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
   </head>
<body>
</body>
</html>

我们可以在html正文中从route.js文件复制表单。

<form action="/test/post-username" method="POST"> <input type="text" name="username"> <button type="submit"> Send </button> </form>
 类似资料:
  • 问题内容: 阅读AngularJS教程第9步后, 我创建了自己的AngularJS过滤器,该过滤器应将布尔数据转换为html。 这是我的过滤器代码: 这是我的HTML代码: 问题是浏览器将返回值按字面显示为: 而不是应显示的图标(或呈现的html)。 这是JSFiddle示例 我认为在此过程中会发生一些消毒。 是否可以关闭此特定过滤器的消毒功能? 我也知道如何通过不从过滤器返回HTML输出而是显示

  • 路径文字是指沿着开放或封闭的路径排列的文字。当您水平输入文本时,字符的排列会与基线平行。当您垂直输入文本时,字符的排列会与基线垂直。无论是哪种情况,文本都会沿路径点添加到路径上的方向来排列 沿路径输入文本 1执行下列操作之一: •要沿路径创建横排文本,请选择文字工具 或路径文字工具 。 •要沿路径创建直排文本,请选择直排文字工具 或直排路径文字工具 。 2(可选)在 “控制 ”面板、 “字符 ”面

  • 路径文字是指沿着开放或封闭的路径排列的文字。当您水平输入文本时,字符的排列会与基线平行。当您垂直输入文本时,字符的排列会与基线垂直。无论是哪种情况,文本都会沿路径点添加到路径上的方向来排列。 在路径上输入文本 执行下列操作之一: 要沿路径创建横排文本,请选择文字工具 或路径文字工具 。 要沿路径创建直排文本,请选择直排文字工具 或直排路径文字工具 。 (可选)在“控制”面板、“字符”面板或“段落”

  • 我正在处理一个安全过滤器,它需要根据path变量的值做一些检查。我试着这样做: 但映射始终为空,因此我的筛选器的优先级似乎高于在请求中填充属性的。 我已尝试添加以下配置: 这没有帮助,筛选器是在调用之前执行的。 在我的安全过滤器中,我获取Auth头,解密它,从中获取并将它与路径var值进行比较。如果这些ID不匹配,我返回403。 我想知道是否有可能覆盖这两个动作的顺序。或者,也许,有其他的方法来检

  • 功能介绍 获取页面路径报告数据,包括表格详情数据与趋势数据,所获取数据与 https://mtj.baidu.com 中报告数据一致 接口 https://openapi.baidu.com/rest/2.0/mtj/svc/app/getDataByKey 此处仅列本接口特有参数,公共参数请参考报告级API说明 参数名 参数类型 是否必须 描述 method string 是 visit/pa

  • 问题内容: 我正在寻找一种在python中动态创建html文件的方法。我正在编写画廊脚本,该脚本在目录中进行迭代,收集文件元数据。然后,我打算使用此数据基于html自动创建图片库。事情很简单,只是一张图片表。 我真的不认为手动写入文件是最好的方法,并且代码可能很长。那么,有没有更好的方法可以做到这一点,可能是html特定的? 问题答案: 我认为,如果我对您的理解正确,那么您可以在此处看到“使用Py