我们从头开始，从零搭建整个系统。整个过程分为 「服务器准备→后端搭建→前端搭建→功能整合」 四大阶段，每个阶段拆解为具体操作步骤，跟着做就能跑通～
🔥 阶段1：准备阿里云服务器（ECS）
目标：买一台阿里云服务器，能连上并安装基础软件。
步骤1：购买阿里云ECS（以Linux为例）
- 打开阿里云官网 → 登录账号 → 搜索「云服务器ECS」→ 点击「立即购买」。
- 选配置（新手选「共享型s6」+ 1核2G + 按量付费，先测试，后续可升级）→ 选Ubuntu 22.04系统 → 设置密码（记住！）→ 确认购买。
- 购买后，在「控制台→实例」找到你的服务器，复制公网IP（后续要用）。
步骤2：用SSH连接服务器（Windows/Mac都行）
- Windows：下载 Xshell → 新建连接 → 主机填公网IP → 用户名
root→ 密码填购买时设置的 → 连接。 - Mac：打开终端 → 执行
ssh root@你的公网IP→ 输入密码（购买时设置的）→ 连接。
步骤3：安装基础软件（Node+MongoDB）
在服务器终端执行以下命令（复制粘贴，回车执行）：
🔥 阶段2：搭建后端服务（Node+Express+MongoDB）
目标：写后端代码，实现「登录、保存核查记录、账号管理」。
步骤1：创建后端项目文件夹
在服务器终端执行：
步骤2：安装后端依赖
执行以下命令安装Express（框架）、Mongoose（操作MongoDB）、Multer（处理文件上传）：
步骤3：写后端代码（server.js）
用文本编辑器（如 vim 或上传文件到服务器）创建 server.js，写入以下代码（替换公网IP）：
步骤4：插入测试用户（MongoDB）
在服务器终端执行 mongo 进入MongoDB命令行，然后执行：
步骤5：运行后端服务
在 nursing-backend 目录下执行：
若看到 后端服务运行在 http://localhost:3000，说明后端启动成功 ✅
🔥 阶段3：搭建前端页面（登录+核查表）
目标：写两个前端页面（登录页+核查表页），实现「登录→跳转核查表→填表→提交」。
步骤1：创建前端项目文件夹
在服务器终端执行（或本地创建后上传到服务器）：
步骤2：写登录页面（login.html）
创建 login.html，写入以下代码（替换公网IP）：
步骤3：写核查表页面（index.html）
创建 index.html，写入以下代码（替换公网IP）：
步骤4：测试前端功能
- 把
login.html和index.html上传到阿里云服务器的/var/www/nursing/目录（或其他Web目录）。 - 用手机/电脑浏览器访问
login.html（地址：http://你的阿里云公网IP:3000/login.html）。 - 输入测试账号（用户名
test，密码test123）→ 登录 → 跳转到核查表页面 → 测试「填表→扣分→提交」。
🔥 阶段4：功能扩展（搜索框+页面美化+防缩放）
目标：实现「输入问题序号跳转」+ 美化页面 + 禁止页面缩放。
步骤1：搜索框跳转功能（前端）
在 index.html 的 <script> 中，找到 jumpToQuestion 函数，替换为以下代码（按「项目序号+标准序号」跳转，如1.1）：
步骤2：页面美化（淡蓝背景+按钮样式）
在 index.html 的 <style> 中，已添加淡蓝色背景 #f0f8ff，按钮hover变色等样式。可根据需求调整颜色、字体。
步骤3：禁止页面缩放（防手机自动放大）
在 login.html 和 index.html 的 <head> 中，确保有：
今日落地总结
按以上步骤，已完成「阿里云服务器准备→后端搭建（登录/保存记录）→前端搭建（登录页+核查表页）→功能扩展（搜索/美化）」全流程。
若某一步报错，把错误信息截图发我，帮你定位问题～ 现在可以先测试登录功能，成功后测试核查表提交 ✨
下一步建议
若想实现**“核查表复用Excel表格内容”，需把Excel内容转为前端表格。可提供Excel文件，我教你用Python/Pandas转成前端代码～
若想实现“照片上传到阿里云OSS”**，需配置OSS SDK，后续可扩展～
跟着步骤做，今天就能跑通核心功能！遇到问题随时喊我 🚀
我从零开始，分5个阶段教你一步步实现系统，每个阶段拆解为「做什么+怎么做+文件路径」，跟着操作就能跑通～
🔥 阶段1：准备阿里云服务器（ECS）
目标：买一台能连公网的云服务器，安装基础软件。
步骤1：购买阿里云ECS（以Linux为例）
- 打开 阿里云官网 → 登录账号（没有就注册）→ 搜索 「云服务器ECS」 → 点击「立即购买」。
- 选配置（新手选「共享型s6」+ 1核2G + 按量付费，先测试，后续可升级）→ 镜像选 Ubuntu 22.04 → 设置密码（记住！后续SSH连接要用）→ 确认购买。
- 购买后，在「控制台→实例」找到你的服务器，复制公网IP（后续所有网络请求都用这个IP）。
步骤2：用SSH连接服务器（Windows/Mac）
- Windows：下载 Xshell → 打开Xshell → 新建连接 → 主机填公网IP → 用户名填
root→ 密码填购买时设置的 → 连接。 - Mac：打开「终端」→ 执行
ssh root@你的公网IP→ 输入购买时设置的密码 → 连接。
步骤3：安装基础软件（Node+MongoDB）
在服务器终端（SSH连接后的窗口）执行以下命令（一行行复制粘贴，回车执行）：
🔥 阶段2：搭建后端服务（Node+Express+MongoDB）
目标：写后端代码，实现「登录验证、保存核查记录、账号管理」。
步骤1：创建后端项目文件夹
在服务器终端执行：
步骤2：安装后端依赖
执行以下命令，安装Express（后端框架）、Mongoose（操作MongoDB）、Multer（处理照片上传）：
步骤3：写后端代码（server.js）
用「文本编辑器」创建 server.js 文件（比如用 vim 或上传本地文件到服务器），写入以下代码（替换公网IP）：
步骤4：插入测试用户（MongoDB）
在服务器终端执行 mongo 进入MongoDB命令行，然后执行：
步骤5：运行后端服务
在 nursing-backend 目录下执行：
若看到 后端服务运行在 http://localhost:3000，说明后端启动成功 ✅
🔥 阶段3：搭建前端页面（登录+核查表）
目标：写两个前端页面（登录页+核查表页），实现「登录→跳转核查表→填表→提交」。
步骤1：创建前端项目文件夹
在服务器终端执行（或本地创建后上传到服务器）：
步骤2：写登录页面（login.html）
创建 login.html 文件，写入以下代码（替换公网IP）：
步骤3：写核查表页面（index.html）
创建 index.html 文件，写入以下代码（替换公网IP）：
步骤4：测试前端功能
- 把
login.html和index.html上传到阿里云服务器的/var/www/nursing/目录（或其他Web可访问目录）。 - 用手机/电脑浏览器访问
login.html（地址：http://你的阿里云公网IP:3000/login.html）。 - 输入测试账号（用户名
test，密码test123）→ 登录 → 跳转到核查表页面 → 测试「填表→扣分→提交」。
🔥 阶段4：功能扩展（搜索框+页面美化+防缩放）
目标：实现「输入问题序号跳转」+ 美化页面 + 禁止页面缩放。
步骤1：搜索框跳转功能（前端）
在 index.html 的 <script> 中，找到 jumpToQuestion 函数，替换为以下代码（按「项目序号+标准序号」跳转，如1.1）：
步骤2：页面美化（淡蓝背景+按钮样式）
在 index.html 的 <style> 中，已添加淡蓝色背景 #f0f8ff，按钮hover变色等样式。可根据需求调整颜色、字体。
步骤3：禁止页面缩放（防手机自动放大）
在 login.html 和 index.html 的 <head> 中，确保有：
🔥 阶段5：今日落地总结
按以上步骤，已完成「阿里云服务器准备→后端搭建（登录/保存记录）→前端搭建（登录页+核查表页）→功能扩展（搜索/美化）」全流程。
若某一步报错，把错误信息截图发我，帮你定位问题～ 现在可以先测试登录功能，成功后测试核查表提交 ✨
下一步建议
若想实现**“核查表复用Excel表格内容”，需把Excel内容转为前端表格。可提供Excel文件，我教你用Python/Pandas转成前端代码～
若想实现“照片上传到阿里云OSS”**，需配置OSS SDK，后续可扩展～
跟着步骤做，今天就能跑通核心功能！遇到问题随时喊我 🚀