设计方案

• 编制单位：南京构播云网络科技有限公司
• 编制人员： 冯浩
• 编制日期：2025年04月06日

项目概述

建设背景

随着国家"十四五"新型城镇化建设与智慧城市发展战略的深入推进，住房和城乡建设部《关于加快新型建筑工业化发展的若干意见》明确提出"推动房地产业向数字化、服务化转型"。 新城集团积极响应国家号召，依托29年深耕不动产领域的经验积累，打造集"物业经营、文旅体验、酒店服务、房产交易"于一体的全域数字化平台——《新城智居生态平台》，重构"人-空间-服务"的智慧连接模式。

系统特点

特点	描述
先进性	采用符合信息技术发展趋势的先进技术，在满足业务需求的基础上具有易改造、易升级、易操作、易维护等性能。硬件系统的选择具有先进、成熟、稳定、性价比高等特性。
经济性	系统建设在数据存储、传输、容灾备份和网络信息安全等方面能够合理利用现有的网络及其它硬件资源，降低了硬件成本，提高了工作效率。
可扩展性	系统的体系架构具有前瞻性，各业务功能都是以模块化方式存在，可根据具体需求进行灵活、方便、快捷的整合。平台充分考虑了未来业务的发展和管理的变化，对新业务和新需求的扩展提供了良好的支持，使之不仅能满足目前应用的需要，而且能适应将来的发展。
开放性	系统具有良好的开放性，能与不同信息系统进行无缝对接。
安全可靠性	系统建立在成熟稳定的硬件环境和应用软件基础上，通过完善的备份恢复策略、安全控制机制、可靠的运行管理和故障处理手段来保障系统的运行稳定、安全。

系统角色说明

系统角色可以分为普通用户、商家用户、物业支撑人员、文旅支撑人员、酒店支撑人员、集团员工用户以及管理员等。

名词解释

名词	解释
普通用户	APP的用户，可以浏览和操作地产、酒店、文旅、物业等信息
商家用户	APP中入驻的商家，可以提供饮食服务
物业支撑人员	物业管理员，可以配置物业的商品、报修、缴费等信息
文旅支撑人员	文旅管理员，可以配置文旅的景点、游客服务等信息
酒店支撑人员	酒店管理员，可以配置酒店、房间、设施等信息
集团员工用户	集团的员工，主要用户考勤、工作等服务
管理员	系统管理员，可以配置整个系统

项目总体设计

总体设计

• 统一数据标准

本系统严格遵照总局相关文件及最新数据标准要求，确保信息化网络体系畅通和规范运行，为建立资源平台打好坚实基础。建立统一标准的信息化平台。

• 统一信息安全

本系统整合全用户体系，全集团员工组织架构，从集团层面提供统一管理，统一管控，基于部门、角色、用户的权限访问控制体系，在保障数据安全的情况下提供全面、丰富的数据访问、数据分析能力，帮助企业在拓展业务和战略决策中提供支撑。

• 先进成熟、可靠稳定

以开放的国际统一标准为基础，采用国际上成熟的、先进的、具有多厂商广泛支持的软、硬件技术来实现，保证整体架构在未来几年内不落后。在系统结构设计上要充分考虑到系统运行的稳定性。系统平台方面要考虑各种系统配置对稳定性的影响、系统必须经过严格的测试，包括功能测试、在各种系统环境系统配置上的测试等，关键设备关键部件应有冗余配置，提供各种故障的快速恢复机制。

• 实时数据传输

资源必须支持与业务系统之间不间断、稳定可靠的信息交换实时传输。

• 易扩展、易管理

整个系统架构开放，最大可能的支持各种业务系统的信息交换需求，易于扩展维护，各应用模块在组件的基础上可以随时重组，各模块之间耦合度低，并能够协作共同完成功能。

特点及优势

跨平台高性能方案

采用UniApp 3.8+版本实现"一次开发，多端覆盖"，通过以下技术手段保障性能：

• 集成Vue3+TypeScript强类型体系，代码健壮性提升40%
• 启用WXS原生渲染加速模块，列表页FPS稳定在60帧
• 动态分包加载策略，首屏加载时间控制在800ms内（4G网络环境）

分离式后端架构

基于SpringBoot 3.1构建的系统具备：

• 容器化部署：实现Docker自动化部署
• 智能流量管控：nginx接入可承受5000+并发请求，故障自恢复时间<3秒
• 云上存储策略：热数据Redis Cluster缓存命中率≥98%，冷数据通过S3对象存储成本降低60%

企业级安全防护

• 动态权限矩阵：RBAC+ABAC混合模型，支持2000+细粒度权限策略实时生效
• 安全审计：全链路日志埋点，满足等保2.0三级要求，操作追溯精度达毫秒级

架构扩展性设计

• 插件式功能扩展：采用OSGi规范开发业务插件，支持动态加载酒店PMS/物业ERP等第三方系统适配模块
• 多云适配层：支持 华为云/阿里云/腾讯云全云平台部署，资源调度延迟<50ms

系统采用关键技术栈

SpringBoot v3 统一框架

• 前端技术栈：采用Vue3+TypeScript+Element Plus+Vite4构建高性能界面，支持PC端(element-plus/vben)和移动端
• 后端架构：基于SpringBoot服务体系，构建跨平台应用服务。
• 数据层：支持MySQL数据库，通过MyBatis Plus+Redis实现高效数据操作
• 工作流引擎：集成Flowable实现动态表单设计/会签等复杂审批流程
• 安全体系：JWT+RBAC权限模型，支持按钮级权限控制与SSO单点登录

系统架构图

用户权限控制中间件

用户权限控制中间件是一个全组件化的页面访问许可组件模块。每个用户的标识符被封装成一个Beans组件，需要许可授权访问的页面只需加入少量代码，就可完成集中式权限管理。

用户权限控制中间件的架构，应能在易于理解和管理的情况下，满足绝大部分粗粒度权限控制的功能需要。但是系统中必然还会包括无数对具体Instance的细粒度权限。这些问题，被留给业务逻辑来解决。

J2EE技术

J2EE是由SUN公司所制定的多层（Multi-tier）企业级B/S应用程序构架，它改进了传统Client/Server结构的缺点，降低了Client端程序逻辑的复杂度，更减轻了后端数据库存取的负载，也平衡了整个网络的流量。

Vue3技术

Vue3 作为前端开发领域的重要框架，在《新城智居生态平台》中发挥着关键作用。它为平台提供了高效、灵活且易于维护的前端解决方案。

• 组合式 API：Vue3 引入的组合式 API 让代码逻辑的组织和复用更加高效。在平台开发中，我们将相关的功能逻辑抽取成独立的组合函数，使得代码结构更加清晰，便于团队协作和后期维护。例如，在处理用户权限验证、数据获取等通用逻辑时，使用组合式 API 可以轻松实现逻辑的复用。

• 响应式系统优化：Vue3 的响应式系统进行了全面升级，采用了 Proxy 替代 Vue2 中的 Object.defineProperty，这使得响应式数据的性能得到显著提升，并且支持监听数组和 Map、Set 等数据结构的变化。在平台的数据管理中，能够更高效地跟踪数据变化，及时更新视图。

• 与 TypeScript 集成：Vue3 对 TypeScript 提供了更好的支持，在本系统中， Vue3 与 TypeScript 结合使用，利用 TypeScript 的类型检查功能，在开发阶段就能发现潜在的错误，提高代码的健壮性和可维护性。

• 与 Element Plus 集成：Element Plus 是基于 Vue3 的桌面端组件库，在平台的前端界面开发中大量使用了 Element Plus 提供的组件，如按钮、表单、表格等，极大地提高了开发效率，同时保证了界面的一致性和美观性。
• 性能提升：Vue3 在编译时进行了优化，减少了不必要的 DOM 操作，提高了渲染性能，用户能够感受到更加流畅的交互体验。
• 易于扩展：Vue3 的插件系统和组合式 API 使得系统具有良好的扩展性。可以根据业务需求轻松添加新的功能模块，而不会影响原有的代码结构。

UniApp技术

UniApp 是一个使用 Vue 开发跨平台应用的前端框架，借助它能够实现“一次开发，多端覆盖”的目标，显著提升开发效率，降低开发成本。

• 跨平台优势：在当今移动互联网环境下，用户使用的设备类型多样，涵盖了 iOS、Android 等移动操作系统，以及小程序平台和 Web 端。UniApp 支持将代码打包发布到多个平台，包括 APP（iOS、Android）、小程序（微信、支付宝、百度等）以及 Web 端，满足不同用户群体在不同终端的使用需求，让平台能够触达更广泛的用户。
• 生态丰富：UniApp 拥有庞大的插件市场，开发者可以轻松集成各种第三方插件，如地图导航、支付接口、分享功能等，无需重复开发，大大缩短了开发周期。同时，它与 Vue 生态兼容，开发者可以利用 Vue 丰富的工具和库来提升开发效率和代码质量。
• 性能优化：UniApp 采用了多种性能优化策略，如原生渲染、分包加载等，能够确保应用在不同平台上都有良好的性能表现。在本平台中，用户可以感受到流畅的操作体验和快速的页面加载速度。
• 原生能力调用：UniApp 提供了丰富的 API 接口，允许开发者调用设备的原生功能，如相机、相册、定位等。在《新城智居生态平台》中，利用这些原生能力实现了扫码入园、地图导航、拍照上传报修图片等功能，提升了用户的使用体验。
• 组件化开发：基于 UniApp 的组件化开发模式，开发团队将平台中的通用功能和界面元素封装成组件，如轮播图、卡片列表、表单组件等。这些组件可以在不同的页面和平台中复用，提高了代码的可维护性和开发效率。

与其他技术栈的协同

• 与 Vue3 和 TypeScript 集成：在本系统中，UniApp 与 Vue3 和 TypeScript 深度集成。Vue3 的组合式 API 和响应式系统优化为代码的组织和性能提升提供了有力支持，而 TypeScript 的类型检查功能则增强了代码的健壮性和可维护性。三者结合，使得开发过程更加高效、代码质量更高。
• 与后端 SpringBoot 框架对接：UniApp 前端通过 HTTP 请求与基于 SpringBoot 构建的后端服务进行数据交互。前后端分离的架构模式使得开发团队可以并行开发，提高了项目的开发效率。同时，SpringBoot 提供的强大的 RESTful API 支持，确保了数据传输的稳定和安全。

开发实践与优化措施

• 性能优化：采用 UniApp 的动态分包加载策略，将应用按照功能模块进行分包，减少首屏加载时间。
• 兼容性处理：由于不同平台的差异，在开发过程中需要进行兼容性处理。开发团队通过条件编译和平台判断，针对不同平台编写特定的代码，确保应用在各个平台上都能正常运行。

软件方案

APP平台

功能模块：

• 用户登录 提供资源管理平台用户登录功能。工作人员登录能力，可使用授权的系统功能。
• APP首页 通过首页导航、金刚区icon引导、优惠券等功能，完成用户引流至各子板块。
• 文旅模块 提供景点展示，导航，游客服务等能力。
• 物业模块 提供预约、报修、生活缴费等功能。
• 酒店模块 提供酒店展示、预约、入住、订餐、会议室预定等能力。
• 地产模块 地产开发板块主要围绕区内房地产开发和城市配套建设，主要包括东湖国际、世纪尚东府、均和华府、均和玖溪东园和西园、商会大厦、开发区医院、新罗酒店等。 提供房产介绍、地图找房、租房、全民经纪人售房等功能。
• “我的”模块 具体参看详细需求列表。

uni-app 移动端屏幕自适应技术方案

一、设计原则

• 基准适配：以750rpx为设计稿宽度基准（对应物理设备375pt），实现比例缩放适配。
• 弹性布局：优先使用弹性容器（Flex/Grid）与相对单位，避免固定尺寸导致布局断裂。
• 内容优先：核心内容需保证不同屏幕下的可读性与操作体验，次要内容可动态隐藏或调整。

二、核心适配方案

1. 单位规范

• rpx单位：全站使用 rpx 作为尺寸单位，基于屏幕宽度自动等比缩放（1rpx=屏幕宽度/750）
• 字体例外：正文建议保留 px 单位，通过媒体查询微调大小，避免过度缩放影响可读性

2. 布局策略

• 弹性容器：主框架使用Flex布局或Grid布局，结合百分比、auto 等属性实现元素自适应
• 间距处理：间距、边距统一使用 rpx，确保不同屏幕比例一致
• 断点处理：极端尺寸（如小屏手机）通过 @media 媒体查询隐藏次要元素或调整布局结构

3. 媒体查询

• 基于 uni.getSystemInfoSync() 获取设备信息，结合CSS媒体查询（如 max-width）调整特定样式规则

三、资源适配

• 优先使用矢量图标（如字体图标/SVG），避免缩放模糊
• 位图图标需提供多尺寸版本，按设备分辨率动态加载

四、组件级适配

• 内置组件：使用 scroll-view 替代部分滚动容器，限制最大高度防止内容溢出
• 动态渲染：通过 v-if 或 uni.getSystemInfo 判断屏幕宽高，选择性渲染复杂组件
• 第三方UI库：选择支持响应式规则的组件库（如uView），禁用固定尺寸配置

五、设计协作规范

• 设计稿交付：UI需以750px宽为基准输出设计稿，标注尺寸直接对应rpx值（1:1映射）
• 间距规范：间距按4/8倍数定义，便于转换为rpx单位

六、横竖屏与特殊场景

• 方向锁定：默认锁定竖屏
• 安全区域：适配刘海屏、底部黑条等安全区域间距

七、测试与优化

• 多设备覆盖：覆盖主流屏幕尺寸（如iPhone SE/iPhone 15 Pro Max/安卓大屏等）
• 开发者工具：使用HBuilderX内置模拟器快速验证不同分辨率下的显示效果
• 性能监控：避免滥用 rpx 换算导致的渲染性能损耗，复杂动画改用 px 或 transform

八、注意事项

• 第三方地图/图表：需调用API主动重置画布尺寸，或监听 onResize 事件更新
• 1px边框问题：使用 transform: scaleY(0.5) 或媒体查询+伪元素实现物理像素级细线
• 全局样式污染：避免在通用样式中直接使用 px，防止部分设备适配失效

系统管理平台

用户及组织机构管理模块

本模块提供了对用户和组织机构的管理。包括对集团下的各子公司、子部门相关用户的添加、修改、删除等操作。可生成组织机构树，直观的显示所有的层级关系，并且每级均支持设置工作岗位，可方便对工作人员进行管理。

权限管理模块

本功能只有最高级别单位的系统管理员或被系统管理员授权的用户可以使用。系统管理员可以管理下级单位的用户和功能权限。

用户被赋予的角色决定了用户的权限。也是说对用户权限的管理实际上是对用户角色的管理，不同的用户角色具有不同的功能模块的使用权限。并且，功能权限可与工作岗位挂钩，将某些功能赋于某个工作岗位后，该岗位下的人员均可使用这些功能。

最高级单位管理员可以维护所有角色的权限分配。下级单位管理员只可以将自己所拥有的权限分配给本单位他人。

各子板块管理

管理维护系统

对整个系统的用户配置、用户权限、系统功能设置、基础资料维护功能、系统备份与恢复管理等的配置均在管理维护模块中进行配置。

本功能模块主要提供了对全系统内用户及权限的管理，包括所有用户的添加、修改、删除及权限管理等。同时，本功能模块还提供对系统中的编码表的维护，包括对编码表的数据的添加、修改、删除等。

建设与运行管理

工期与进度

本项目共分两期，计划7个月完成，具体实施计划如下：

第一期

• 需求调研和分析阶段，计划工期20天；
• 设计阶段，计划工期5天；
• 业务开发阶段，计划工期45天；
• 测试阶段，计划工期10天；
• 安装部署建设试运行，上线并培训，计划工期10天。

第二期

• 需求调研和分析阶段，计划工期20天；
• 设计阶段，计划工期8天；
• 业务开发阶段，计划工期45天；
• 测试阶段，计划工期10天；
• 安装部署建设试运行，上线并培训，计划工期10天。

项目运行管理

运行维护主体

无

运行维护管理措施

从系统工程的角度分析，必须具有如下项目运行保障：

1、落实责任制

明确专人看护、定期查看设备运行情况，发现问题及时上报。

定期检查系统运行情况。

承建单位及时提供服务，发现故障及时调试解决。

2、加强资金保障

项目验收后，信息科应积极申请运营维护费用，保证系统通讯畅通、数据及时采集，保障设备的更新维护。

3、技术保障

系统投入运行后，在质量保证期内，承建单位保障设备质量，一旦发生质量问题，按照合同有关条款执行。在质量保证期满以后，承建单位应积极配合业主，做好技术服务有关工作。