新平台-02开发阶段软件需求说明书ecp向导设计器review liucl

1、第1 章 总体说明1.1需求背景1.2基本定义和术语1.3业务需求无。1.4机构与角色的对应关系表1.5需求场景无。1.6数据流图无。1.7与其他应用、系统的关系无。1.8前提条件与限制第2 章需求描述2.1功能描述【典型用户】开发。【用户需求】在开发使用 ECP，利用已有前端模板页面，使用向导来快速生成前端页面，简化创建的步骤。【前置条件】【概念定义】ECP 前端文件：一组文件集合，一般包括视图（HTML 文件）、控制器（JS 文件）和模型（JSON 文件）三者组成。【流程图】无【功能】创建文件类型为“ECP 前端”后自动进入。元数据模型文件上右键创建“ECP 前端”后自动进入。【典型场景】

2、【关键设计点】【关键测试点】序号场景列表里程碑1通过模板选择来显示页面的基本结构、功能和业务特性M12通过功能选择设置页面具有哪些具体的业务功能M13通过模板来显示模板中的区域列表、展示区域特性及元数据。M14通过选择元数据项目生成不同模板区域的数据显示。M15通过模板区域参数设置和通用参数设置来动态调整页面。M22.2 场景描述2.2.1 场景: 向导设计【用户需求】在开发使用 ECP，首先通过向导中模板选择来确定页面的基本结构、功能和业务特性，其次通过页面功能设置来设置页面具有哪些具体的业务功能，如新增、保存、打印等，最后通过数据绑定来将不同类型的数据填充到模板对应的数据显示区域中。最终生

3、面 ECP 前端文件。【场景简述】在模板列表中选择模板同时在预览区域中显示模板的实际运行效果；选择模板已提供的功能，并生成在页面功能区域中；选择模板不同的数据区域，将数据以模板数据区域的特性展现出来。【外部依赖】无2.2.1.1 功能：模板选择【操作步骤】在进入向导后，自动进入“页面信息”设置。输入“页面标题”，选择“保存路径”和“绑定模型”。调整“创建页面控制器文件”选项，输入“控制制器名称”，选择“保存路径”。“下一步”进入“选择模板”。调整模板分类页签，选择模板列表中已有的模板。选择一个模板。在“标题”文本框中输入页面标题。选择“下一步”，进入功能区域设置。【关键设计点】无【关键测试点】

4、1. 操作步骤 1 后，“保存路径”默认为当前项目中选中的路径，向导完成后在该路径下生成该页面文件。选择“绑定模型”如图 2。如果向导是从模型文件进入，“绑定模型”为该模型路径，选择后在向导的数据绑定步骤可以看到该项元数据模型的项目。如图 8。操作步骤 2 后，选择控制器“保存路径”。“控制器名称”默认和“页面名称”同名。向导完成后在该路径下生成模板的默认页面控件器文件。操作步骤 2 后，如果“页名名称”、“保存路径”、“绑定模型”中有一项没有设置，则提醒此项目必须设置。“下一步”按钮为不可选状态。操作步骤 3 后，“业务模板”和“样式模板”页签中分别列出该分类下所有的模板，4.模板从已有配置

5、文件中。如图 3。默认选中第一个模板分类的第一个模板。如图 2。“业务模板”的第一条为选中状态。操作步骤 4 后，实际运行效果区域显示模板的实际运行效果，图为模板配置文件中的页图运行效果图；预览区域显示模板的基本结构和功能特性，内容来自模板配置文件中.html 文件。“上一步”和“完成”按钮为不可选状态，其它为可选状态。 操作步骤 5 后，预览视图中标题区域显示为选中状态，并可以看到输入标题的效果。操作步骤 6 后，进入页面功能设置步骤，在预览区域可以看到此场景设置的效果。5.6.7.【特性】图 1.创建向导界面向导描述信息图 2.模型选择界面图 3.模板选择界面图 4.界面工具选择批注 y2

6、:将界面工具放到安装包下指定目录ECP 界面设计工具集成到 ECP 开发中后，在首选项中提供配置，选择 ECP 界面向导的位。批注 y1:创建ECP 文件向导，第一页由ECP 生成，其后的向导页将远光界面设计工具嵌入到ECP中，当设计完成后，将生成的HTML 和控制器 JS 文件同步到ECP中图 4. 模板分类配置文件图 5.模板配置图 6.页面配置文件.2.2.2.2 功能：功能选择【操作步骤】在“模板选择”页面中选择“下一步”进入“功能选择”。调整功能按钮选项。选择“下一步”进入“数据区域”设置步骤。【关键设计点】功能按钮的代码生成从图 6 配置文件中，如：功能 ID，样式等属性。【关键测

7、试点】1. 操作步骤 1 后，列出该模板中所有的功能按钮，默认全选状态。模板功能从模板配置文件的“结点该模板功能按钮，并从外部通用配置文件的通用功能按钮。操作步骤 1 后，“预览区域”中模板的功能区域为选中状态。“完成”按钮为不可选状态，其它为可选状态。操作步骤 2 后，选择的功能按钮在“预览区域”中显示，未选择的则不显示。操作步骤 3 后，进入数据区域设置，在“预览区域”可以看到前面两个场景设置的效果。【特性】图 7 功能区域设置2.2.2.3功能：数据绑定【操作步骤】在“功能选择”页面中选择“下一步”进入“数据区域”设置。”选择“查询区域”。“数据分类”自动选择为“主表数据”。选择“数据分

8、类”。选择“数据项目”。调整“每行显示的项目个数”。1.2.3.4.5.6.7.8.9.10.同步骤 2，3，4 分别选择“主表数据区域”选择“树区域”。指定树的生成方式。 指定生成树必须项目。选择“完成”生成页面。表数据区域”。【关键设计点】“区域”下拉框中显示的区域从配置文件的结点。各区域参数设置从结点下。“数据分类”目前只支持两种：主表数据表数据。“查询区域”、“主表数据区域”表数据区域”一般按模板对该区域的参数设置来排版设计，参数主要有两种：卡片和列表。树区域一般要提供两种方式来生成树：第式：按指定项目编码来生成树，同时需要定义编码规则；第二种方式：指定父子结点项目来生成树。【关键测试

9、点】操作步骤 1 后，如图 1. “区域”下拉框中列出该模板中所有的可选区域，默认选中一个区域。预览区域中默认选中区域下拉框中所选择的区域。操作步骤 1 后，“数据分类”下拉框中显示配置文件中所列的数据分类，默认选中一个数据分类，并在数据展示列表中显示该分类的所有项目。操作步骤 1 后，“数据项目”区域显示“数据分类”下拉框中指定的类型。操作步骤 1 后，“下一步”按钮为不可选状态，其它为可选状态。操作步骤 2 后，“预览区域”中的“查询区域”为选中状态。“数据分类”选中“主表数据”，“数据项目”区域显示元数据项目中的查询项目。操作步骤 3 后，“数据项目”区域显示元数据项目中的对应项目。操作步骤 4 后，“预览区域”中的“查询区域”显示参数设置来展示已选项目，如图 8 中的一行 3 个项目的卡片形式。模板区域特性从模板配置文件的的结点。操作步骤 5 后，按指定数目在“查询区域”展示已选项目。操作步骤 6 后，在“数据分类”中分别选中“主表数据”8.9.表数据”，“数据项目”区域分别显示元数据项目中的“主表项目”表项目”，在“预览区域”表已选项目。显示特性从模中的“主表区域”表区域”中分别显示主表板区域参数从模板配置文件中。操作步骤 7 后，“预览区域”中的“树区域”为选中状态。“数据