# 企业服务一体化平台DEMO

预计用时:3天
难易程度:★★★★☆

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

在继续阅读本文前你需要先完成快速开始中数据加工和SuccAP部分的学习。请认真阅读技术要求和评分标准,更多信息见实战演练技术要求和评分标准

# 案例场景

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

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

# DEMO目标效果

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

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

# 一体化平台首页

首页

说明:

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

# 政策知识库

政策知识库

说明:

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

# 政策详情页

政策详细

说明:

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

# 政策后台管理

说明:

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

# 政策编辑页

说明:

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

# DEMO技术展示目标

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

  1. 使用主题和风格:使用系统自带主题和风格样式,不需要额外复杂的样式设置

  2. 页面布局:

    • 整体页面的布局分配,如调整画布方向,左右布局等
    • 多个布局组件的嵌套使用,如面板、横向/纵向布局、多页面板、浮动面板等
  3. 页面交互设置:

    • 排序数据、打开链接、切换多页面板、设置组件属性等
  4. 数据加工:

    • 导入excel模型将维表.xlsx中每个sheet页中的维表数据都输出成维表
    • 将事实表中的对应维度字段需要关联维表

# 实战提示

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

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

建议的实施规范

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

一体化首页

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

政策知识库

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

政策后台管理

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

# 获取案例素材

下载素材资料 (opens new window) (提取码:SuccBI)

  • 原型图 需要按照原型图还原页面效果
  • 图片 页面中用到的图标
  • 数据 客户提供的业务数据及对应维表
是否有帮助?
0条评论
评论