01 / ENTRY
三端入口
每个原型都是独立单文件,可直接打开体验;页面之间共享同一套演示数据与业务语义。
THREE PORTALS · ONE DATA MODEL
USER WEB找房 / 收藏 / 预约
用户端 栖居租房
面向租客的响应式找房体验。从首页推荐、条件筛选到房源详情与预约看房,游客可自由浏览,登录后完成收藏、预约与联系。
首页找房列表房源详情个人中心预约 / 收藏
13800138000 · 任意 4 位验证码
4 PAGES
进入原型
LANDLORD WEB入驻 / 发布 / 预约
房东端 房东中心
房东的经营工作台。完成实名入驻后管理房源状态、提交审核、上下架,并处理租客看房预约;数据概览同步浏览、收藏与预约表现。
工作台我的房源发布房源预约管理入驻认证
13800138000 · 验证码 1234
5 PAGES
进入原型
ADMIN CONSOLE审核 / 运营 / 权限
管理后台 运营管理端
平台秩序的控制台。双通道房源管理、房东入驻审核、预约协同、城市小区字典、Banner 与公告,以及管理员角色权限与操作日志。
数据工作台房源审核房东管理基础数据角色权限
静态原型演示 · 真实后台请从 /rental/app/admin.html 登录
16 PAGES
进入原型
02 / MAP
页面地图
25 个功能页面,覆盖从浏览找房到审核处置的完整业务路径。
用户端房东端管理后台
用户端USER · RESPONSIVE WEB
04
01
首页Banner、搜索、快捷筛选、推荐与最新房源
U-10502
找房列表区域 / 租金 / 户型 / 整租合租筛选与排序
U-10603
房源详情图片、租金、配套、可入住日期、联系方式与预约
U-10804
个人中心我的预约、收藏、浏览记录、意见反馈与资料
U-103游客可浏览;收藏、预约、联系方式需登录,统一走 登录引导。
房东端LANDLORD · DESKTOP WEB
05
01
工作台房源、浏览、预约概览与今日待办
L-11102
我的房源草稿 / 待审核 / 上架 / 下架 / 驳回状态管理
L-10603
发布 / 编辑房源完整房源表单、图片、配套与提交审核
L-10504
预约管理确认 / 拒绝 / 完成,查看租客联系方式
L-10905
入驻认证实名资料、审核进度、驳回原因与重新提交
L-102入驻通过后才可发布;被禁用时 名下房源自动下架。
管理后台ADMIN · 1366PX+
16
01
数据工作台核心指标、待办、趋势与最新预约
02
房源管理全量房源筛选、详情、上下架、推荐
03
房源审核待审核 / 已处理,通过或驳回并留原因
04
发布 / 编辑房源平台直发,可关联房东或留作平台房源
05
预约管理平台预约处理与房东预约只读协同
06
用户管理搜索、详情、禁用与启用
07
房东入驻审核资料核验、通过 / 驳回与原因
08
房东管理名下房源与预约、账号禁用 / 启用
09
房源标签标签库维护与房源打标
10
城市 / 小区城市、区域、小区三级字典
11
Banner 管理首页轮播、排序、启用状态与预览
12
公告管理草稿、发布、更新与下线
13
意见反馈处理状态与回复用户
14
管理员与角色账号维护、角色菜单权限、数据权限
15
操作日志登录与关键操作留痕、检索
16
系统设置审核开关、可约天数、客服电话、分页
超级管理员 16 页全开;运营 14 页;客服 6 页,菜单与页面访问同时受控。
03 / FLOW
业务主线
三条路径在一个预约闭环中汇合:发布房源 → 找房 → 预约 → 处理预约。
LISTING → DISCOVERY → APPOINTMENT
USER用户找房路径
01
浏览与搜索首页推荐、关键词搜索、区域与租金筛选
02
查看房源详情图片、面积楼层、配套、可入住日期与联系入口
03
登录后收藏 / 预约选择未来日期与时段,同一房源仅允许一条进行中预约
04
等待确认并查看状态可取消未完成预约,完成后仅查看
洽谈、看房与后续交易线下完成;平台只做信息展示与预约撮合。
LANDLORD房东经营路径
01
注册并提交入驻姓名、身份证、联系方式与证件资料
02
等待平台审核待审核 / 已通过 / 已驳回,驳回可修改重提
03
发布房源并通过审核填写完整信息提交,审核通过后上架
04
处理预约与经营数据确认、拒绝或完成看房,查看浏览 / 收藏 / 预约
房东只能操作名下房源;关键信息修改后会重新进入待审核。
ADMIN平台运营路径
01
登录并维护基础字典按角色进入;维护城市、区域、小区与标签
02
平台直发或审核房东房源平台房源可直接上架;房东房源必须审核
03
管理上下架与推荐强制下架违规房源,配置首页推荐与排序
04
处理平台预约与运营内容确认预约,维护 Banner、公告、反馈与日志
房东处理房东房源预约,管理员处理平台房源预约,职责不交叉。
RULE 01房源双通道管理员直发可直接上架;房东房源必经审核。
RULE 02删除保护存在进行中预约的房源不可删除,须先处理或强制下架。
RULE 03账号联动房东被禁用后名下房源自动下架,不可新增或编辑。
RULE 04角色隔离super / ops / cs 三角色按菜单与操作边界授权。
04 / SCOPE
功能覆盖
v0.2 收敛为 45 项功能,聚焦房源信息与看房预约,不做重交易链路。
45 FEATURES · 29 P0
模块分布
用户 14 项 · 房东 11 项 · 管理后台 20 项
45FEATURES
用户端U · 14
账号与个人4找房6预约与服务4
14项
房东端L · 11
入驻与账号4房源管理4预约与数据3
11项
管理后台A · 20
登录与工作台2用户与房东3房源管理6预约管理2基础数据与内容4系统管理3
20项
本版边界
只做房源信息展示与看房预约;租金与押金仅作为房源信息展示,实际交易线下完成。以下重交易能力不在本期范围:
在线支付电子合同账单押金交易发票报修工单续租 / 退租房东收益报表小程序 / App
优先级结构
P0 构成最小闭环,P1/P2 用于首版增强与迭代。
P0 · 核心闭环29 项 · 64%
P1 · 首版增强12 项 · 27%
P2 · 可迭代4 项 · 9%
原型可交互验证
- 状态守卫:删除保护、禁用联动、上架前置条件。
- 审核闭环:通过 / 驳回、原因回传与重新提交。
- 预约协同:确认 / 拒绝 / 完成与重复预约拦截。
- RBAC:三种角色菜单、按钮与页面访问同步隔离。
- 表单校验:必填、长度、重复、上限与错误提示。
05 / DEMO
演示账号与状态
登录后可完整体验各角色操作;三个原型相互独立,但共享同一套业务规则与状态语义。
IN-MEMORY DATA · RESET ON RELOAD
演示账号
用户端与房东端支持一键演示登录;后台需输入图形验证码
| 租客 · 林小满USER用户端 · 收藏 / 预约 / 反馈 | 13800138000 |
|
| 房东 · 王女士LANDLORD房东端 · 已认证,含 5 套房源 | 13800138000 / 1234 |
|
| 超级管理员SUPERadmin · 16 页全量权限 | admin / admin123 |
|
| 运营管理员OPSops · 除管理员与系统设置外 14 页 | ops / ops123 |
|
| 客服专员CScs · 工作台 / 房源 / 预约 / 用户 / 反馈 / 日志 | cs / cs123 |
|
| 已禁用账号示例AUDITaudit · 登录时提示账号已禁用 | audit / oldli123 |
用户端登录:手机号 + 任意 4 位验证码,勾选协议即可;房东端验证码固定 1234;后台验证码以页面右侧图形为准。以上均为静态原型内置账号,不能登录真实系统;真实管理后台为 /rental/app/admin.html,账号由项目负责人单独保管。
状态语义
三端一致的房源、预约与入驻状态流转
房源状态
草稿→
待审核→
已上架→
已下架
旁路
已驳回
下架后立即从用户端列表与详情隐藏;驳回可修改后重新提交。
预约状态
待确认→
已确认→
已完成
旁路
已拒绝
已取消
已完成不可取消;房东房源由房东处理,平台房源由管理员处理。
入驻与账号
待审核→
已通过
/
已驳回
账号
正常
已禁用
入驻通过后开通房源发布;账号被禁用后立即失去登录与操作权限。
无后端依赖所有交互在浏览器内完成,刷新页面即恢复初始演示数据。
示例图片房源与 Banner 图片来自 Unsplash,首次加载需要网络连接。
业务边界租金与押金仅展示,支付、合同、账单与交易均在线下完成。
配套文档与原型文件功能范围、业务规则、数据结构与页面原型均位于同一目录,便于评审与交付。