Node.js与Express开发：前后端职责划分及动态页面实现咨询

提问者Alex来自德国，英语表述存在不便，目前刚入门Node.js开发，此前仅开发过小型静态HTML、CSS站点，现阶段整理了几个基础入门问题，因问题偏通用性暂未附上相关代码示例。目前他已经可以通过Node.js和Express在本地计算机托管自己编写的静态HTML站点，核心疑问如下：

客户端与服务端的实现边界划分（快捷登录跳转场景） #

问题描述 #

首页设置多个关联预设用户的登录按钮，点击按钮后需将用户重定向至登录页，且对应用户的用户名需自动填入登录页的用户名输入框。针对这个流程的两个具体疑问：

• 用户名是否需要通过POST请求传递给服务端？
• 页面跳转应该选择普通链接，还是通过app.sendFile()向用户返回新的HTML文档？

实操解答 #

• 边界划分的核心判断逻辑很简单：只要是不需要服务端校验、不涉及隐私校验、不需要持久化存储的流程，完全可以放在客户端完成，没必要额外加服务端请求徒增开销。
• 这个快捷登录跳转的场景，完全不需要走POST请求，也不需要改动现有静态托管的逻辑：直接把每个登录按钮做成带查询参数的普通链接即可，比如/login.html?username=预设用户名的形式。带查询参数的请求不会影响静态文件托管逻辑，Express会正常返回对应的login.html静态文件，你只需要在login.html里加几行极简的客户端JS，从URL中提取username参数的值，自动填入用户名输入框，就能走完整个流程。
• POST请求的适用场景是提交需要服务端校验的敏感数据（比如真实登录的密码、需要校验的表单提交内容），而预设用户名本身是按钮关联的公开值，没有必要绕一圈发请求给服务端再跳转，平白增加页面跳转的等待时间。

服务端修改HTML标签内容的实现方式（登录后用户问候语场景） #

问题描述 #

用户完成登录后会被重定向到个人页面，页面需要展示带有用户姓名的问候语，该姓名是通过用户UUID从数据库中读取获取的。针对这个流程的两个具体疑问：

• 如何将读取到的用户名填入页面指定的<p>标签中？
• 是否必须使用模板引擎，有没有其他可修改静态HTML页面的方案？

实操解答 #

• 这里首先明确：动态修改HTML内容不是必须使用模板引擎，可以根据你的场景复杂度选择最轻量的实现方式，入门阶段没必要为了“符合最佳实践”强行引入重型工具。
• 如果你不想引入模板引擎，有两种不需要装任何第三方工具的可行方案：
  1. 静态页面+数据接口模式：把所有HTML文件都当纯静态资源托管，单独写一个服务端接口，通过用户UUID从数据库读取对应的用户名，以JSON格式返回给客户端。客户端拿到接口返回的用户名后，用几行原生JS找到页面上的目标<p>标签，把文本内容替换成读取到的用户名即可。这种方案和你现在写静态页面的习惯完全一致，不需要改动现有静态文件的结构。
  2. 简单字符串替换模式：如果你不想加客户端JS逻辑，可以在HTML的目标<p>标签里提前留好占位符，比如<p id="greeting">Hello {{userName}}</p>，服务端收到对应页面的请求时，读取静态HTML文件的字符串内容，直接把占位符{{userName}}替换成从数据库读到的真实用户名，再通过res.send()把替换完成的内容返回给客户端即可。这种方案只用到最基础的文件读取和字符串处理，非常适合简单的动态内容填充场景。
• 等后续你需要实现更复杂的动态内容（比如循环渲染列表、根据用户权限显示不同的页面元素）的时候，再引入模板引擎也完全来得及，不需要在入门阶段就把工具链搭得过于复杂。

内容的提问来源于stack exchange，提问作者Alexander Hafner