Node.js 记账本项目总结

在使用Node.js结合Express框架构建记账本的过程中,遇到了一些常见的问题,这些问题主要集中在路径处理、包管理工具的选择、开发环境优化以及HTTP响应处理等方面。以下是对此进行 具体的总结与问题分析:

绝对路径与相对路径

  • 绝对路径 :指从根目录开始的完整路径,如/web。在Web开发中,使用绝对路径可以避免因文件位置改变而引起的路径错误。

  • 相对路径:相对于当前文件的位置来确定目标文件的位置,例如:

    • ./css/app.css:表示从当前文件所在的目录下寻找css文件夹内的app.css文件。
    • ../app.css:表示上一级目录下的app.css文件。
开发环境优化

为了提高开发效率,我们采用了以下措施:

  • 更换NPM镜像源 :使用nrm工具切换至淘宝镜像源,加速依赖包的下载速度。

    复制代码
    npm i -g nrm
    nrm use taobao
  • 使用Yarn :Yarn是一个快速、可靠且安全的依赖管理工具,可以通过yarn config list命令检查配置是否生效。

  • 使用Nodemon :安装并使用nodemon替代默认的node命令,实现代码更改后的自动重启功能。

    复制代码
    npm install -g nodemon

HTTP响应处理

在处理HTTP响应时,正确的使用res.send()方法非常重要。该方法用于向客户端发送响应,如果参数不正确,则可能导致错误。例如,尝试将字符串'success'作为状态码传递是不正确的。正确的做法应该是先设置状态码,然后再发送响应体,如:

复制代码
res.status(200).send({ msg: '添加成功!' });

此外,在创建新的记账记录后,通常会重定向到列表页以展示最新的记录列表,这可以通过res.redirect()方法实现:

复制代码
router.post('/account', (req, res) => {
  const newRecord = req.body;
  db.get('accounts').push(newRecord).write();
  res.redirect('/account/list'); // 重定向到列表页
});

路由处理函数

  • 列表页(list) :从数据库中查询所有记账记录,并将这些数据传递给模板引擎进行渲染。
  • 创建页(create) :处理用户的表单提交,将新的记账记录保存至数据库,并重定向回列表页。
  • 成功页(success) :实际上,在成功添加记录后,建议直接重定向到列表页,而非单独显示一个成功页面,以保持用户体验的一致性。
相关推荐
JaredYe3 小时前
纯 Node.js 编译 LaTeX:无需 TeX Live、无需宏包管理的工程级方案(node-latex-compiler)
node.js·latex·tectonic
_Kayo_7 小时前
Node.JS 学习笔记8
笔记·学习·node.js
six+seven8 小时前
Node.js内置模块fs
前端·node.js
wuhen_n9 小时前
Webpack vs Vite:前端构建工具对比
前端·webpack·node.js·vite
Gogo8169 小时前
Node.js 后端架构的“隐秘角落”:从 Fastify 引擎到类型系统的博弈
架构·node.js
本妖精不是妖精9 小时前
CentOS 7 安装 Node.js v18.x 完整教程
linux·centos·node.js
摇滚侠1 天前
Node.js 零基础教程,Node.js 和 NPM 的安装与使用
前端·npm·node.js
Ashley_Amanda1 天前
Node.js 服务搭建:从零到部署的生产级指南
node.js
天远云服1 天前
Node.js实战:天远车辆出险查询API接口调用流程、代码接入与场景应用
大数据·node.js
摇滚侠1 天前
安装完 node.js 以后,需不需要修改全局安装包的目录,我觉的不需要修改。网上有很多教程让修改全局包安装目录和配置环境变量,我觉的这两步都多余。
node.js