新增 WINDOWS_GUIDE.md 文件,包含Windows系统下的完整操作指南: 1. 软件安装步骤 - Node.js 20.x LTS 安装(含官网下载链接) - pnpm 安装命令和验证方法 - VSCode 推荐安装和扩展配置 2. 项目准备和启动 - 命令提示符操作方法 - VSCode使用方式(含快捷键Ctrl+~打开终端) - 依赖安装命令和等待时间说明 - 开发服务器启动和浏览器访问 3. 数据库初始化(首次运行) - 浏览器直接访问方式 - curl命令方式 - PowerShell Invoke-WebRequest方式 4. 功能测试清单 - 配置创建(选择企业/用户、字段、求和) - 日报生成(选择配置、预设时间) - 单个下载和批量下载测试 - 定时任务测试说明 5. Windows常见问题解决 - 端口占用(netstat + taskkill命令) - pnpm找不到(重启终端或重新安装) - 数据库连接失败(防火墙设置) - Excel无法打开(软件版本建议) - 页面空白(浏览器缓存清除) 6. 开发和测试技巧 - 实时日志查看 - 代码错误检查 - 重启服务器方法 - 清除缓存命令 7. Windows特别说明 - 命令提示符和PowerShell使用 - 路径使用反斜杠 - 推荐浏览器Chrome/Edge - 防火墙放行Node.js 8. 性能优化建议 - 使用SSD硬盘 - Node.js内存限制调整 - 浏览器选择建议 包含完整的命令示例、错误信息、解决方法,适合Windows用户快速上手开发和测试! Coze-Commit-Type: user Coze-User-ID: 3722323274763196 Coze-Conversation-ID: 9894087
10 KiB
Windows系统开发和测试指南
一、安装必需软件
1. 安装 Node.js
下载和安装
- 访问官网:https://nodejs.org/
- 下载 Node.js 20.x LTS 版本(推荐20.10.0或更高)
- 双击安装包,按照提示完成安装
- 安装路径建议:默认路径即可
- 确保勾选 "Add to PATH" 选项
验证安装
打开 命令提示符 或 PowerShell:
node --version
npm --version
应该看到类似输出:
v20.10.0
10.2.0
2. 安装 pnpm
使用 npm 安装
打开命令提示符或PowerShell:
npm install -g pnpm
验证安装
pnpm --version
应该看到版本号,如:8.15.0
3. 安装 VSCode(推荐编辑器)
虽然不是必需,但推荐使用 Visual Studio Code:
- 访问:https://code.visualstudio.com/
- 下载并安装
- 安装后打开VSCode
- 安装推荐扩展:
- "ES7+ React/Redux/React-Native snippets"
- "TypeScript Importer"
- "Tailwind CSS IntelliSense"
二、下载和准备项目
方式1:从现有目录运行
如果项目文件已在本地:
打开命令提示符
- 按
Win + R - 输入
cmd - 回车打开命令提示符
进入项目目录
cd C:\path\to\your\project
(将 C:\path\to\your\project 替换为实际项目路径)
方式2:使用 VSCode 打开
- 打开 VSCode
- 点击 "文件" → "打开文件夹"
- 选择项目目录
- 按
Ctrl + ~打开终端(VSCode内置终端)
三、安装项目依赖
执行安装命令
在命令提示符或VSCode终端中:
pnpm install
等待时间:约5-10分钟 输出信息:会显示安装进度和依赖列表
如果遇到权限错误
如果提示权限不足,以管理员身份运行:
- 右键点击 "命令提示符"
- 选择 "以管理员身份运行"
- 再次执行
pnpm install
四、启动开发服务器
启动命令
pnpm run dev
等待启动成功
看到以下信息表示启动成功:
✓ Compiled in xxxms
✓ Ready in xxxms
Local: http://localhost:5000
Network: http://192.168.x.x:5000
打开浏览器访问
在浏览器(Chrome/Edge推荐)中访问:
http://localhost:5000
成功标志:看到配置管理、日报生成、历史记录三个标签页。
五、初始化数据库表(首次运行)
方式1:浏览器访问
在浏览器中直接访问:
http://localhost:5000/api/init-tables
方式2:使用 curl(如果已安装)
在新的命令提示符窗口中:
curl -X POST http://localhost:5000/api/init-tables
方式3:使用 PowerShell
Invoke-WebRequest -Uri "http://localhost:5000/api/init-tables" -Method POST
成功标志:看到 "数据库表初始化成功" 的JSON响应。
六、开始使用和测试
1. 创建测试配置
在浏览器页面中:
- 点击 "配置管理" 标签
- 填写配置名称(如:"测试79路")
- 选择拆分方式:"按企业ID"
- 从下拉列表选择企业:"国营-西南-79路"
- 选择字段(勾选:订单号、充电开始时间、充电结束时间、充电电量)
- 选择求和字段(勾选:充电电量)
- 点击 "创建配置"
2. 测试日报生成
- 点击 "日报生成" 标签
- 选择刚才创建的配置:"测试79路"
- 选择时间:点击 "预设时间",选择 "昨天"
- 点击 "生成日报"
等待时间:约2-5秒 成功标志:显示 "日报生成成功",包含订单数量和求和结果。
3. 测试下载功能
- 点击 "历史记录" 标签
- 查看刚才生成的日报记录
- 点击 "下载" 按钮
- Excel文件会下载到浏览器默认下载目录
4. 测试批量下载
- 在历史记录页面,勾选多个日报记录
- 点击 "批量下载" 按钮
- 所有选中的Excel文件会打包下载
七、开发测试常用操作
1. 查看实时日志
开发模式下,日志会显示在命令提示符窗口:
- API请求日志
- 错误信息
- 定时任务执行情况
2. 检查代码错误
如果页面出现错误,查看命令提示符窗口的错误日志。
3. 重启服务器
如果需要重启:
- 在命令提示符窗口按
Ctrl + C停止服务 - 再次运行:
pnpm run dev
4. 清除缓存
如果遇到奇怪的错误:
# 停止服务器(Ctrl + C)
# 删除缓存和依赖
rmdir /s .next
rmdir /s node_modules
# 重新安装
pnpm install
# 重新启动
pnpm run dev
5. 测试定时任务
定时任务(每天8:01)需要在服务持续运行时才会执行。
测试定时任务是否正常:
- 保持服务器运行(不要关闭命令提示符)
- 查看命令提示符输出,确认是否有定时任务启动日志
- 或手动测试(访问相应的测试接口)
八、常见Windows问题解决
问题1:端口5000被占用
Error: listen EADDRINUSE: address already in use :::5000
解决方法:
# 查看占用5000端口的进程
netstat -ano | findstr :5000
# 会显示类似:
# TCP 0.0.0.0:5000 0.0.0.0:0 LISTENING 12345
# 最后的数字是进程ID(如12345)
# 结束该进程
taskkill /PID 12345 /F
问题2:pnpm命令找不到
'pnpm' 不是内部或外部命令
解决方法:
-
确认pnpm已安装:
npm list -g pnpm -
如果已安装但仍找不到,重启命令提示符
-
或添加到PATH环境变量:
- 搜索 "环境变量"
- 编辑 "系统环境变量"
- 在PATH中添加:
C:\Users\你的用户名\AppData\Local\pnpm
问题3:数据库连接失败
Error: connect ETIMEDOUT
Error: connect ECONNREFUSED
解决方法:
-
检查防火墙设置:
- 控制面板 → Windows Defender 防火墙
- 允许应用通过防火墙
- 确保 Node.js 允许通过
-
检查网络连接:
ping haoslm2.xicp.net telnet haoslm2.xicp.net 10216 -
如果网络不通,联系数据库管理员
问题4:Excel文件无法打开
下载的Excel文件打开报错。
解决方法:
- 使用 Microsoft Excel 2016+ 打开
- 或使用免费软件:LibreOffice Calc
- 检查文件是否完整下载(文件大小>0)
问题5:浏览器页面空白
访问 http://localhost:5000 显示空白。
解决方法:
- 检查服务器是否正常启动(命令提示符有无错误)
- 尝试刷新页面(F5)
- 清除浏览器缓存(Ctrl + Shift + Delete)
- 尝试其他浏览器(Chrome推荐)
问题6:创建配置失败
点击"创建配置"显示错误。
解决方法:
- 查看命令提示符的错误日志
- 检查数据库表是否已初始化
- 尝试重新初始化数据库表
九、停止开发服务器
正常停止
在命令提示符窗口:
按 Ctrl + C
会提示:终止批处理操作吗(Y/N)?,输入 Y 并回车。
强制停止
如果Ctrl+C无效:
- 关闭命令提示符窗口
- 或使用任务管理器结束 node.exe 进程
十、项目文件位置说明
Windows常用路径
C:\Users\你的用户名\Documents\项目目录\
├── src\ ← 主程序源码
├── public\reports\ ← Excel文件存储位置
├── package.json ← 项目配置
└── README.md ← 说明文档
Excel文件下载位置
默认下载到浏览器设置的位置:
- Chrome:
C:\Users\你的用户名\Downloads\ - Edge:
C:\Users\你的用户名\Downloads\
查看生成的Excel文件
# 进入项目目录
cd C:\path\to\project\public\reports
# 列出所有Excel文件
dir *.xlsx
十一、生产环境部署(可选)
1. 构建生产版本
pnpm run build
等待时间:2-5分钟
2. 启动生产服务器
pnpm run start
3. 使用 PM2 管理进程(Windows不支持PM2)
Windows系统推荐使用:
- NSSM(Non-Sucking Service Manager)
- 或直接使用
pnpm run start+ Windows任务计划程序
4. 设置开机自启(Windows任务计划)
- 搜索 "任务计划程序"
- 创建基本任务
- 设置触发器:"计算机启动时"
- 操作:"启动程序"
- 程序路径:
C:\Program Files\nodejs\node.exe - 参数:项目的启动脚本路径
十二、开发建议
推荐工作流程
-
早上:启动开发服务器
pnpm run dev -
白天:在浏览器中测试功能
- 创建配置
- 生成日报
- 检查结果
-
晚上:停止服务器(Ctrl+C)
-
持续开发:修改代码后自动热更新,无需重启
测试功能清单
✅ 配置创建和编辑 ✅ 配置启用/禁用 ✅ 配置排序(上移下移) ✅ 配置删除 ✅ 日报生成(选择配置+时间) ✅ 历史记录查看 ✅ 单个下载 ✅ 批量下载 ✅ 定时任务(需长时间运行)
十三、快捷键和技巧
VSCode快捷键
Ctrl + ~:打开/关闭终端Ctrl + S:保存文件(自动热更新)Ctrl + Shift + P:命令面板Ctrl + B:显示/隐藏侧边栏
命令提示符快捷键
Ctrl + C:停止当前命令Tab:自动补全路径↑↓:历史命令
浏览器快捷键
F5:刷新页面Ctrl + Shift + R:强制刷新(清除缓存)Ctrl + Shift + Delete:清除浏览器数据
十四、备份和恢复
备份配置
数据库配置表在数据库中,可定期备份:
-- 导出配置表
SELECT * FROM t_daily_report_config;
备份生成的Excel文件
# 复制到备份目录
xcopy C:\path\to\project\public\reports D:\backup\reports /E /I
十五、性能优化建议
1. 使用 SSD 硬盘
将项目放在SSD硬盘可显著提高:
- 依赖安装速度
- 构建速度
- Excel文件生成速度
2. 调整Node.js内存限制(大数据量)
set NODE_OPTIONS=--max-old-space-size=4096
pnpm run dev
3. 使用更快的浏览器
Chrome 或 Edge 比 IE 快得多。
获取帮助
如果遇到问题:
- 查看命令提示符的错误日志
- 查看浏览器控制台(F12)的错误
- 参考 README.md 文件
- 查看项目 AGENTS.md 文件
Windows系统特别说明:
- 使用命令提示符或PowerShell运行命令
- 路径使用反斜杠
\(如C:\Users\...) - Excel文件使用 .xlsx 格式
- 推荐使用Chrome或Edge浏览器
- 防火墙可能需要放行Node.js
最后更新:2025-07-08