node.js之简单留言板步骤以及涉及知识点

简介: node.js之简单留言板步骤以及涉及知识点

1、浏览器收到 HTML 响应内容之后,就要开始从上到下依次解析,当在解析过程中,如果发现:

link script img iframe video audio

等具有 src 或者 href (link)属性标签(具有外链的资源)的时候,浏览器会自动对这些资源发起新的请求。

2、注意:在服务端中,文件中的路径就不要去写相对路径了。

因为这个时候所有的资源都是通过 url 标识来获取的

我的服务器开放了 /public/ 目录

所以这里的请求路径都写成 : /public/***

/ 在这里就是 url 根路径的意思

浏览器在真正发请求的时候会自动把 http://127.0.0.1:3000 拼上

3、我们已经使用 url 模块的 parse 方法把请求路径中的查询字符串给解析成一个对象。

pathname:指的是?之前的部分

query:指的是查询字符串转化为对象的结果,即?之后的部分转化为对象。

4、 1)获取表单提交的数据,obj.query

2)将当前时间日期添加到数据对象中,然后存储到数组中

3)让用户重定向跳转到首页 /

当用户重新请求 / 的时候,数组中的数据已经发生了变化, 就可以看到最新的留言内容了。

5、如何通过服务器让客户端重定向?

1、状态码设置为 302 临时重定向

statusCode

2、在响应头中通过 Location 告诉客户端往哪儿重定向

setHeader

如果客户端发现收到服务器的响应的状态码是 302 就会自动在响应头中找 Location , 然后对该地址发起新的请求。

所以就可以看到客户端自动跳转了

步骤:
1、 / index.html
2、 开放 public 目录中的静态资源
  当请求 /public/xxx 的时候,读取响应 public 目录中的具体资源
3、  /addpage addpage.html
4、  /addComment
  4.1 接收表单提交数据 url.parse(url,true)  有了true .query就是一个对象, pathname 就是?之前的部分
  4.2 存储表单提交的数据
  4.3 让客户端重定向到 /  
    statusCode
    setHeader
相关文章
|
23天前
|
自然语言处理 JavaScript 前端开发
[JS]知识点
本文介绍了JavaScript中的多个重要知识点,包括ES6、严格模式、类与对象、解构、跨域问题及入口函数等。文章通过详细示例和推荐的外部资源,帮助读者更好地理解和应用这些概念。内容持续更新中,适合初学者和进阶开发者参考。
14 2
[JS]知识点
|
23天前
|
JavaScript 前端开发 中间件
JS服务端技术—Node.js知识点
本文介绍了Node.js中的几个重要模块,包括NPM、Buffer、fs模块、path模块、express模块、http模块以及mysql模块。每部分不仅提供了基础概念,还推荐了相关博文供深入学习。特别强调了express模块的使用,包括响应相关函数、中间件、Router和请求体数据解析等内容。文章还讨论了静态资源无法访问的问题及其解决方案,并总结了一些通用设置。适合Node.js初学者参考学习。
33 1
|
29天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
294 4
|
1月前
|
存储 JavaScript 前端开发
JS的ES6知识点
【10月更文挑战第19天】这只是 ES6 的一些主要知识点,ES6 还带来了许多其他的特性和改进,这些特性使得 JavaScript 更加现代化和强大,为开发者提供了更多的便利和灵活性。
20 3
|
2月前
|
存储 JSON JavaScript
JS知识点
JS知识点
21 3
|
2月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
25 5
|
7月前
|
监控 JavaScript
|
3月前
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
2月前
|
前端开发 JavaScript
JavaScript 知识点总结
JavaScript 知识点总结
29 0
|
2月前
|
存储 JavaScript 前端开发
JavaScript知识点
JavaScript知识点