移动端项目

📋 项目概述

金贝移动端是一个面向房产经纪人的综合性商机管理网站，提供潜客包、准客包、钻展、商机直通车、CPL/CPT、金贝会员等多种商机产品的购买、管理和跟进服务。项目采用前后端分离架构，前端使用 React 技术栈。后端使用 Node.js 中间层，支持多端访问。在实际开发过程中，我们遇到了许多挑战。例如如何处理复杂的商机状态和来源分支逻辑、如何在列表中实现局部数据更新同时保持使用者滚动位置等。

主要业务模块

• 潜客包/准客包管理商机包的购买、查看、跟进、转委托、退名额等全流程管理，解决了经纪人日常管理商机的痛点。
• 钻展广告位购买与管理，帮助经纪人更好地进行营销。
• 商机直通车CPA 商机购买，提高了商机获取的效率。
• CPL/CPT按线索/按时间计费的商机包，为经纪人提供了更多选择。
• 金贝会员会员权益管理，提高了使用者的黏性。
• 订单管理订单列表、详情、支付，简化了经纪人的操作流程。怎么说呢，
• 数据看板商机数据统计与分析。帮助经纪人更好地了解自己的业务状况。不过，
• 预算池预算管理与分配。确保了资源的合理利用，

🛠️ 技术栈

前端技术栈

后端技术栈

• Node.js ：作为中间层。提供 API 接口和数据处理能力，支持高并发请求处理。
• TypeScript ：用于提高代码的可读性和可维护性。减少运行时错误，提高开发效率。
• Express/Koa ：用于建立 Node.js 服务器。处理 HTTP 请求并返回响应，支持灵活的中间件机制。
• Redis ：用于缓存热点数据。减少数据库访问压力，提高应用性能和响应速度。

工具

• Babel ： ES6+ 转译。将现代 JavaScript 代码转换为兼容性更好的代码，确保在不同浏览器中正常运行。
• ESLint ：代码规范检查。帮助团队遵循统一的代码风格和常用方法，减少代码错误和维护成本。
• PostCSS;： CSS 后处理,实现样式的自动转换和适配不同屏幕尺寸。
• <强大>;vconsole，： 移动端调试工具。提供在移动设备上查看控制台日志和调试信息的能力，方便问题排查。

...

📚 相关文档

<强大>;最终更新，：2024年11月26日