logo
0
0
WeChat Login

🏠 房贷提前还款决策助手 (Mortgage Prepayment Decision Assistant)

一款专为中国购房者设计的房贷提前还款决策工具。基于最新的 LPR (贷款市场报价利率) 走势,结合 AI 大模型 (推荐使用 DeepSeek) 提供深度的理财建议,帮助用户在“减少月供”与“缩短期限”之间做出最优选择。


图片

✨ 功能特性

  • 📈 实时利息测算:支持“等额本息”与“等额本金”两种还款方式的对比计算。
  • 💸 提前还款方案对比
    • 方案 A (减少月供):保持剩余年限不变,降低每月还款压力,释放现金流。
    • 方案 B (缩短期限):保持月供基本不变,大幅缩短贷款年限,节省总利息支出。
  • 📊 数据可视化:通过直观的柱状图对比不同方案的利息减免力度。
  • ⚙️ LPR 自定义配置:用户可手动调整 1 年期及 5 年期 LPR 利率,适应市场变动。
  • 🤖 AI 专家决策支持
    • 支持 DeepSeek 及所有 OpenAI 兼容接口
    • 自定义配置:用户可自由设置 API URL、模型名称和 API Key。
    • 智能化建议:AI 会根据当前利率环境、剩余本金和还款阶段,给出针对性的操作建议。
  • 🎨 现代美观 UI:基于 Tailwind CSS 构建,适配移动端与 PC 端,文字清晰可见(已解决输入框文本遮挡问题)。

🛠️ 技术栈

  • 前端框架: React 19 (ES Modules)
  • 样式处理: Tailwind CSS
  • 图表库: Recharts
  • 图标库: Lucide React
  • AI 交互: Fetch API (对接 OpenAI 兼容格式接口)
  • 构建工具: 建议使用 Vite 或 Webpack

🚀 部署指南

该项目为纯前端应用,构建后可部署在任何支持静态文件托管的服务器上。

1. 本地开发

如果你是在本地环境运行:

# 安装依赖 npm install # 启动开发服务器 npm run dev

2. 项目构建

将源代码编译为优化后的静态文件:

# 执行构建 npm run build

构建完成后,根目录下会生成一个 dist (或 build) 文件夹,里面包含了所有的静态资源。

3. 第三方平台部署

方案 A:Vercel / Netlify (推荐)

  1. 将代码上传至 GitHub/GitLab。
  2. 在 Vercel 或 Netlify 仪表盘中点击 "New Project"。
  3. 关联你的仓库,框架选择 "Vite" 或 "Other"。
  4. 构建命令填入 npm run build,输出目录填入 dist
  5. 点击 Deploy 即可。

方案 B:传统私有服务器 (Nginx)

dist 文件夹中的内容上传至服务器目录(如 /var/www/mortgage),并在 Nginx 中进行如下配置:

server { listen 80; server_name yourdomain.com; location / { root /var/www/mortgage; index index.html; try_files $uri $uri/ /index.html; } }

📝 使用说明

  1. 基本设置:在左侧面板输入您的贷款总额、当前执行利率、已还年限等。
  2. LPR 配置:如果市场利率发生变动,请在下方“市场 LPR 实时配置”中更新数据。
  3. 方案预览:右侧会自动计算出两种提前还款策略的具体节约金额和结清日期。
  4. AI 分析
    • 点击右上角的 “AI 服务配置”
    • 输入您的 DeepSeek API Key(或其他兼容接口)。
    • 点击 “立即生成分析报告”,等待 AI 给出专业理财建议。

⚠️ 免责声明

本工具提供的所有计算结果和 AI 建议仅供参考。实际还款数据请以贷款银行官方账单和最终合同为准。在进行大额资金操作前,请务必咨询专业金融从业人员。


📄 开源协议

MIT License

About

房贷提前还款决策助手

Language
TypeScript96%
HTML4%