用dreamweaver做表单,提交到哪儿?怎么查看结果?

您所在的位置:网站首页 form表单怎么提交 用dreamweaver做表单,提交到哪儿?怎么查看结果?

用dreamweaver做表单,提交到哪儿?怎么查看结果?

#用dreamweaver做表单,提交到哪儿?怎么查看结果?| 来源: 网络整理| 查看: 265

如果这个问题不是老师布置的作业的话请继续往下看

如果这个问题老师没有要求用jsp或者php来完成的话请继续往下看

首先咱得先创建一个html文件

Document

然后在 form 表单中添加 input 输入框

提交

form 表单的 method 表示请求的方法 有 POSTGET 两种

action 表示 表单提交的地址localhost 表示本地, 3002表示端口

input 框的 name 表示提交到后端的字段名, type 表示 输入框类型

button type 属性设置成 submit 点击按钮后将会自动触发表单的提交

之后我们新建一个app.js文件

当前文件目录下打开控制台

使用 npm 下载 express

npm install express

如果没有 npm 请去 node 官网下载安装node

之后在 app.js 文件中写下下面代码

// 在项目中引入 express 模块 const express = require('express') // express 路由 const route = express.Router() // 创建 express 生成一个新对象 const app = express() // 将这个对象下 所有的路由 都交给 route 处理 app.use('/', route) // 当进入网页时将拦截 route.get('/',(req,res) => { // req 是请求对象 // res 响应对象 console.log(req.query); // 响应浏览器状态码为 200,即为正常 res.status = 200 // 响应浏览器结果 res.send('ok') }) // 监听3002端口,与form 表单中的action 一致 app.listen(3002) console.log('项目运行成功')

之后在当前目录下的控制台输入

node app.js

看到控制台输出 项目运行成功 即成功

之后打开之前写好的 html 文件,在输入框中输入后点击提交按钮,就可以在控制台看到你在输入框中输入的内容了。

注意:每次更新app.js文件的代码得重新运行 app.js, ctrl + c 可以终止项目运行



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3