Node.js 第十七章- Express框架(下)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u014085502/article/details/85991744

一、路由

我们已经了解了HTTP请求的基本应用,而路由决定了由谁(指定脚本)去响应客户端请求

在HTTP请求中,我们可以通过路由提取出请求的URL以及GET/POST参数。

接下来我们扩展HELLO WORLD,天乩阿姨些功能类处理更多类型的HTTP请求。

创建expressdemo2.js如下:

 

 

 

 

二、静态文件

Express 提供了内置的中间件express.static来设置静态文件如: 图片,CSS,JavaScript等。

你可以使用express.static中间件类设置静态文件路径。例如,如果你讲图片,css,javascript文件放在public目录下,你可以这么些:

app.use(express.static('public'));

 

 

让我们再修改下“hello world” 嘤嘤添加处理静态文件的功能。

创建 expressdemo3.js 文件,代码如下:

 

三、 get方法表单

 

创建serverget1.js

四、POST方法提交表单

html代码:index1.htm

<html> <body> <form action="http://127.0.0.1:8081/process_post" method="POST"> First Name: <input type="text" name="first_name"> <br> Last Name: <input type="text" name="last_name"> <input type="submit" value="Submit"> </form> </body> </html>

如下:

 

serverdemo2.js

 

 

执行结果:

 

此处要做一下,总结,由于是本地做测试,很多代码都是自己手动敲的,导致有的地方因为粗心没有改同步,导致我在练习这一块内容的时候,话费了很多时间。但是,这个过程并不是浪费,当我好几次想放弃的时候,我就想着再试一次吧。每次的最后一次都不放弃,结果当我发现自己错误的地方的时候,我总是感慨着,还好我没放弃。

最后才得出了这样的正确运行结果。

大家在遇到挫折和困难的时候,不要轻易放弃,再坚持下去,体会更深刻。

 

五、上传文件

我们创建一个用于上传文件的表单,使用POST方法,表单enctype属性设置为multipart/from-data

 

 upload.js

代码如下:

 

 

 

 

六、Cookie管理

我们可以使用中间件向 Node.js服务器发送cookie信息,以下代码输出 了客户端发送的cookie 信息。

 

执行代码:

 

 

 

展开阅读全文

没有更多推荐了,返回首页