1. 立项背景和目标
当下上海企业办公选址需求旺盛,但传统写字楼租赁存在房源信息分散、实地看房成本高、中介信息不透明、客户与楼宇方对接低效等痛点,企业选址需要多次线下奔波,经纪人获客、房源管理缺乏线上数字化工具。本搜楼网上海分站项目立项目标为:搭建专注上海写字楼、产业园区、联合办公的垂直租赁数字化平台,整合全城真实在租房源,提供线上 VR 看房、地图找楼、智能匹配、预约带看一站式服务;面向企业客户实现低成本高效选址,面向房产经纪人、楼宇物业提供房源发布、客户管理、线索转化后台,最终打通 “线上选楼 - 预约看房 - 线下洽谈” 全链路,降低租赁双方沟通成本,提升商业办公租赁行业数字化服务效率。
2. 软件功能、核心功能模块介绍
平台分为前端用户展示端、经纪人 / 物业商家后台、平台总管理后台三大板块,核心模块如下:
1)房源检索模块:支持按区域、地铁线路、面积、租金、楼层、楼盘类型多条件筛选,搭配地图可视化找楼、楼盘详情页展示户型图、实景视频、VR 全景看房、租金报价、配套设施;
2)用户中心模块:企业客户注册登录,支持房源收藏、浏览历史、预约看房记录、经纪人在线咨询对话;
3)商家房源管理模块:经纪人 / 物业入驻认证、楼盘新增编辑、房源上下架、线索客户管理、带看记录台账;
4)线索与预约模块:一键预约看房表单、在线 400 电话拨打、IM 即时聊天、看房提醒推送;
5)平台运营模块:城市分站管理(上海 / 杭州 / 苏州等多城切换)、资讯文章发布、广告位管理、用户权限分级、数据统计看板;
6)增值工具模块:租金测算计算器、租赁政策科普、装修配套推荐等辅助功能。
3. 业务流程、功能路径描述
客户端流程
企业用户进入上海分站首页→通过筛选 / 地图搜索目标写字楼→进入楼盘详情浏览图文、VR 实景→意向房源点击收藏 / 在线咨询经纪人→填写信息预约线下带看→平台同步推送线索给对应经纪人→经纪人联系客户确定看房时间,完成线下租赁对接。
商家端流程
经纪人完成资质认证登录后台→录入自有写字楼房源信息、上传实景素材、上架房源→平台根据客户检索条件智能分发房源曝光→接收客户预约 / 咨询线索→后台记录带看、跟进进度,完成客户转化;
平台管理流程
管理员后台审核入驻商家资质、核验房源真实性、发布行业资讯、查看全站房源曝光、线索量、客户访问数据,维护分站基础配置,处理用户投诉与违规房源下架。
1. 整体架构和设计思路,不同模块使用的技术栈
项目采用前后端分离 B/S 架构,PC 官网 + 移动端 H5 多端适配,数据统一互通,分层解耦便于多城市分站拓展:
前端技术栈:HTML5、Tailwind CSS、JavaScript、Vue2,集成高德地图 API、VR 全景 SDK、ECharts 数据图表,适配电脑、手机自适应页面;
后端技术栈:ThinkPHP5 PHP 框架,MySQL 关系型数据库存储房源、用户、订单数据,Redis 缓存热门楼盘、筛选条件减轻数据库压力;
中间件与服务:Nginx 反向代理 + 静态资源 CDN 加速,七牛云 OSS 存储房源图片 / 视频,WebSocket 实现 IM 在线聊天,阿里云短信推送看房提醒;
后台管理:Layui 快速开发管理界面,分权限 RBAC 角色控制区分客户、经纪人、超级管理员操作权限。
整体设计采用模块化拆分,房源、用户、线索、运营模块独立封装,新增城市分站仅需配置基础参数即可快速上线,高可扩展。
2. 本人负责模块和量化成果
本人独立负责房源检索模块、地图找楼组件、VR 看房对接、移动端 H5 适配四大核心功能开发:
重构多条件房源筛选逻辑,优化数据库查询语句,房源列表加载速度提升 62%,支持上万条房源秒级筛选;
对接高德地图 API 开发楼盘点位地图,实现区域框选找房、地图弹窗展示租金户型,上线后地图页面访问量占全站流量 35%;
完成第三方 VR 看房 SDK 集成,楼盘详情页嵌入全景预览,客户线上看房咨询转化率提升 21%;
完成全站移动端页面重构,兼容安卓、iOS 各尺寸设备,页面适配兼容率 100%,移动端用户留存提升 16%;
编写后台房源批量导入工具,支持 Excel 一键批量录入楼盘,经纪人房源上架效率提升 80%。
3. 开发遇到的难点、坑,和对应解决方案
难点 1:多条件联查房源时,上万条数据查询缓慢,页面加载超时
坑点:最初直接多表联查未加索引,大量用户同时筛选引发数据库慢查询、页面 504 报错;
解决方案:给楼盘区域、租金、地铁字段建立联合索引,引入 Redis 缓存热门筛选结果,分页查询限制单次返回数据量,异步加载房源图片,解决加载超时问题。
难点 2:VR 全景素材加载卡顿,移动端打开楼盘详情图片视频资源过多导致页面卡顿
坑点:原图、高清视频直接前端加载,未做压缩分流,低端手机滑动页面严重掉帧;
解决方案:OSS 配置图片自动缩放、视频转码多清晰度,VR 资源懒加载,滚动到预览区域再请求全景素材,降低首屏资源加载体积。
难点 3:多城市分站共用一套代码,上海、杭州等城市筛选数据互相干扰
坑点:未做城市数据隔离,切换城市后房源、资讯数据错乱;
解决方案:数据库所有业务表增加 city 城市标识字段,全局请求统一携带城市参数,后台增加分站独立数据隔离逻辑,