---
order: 9
navTitle: 企业服务一体化平台DEMO（3天）
---
# 企业服务一体化平台DEMO

> 预计用时：3天\
> 难易程度：★★★★☆

本次演练案例使用了江城企业服务一体化平台的部分场景，目的是测试你对SuccAP的数据模型设置、页面布局和交互、页面效果等技能的掌握情况。

在继续阅读本文前你需要先完成[快速开始](../../SuccBI/README.md)中数据加工和SuccAP部分的学习。请认真阅读技术要求和评分标准，更多信息见[实战演练技术要求和评分标准](../about/score.md)。

## 案例场景{#scenarios}

以下是一个虚构的场景（你可以据此想象以后工作中可能遇到的情形）：

- 江城市民之家是新拓展的客户，客户希望打造江城企业服务一体化平台，业务内容可以参考上海市企业服务云的形式（http://www.ssme.sh.gov.cn/）
- 客户提供了一份新闻简报及政策信息等数据表，希望根据这份数据实现**企业服务一体化平台**和**政策知识库**、**政策后台管理**功能
- DEMO需要在3天内完成，并为用户进行交流展示

## DEMO目标效果{#goal}

案例项目名称为**企业服务一体化平台**，该平台的业务功能展示如下：

![](./images/qyfw.gif)

1. **企业服务一体化平台首页**
2. **政策知识库**
3. **政策后台管理**

### 一体化平台首页{#index}

![首页](./images/2020-12-09-19-18-37.png)

**说明：**

1. 数据来源：`政策基本信息.xlsx`
2. 四处导航栏：上方服务搜索导航、中央页面导航、左侧服务列表导航、内部政策选择导航均为标签页交互
   - 中央导航：默认为首页，首页为政策列表，点击其他标签项打开**正在开发**的空白新页面
   - 左侧导航：默认为创业服务，点击其他标签项打开**正在开发**的空白多页面板页面
   - 内部政策选择导航：默认为政策知识库，点击默认知识库钻取到[政策知识库](#knowledge-base)页面
3. 政策列表：使用浮动面板展示对应政策数据的政策类型编码、政策名称、申报起止时间、所属地区、发布时间
   - 点击排序按钮能够根据**发布时间**、**申请截止时间**排序政策列表数据
4. 个人中心：右侧圈出的为个人中心，只需完成页面效果，不需实现实际功能

### 政策知识库{#knowledge-base}

![政策知识库](./images/2020-11-30-23-15-57.png)

**说明：**

1. 数据来源：`政策基本信息.xlsx`
2. 页面内容：条件筛选和政策知识库列表信息
   - 排序：能够根据**发布时间**、**申请截止时间**排序政策列表数据
   - 搜索：可对政策名进行关键字搜索
   - 跳转详细信息页面：点击政策标题可以跳转到[政策详情页](#details)
   - 列表数据进行分页

### 政策详情页{#details}

![政策详细](./images/2020-11-30-23-18-13.png)

**说明：**

1. 数据来源：`政策基本信息.xlsx`
2. 点击面包屑路径可以返回对应页面

### 政策后台管理{#management}

![](./images/2020-12-04-09-31-08.png)

**说明：**

1. 数据来源：`政策基本信息.xlsx`
2. 可以**新增**和**编辑**政策
3. 对**已发布**的政策点击**下架**能更新政策状态、对**已下架**的政策点击**发布**能更新政策状态

### 政策编辑页{#edit}

![](./images/2020-12-04-09-32-35.png)

**说明：**

1. 数据来源：`政策基本信息.xlsx`
2. 每表单输入要求：每个属性都需要提交到数据库中，标星的属性需要校验必填
3. 点击**暂存草稿**、**发布政策**后返回政府首页、点击**取消**能重置页面数据

### DEMO技术展示目标{#requirements}

DEMO需要围绕业务展开的同时，制作过程中也要能够体现SuccAP的能力和特色，包括：

1. 使用主题和风格：使用系统自带主题和风格样式，不需要额外复杂的样式设置
2. 页面布局：

   - 整体页面的布局分配，如调整画布方向，左右布局等
   - 多个布局组件的嵌套使用，如面板、横向/纵向布局、多页面板、浮动面板等
3. 页面交互设置：
   - 排序数据、打开链接、切换多页面板、设置组件属性等
4. 数据加工：
   - 导入excel模型将`维表.xlsx`中每个sheet页中的维表数据都输出成维表
   - 将事实表中的对应维度字段需要关联维表

## 实战提示{#tips}

如果你对本实战演练完全没有思路，可以阅读下面的实战提示，了解更多帮助信息。如果你有思路，则可以略过本章。

::: details 点击这里查看实战提示>>

**建议的实施规范**

1. 无需查询额外的任务资料，直接基于提供的业务数据即可实现原型DEMO
2. 设计稿的指标数据，大部分是不能直接取excel中的数据，需要使用**数据加工**处理
3. 数据加工输出物理表命名规则：
   - 事实表对应物理表命名规则：`fact_qyfw_xxx`
   - 维表对应物理表命名规则：`dim_qyfw_xxx`
4. 行政区划维：使用系统自带的维表，并设置省市区县三级。维表路径为`succbidw/succbidw/gen_dim_xzqhfz`
5. 模型管理：模型需要设置主键、维度字段需要关联对应维表，见[案例素材](#material)-数据-维表.xlsx
6. 页面中的数据需要在数据模型上经过分组过滤后进行筛选，需要通过新建数据集实现

**一体化首页**

- 使用标签页组件四处导航栏：上方服务搜索导航、中央页面导航、左侧服务列表导航、内部政策选择导航
- 使用打开链接交互：实现中央导航标签页打开正在开发的新页面，默认为首页，首页为政策列表，点击其他标签项打开**正在开发**的空白新页面
- 使用切换多页面板交互：实现左侧导航打开正在开发的多页面板页面，默认为创业服务，点击其他标签项打开**正在开发**的空白多页面板页面
- 使用排序数据交互：点击排序按钮能够根据**发布时间**、**申请截止时间**排序政策列表数据

**政策知识库**

- 使用字段过滤组件；实现条件过滤区域过滤政策列表的数据

**政策后台管理**

- 使用设置组件属性交互：下架已发布的数据、及发布已下架的数据通过**设置组件属性**交互更新字段对应的状态

:::

## 获取案例素材{#material}

![](./images/2020-12-09-19-38-09.png)

[下载素材资料](https://www.jianguoyun.com/p/DU3ilncQy--gChi21awE) （提取码：SuccBI）

- `原型图` 需要按照原型图还原页面效果
- `图片` 页面中用到的图标
- `数据` 客户提供的业务数据及对应维表