新平臺(tái)-02開發(fā)階段軟件需求說明書ecp向?qū)гO(shè)計(jì)器review liucl

1、第1 章 總體說明1.1需求背景1.2基本定義和術(shù)語1.3業(yè)務(wù)需求無。1.4機(jī)構(gòu)與角色的對(duì)應(yīng)關(guān)系表1.5需求場(chǎng)景無。1.6數(shù)據(jù)流圖無。1.7與其他應(yīng)用、系統(tǒng)的關(guān)系無。1.8前提條件與限制第2 章需求描述2.1功能描述【典型用戶】開發(fā)?！居脩粜枨蟆吭陂_發(fā)使用 ECP，利用已有前端模板頁面，使用向?qū)砜焖偕汕岸隧撁妫喕瘎?chuàng)建的步驟。【前置條件】【概念定義】ECP 前端文件：一組文件集合，一般包括視圖（HTML 文件）、控制器（JS 文件）和模型（JSON 文件）三者組成。【流程圖】無【功能】創(chuàng)建文件類型為“ECP 前端”后自動(dòng)進(jìn)入。元數(shù)據(jù)模型文件上右鍵創(chuàng)建“ECP 前端”后自動(dòng)進(jìn)入。【典型場(chǎng)景】

2、【關(guān)鍵設(shè)計(jì)點(diǎn)】【關(guān)鍵測(cè)試點(diǎn)】序號(hào)場(chǎng)景列表里程碑1通過模板選擇來顯示頁面的基本結(jié)構(gòu)、功能和業(yè)務(wù)特性M12通過功能選擇設(shè)置頁面具有哪些具體的業(yè)務(wù)功能M13通過模板來顯示模板中的區(qū)域列表、展示區(qū)域特性及元數(shù)據(jù)。M14通過選擇元數(shù)據(jù)項(xiàng)目生成不同模板區(qū)域的數(shù)據(jù)顯示。M15通過模板區(qū)域參數(shù)設(shè)置和通用參數(shù)設(shè)置來動(dòng)態(tài)調(diào)整頁面。M22.2 場(chǎng)景描述2.2.1 場(chǎng)景: 向?qū)гO(shè)計(jì)【用戶需求】在開發(fā)使用 ECP，首先通過向?qū)е心０暹x擇來確定頁面的基本結(jié)構(gòu)、功能和業(yè)務(wù)特性，其次通過頁面功能設(shè)置來設(shè)置頁面具有哪些具體的業(yè)務(wù)功能，如新增、保存、打印等，最后通過數(shù)據(jù)綁定來將不同類型的數(shù)據(jù)填充到模板對(duì)應(yīng)的數(shù)據(jù)顯示區(qū)域中。最終生

3、面 ECP 前端文件。【場(chǎng)景簡述】在模板列表中選擇模板同時(shí)在預(yù)覽區(qū)域中顯示模板的實(shí)際運(yùn)行效果；選擇模板已提供的功能，并生成在頁面功能區(qū)域中；選擇模板不同的數(shù)據(jù)區(qū)域，將數(shù)據(jù)以模板數(shù)據(jù)區(qū)域的特性展現(xiàn)出來。【外部依賴】無2.2.1.1 功能：模板選擇【操作步驟】在進(jìn)入向?qū)Ш?，自?dòng)進(jìn)入“頁面信息”設(shè)置。輸入“頁面標(biāo)題”，選擇“保存路徑”和“綁定模型”。調(diào)整“創(chuàng)建頁面控制器文件”選項(xiàng)，輸入“控制制器名稱”，選擇“保存路徑”。“下一步”進(jìn)入“選擇模板”。調(diào)整模板分類頁簽，選擇模板列表中已有的模板。選擇一個(gè)模板。在“標(biāo)題”文本框中輸入頁面標(biāo)題。選擇“下一步”，進(jìn)入功能區(qū)域設(shè)置?！娟P(guān)鍵設(shè)計(jì)點(diǎn)】無【關(guān)鍵測(cè)試點(diǎn)】

4、1. 操作步驟 1 后，“保存路徑”默認(rèn)為當(dāng)前項(xiàng)目中選中的路徑，向?qū)瓿珊笤谠撀窂较律稍擁撁嫖募?。選擇“綁定模型”如圖 2。如果向?qū)菑哪Ｐ臀募M(jìn)入，“綁定模型”為該模型路徑，選擇后在向?qū)У臄?shù)據(jù)綁定步驟可以看到該項(xiàng)元數(shù)據(jù)模型的項(xiàng)目。如圖 8。操作步驟 2 后，選擇控制器“保存路徑”?！翱刂破髅Q”默認(rèn)和“頁面名稱”同名。向?qū)瓿珊笤谠撀窂较律赡０宓哪J(rèn)頁面控件器文件。操作步驟 2 后，如果“頁名名稱”、“保存路徑”、“綁定模型”中有一項(xiàng)沒有設(shè)置，則提醒此項(xiàng)目必須設(shè)置。“下一步”按鈕為不可選狀態(tài)。操作步驟 3 后，“業(yè)務(wù)模板”和“樣式模板”頁簽中分別列出該分類下所有的模板，4.模板從已有配置

5、文件中。如圖 3。默認(rèn)選中第一個(gè)模板分類的第一個(gè)模板。如圖 2。“業(yè)務(wù)模板”的第一條為選中狀態(tài)。操作步驟 4 后，實(shí)際運(yùn)行效果區(qū)域顯示模板的實(shí)際運(yùn)行效果，圖為模板配置文件中的頁圖運(yùn)行效果圖；預(yù)覽區(qū)域顯示模板的基本結(jié)構(gòu)和功能特性，內(nèi)容來自模板配置文件中.html 文件?！吧弦徊健焙汀巴瓿伞卑粹o為不可選狀態(tài)，其它為可選狀態(tài)。 操作步驟 5 后，預(yù)覽視圖中標(biāo)題區(qū)域顯示為選中狀態(tài)，并可以看到輸入標(biāo)題的效果。操作步驟 6 后，進(jìn)入頁面功能設(shè)置步驟，在預(yù)覽區(qū)域可以看到此場(chǎng)景設(shè)置的效果。5.6.7.【特性】圖 1.創(chuàng)建向?qū)Ы缑嫦驅(qū)枋鲂畔D 2.模型選擇界面圖 3.模板選擇界面圖 4.界面工具選擇批注 y2

6、:將界面工具放到安裝包下指定目錄ECP 界面設(shè)計(jì)工具集成到 ECP 開發(fā)中后，在首選項(xiàng)中提供配置，選擇 ECP 界面向?qū)У奈?。批?y1:創(chuàng)建ECP 文件向?qū)?，第一頁由ECP 生成，其后的向?qū)ы搶⑦h(yuǎn)光界面設(shè)計(jì)工具嵌入到ECP中，當(dāng)設(shè)計(jì)完成后，將生成的HTML 和控制器 JS 文件同步到ECP中圖 4. 模板分類配置文件圖 5.模板配置圖 6.頁面配置文件.2.2.2.2 功能：功能選擇【操作步驟】在“模板選擇”頁面中選擇“下一步”進(jìn)入“功能選擇”。調(diào)整功能按鈕選項(xiàng)。選擇“下一步”進(jìn)入“數(shù)據(jù)區(qū)域”設(shè)置步驟。【關(guān)鍵設(shè)計(jì)點(diǎn)】功能按鈕的代碼生成從圖 6 配置文件中，如：功能 ID，樣式等屬性?！娟P(guān)鍵測(cè)

7、試點(diǎn)】1. 操作步驟 1 后，列出該模板中所有的功能按鈕，默認(rèn)全選狀態(tài)。模板功能從模板配置文件的“結(jié)點(diǎn)該模板功能按鈕，并從外部通用配置文件的通用功能按鈕。操作步驟 1 后，“預(yù)覽區(qū)域”中模板的功能區(qū)域?yàn)檫x中狀態(tài)?！巴瓿伞卑粹o為不可選狀態(tài)，其它為可選狀態(tài)。操作步驟 2 后，選擇的功能按鈕在“預(yù)覽區(qū)域”中顯示，未選擇的則不顯示。操作步驟 3 后，進(jìn)入數(shù)據(jù)區(qū)域設(shè)置，在“預(yù)覽區(qū)域”可以看到前面兩個(gè)場(chǎng)景設(shè)置的效果。【特性】圖 7 功能區(qū)域設(shè)置2.2.2.3功能：數(shù)據(jù)綁定【操作步驟】在“功能選擇”頁面中選擇“下一步”進(jìn)入“數(shù)據(jù)區(qū)域”設(shè)置。”選擇“查詢區(qū)域”?！皵?shù)據(jù)分類”自動(dòng)選擇為“主表數(shù)據(jù)”。選擇“數(shù)據(jù)分

8、類”。選擇“數(shù)據(jù)項(xiàng)目”。調(diào)整“每行顯示的項(xiàng)目個(gè)數(shù)”。1.2.3.4.5.6.7.8.9.10.同步驟 2，3，4 分別選擇“主表數(shù)據(jù)區(qū)域”選擇“樹區(qū)域”。指定樹的生成方式。 指定生成樹必須項(xiàng)目。選擇“完成”生成頁面。表數(shù)據(jù)區(qū)域”?！娟P(guān)鍵設(shè)計(jì)點(diǎn)】“區(qū)域”下拉框中顯示的區(qū)域從配置文件的結(jié)點(diǎn)。各區(qū)域參數(shù)設(shè)置從結(jié)點(diǎn)下?！皵?shù)據(jù)分類”目前只支持兩種：主表數(shù)據(jù)表數(shù)據(jù)。“查詢區(qū)域”、“主表數(shù)據(jù)區(qū)域”表數(shù)據(jù)區(qū)域”一般按模板對(duì)該區(qū)域的參數(shù)設(shè)置來排版設(shè)計(jì)，參數(shù)主要有兩種：卡片和列表。樹區(qū)域一般要提供兩種方式來生成樹：第式：按指定項(xiàng)目編碼來生成樹，同時(shí)需要定義編碼規(guī)則；第二種方式：指定父子結(jié)點(diǎn)項(xiàng)目來生成樹?！娟P(guān)鍵測(cè)試

9、點(diǎn)】操作步驟 1 后，如圖 1. “區(qū)域”下拉框中列出該模板中所有的可選區(qū)域，默認(rèn)選中一個(gè)區(qū)域。預(yù)覽區(qū)域中默認(rèn)選中區(qū)域下拉框中所選擇的區(qū)域。操作步驟 1 后，“數(shù)據(jù)分類”下拉框中顯示配置文件中所列的數(shù)據(jù)分類，默認(rèn)選中一個(gè)數(shù)據(jù)分類，并在數(shù)據(jù)展示列表中顯示該分類的所有項(xiàng)目。操作步驟 1 后，“數(shù)據(jù)項(xiàng)目”區(qū)域顯示“數(shù)據(jù)分類”下拉框中指定的類型。操作步驟 1 后，“下一步”按鈕為不可選狀態(tài)，其它為可選狀態(tài)。操作步驟 2 后，“預(yù)覽區(qū)域”中的“查詢區(qū)域”為選中狀態(tài)。“數(shù)據(jù)分類”選中“主表數(shù)據(jù)”，“數(shù)據(jù)項(xiàng)目”區(qū)域顯示元數(shù)據(jù)項(xiàng)目中的查詢項(xiàng)目。操作步驟 3 后，“數(shù)據(jù)項(xiàng)目”區(qū)域顯示元數(shù)據(jù)項(xiàng)目中的對(duì)應(yīng)項(xiàng)目。操作步驟 4 后，“預(yù)覽區(qū)域”中的“查詢區(qū)域”顯示參數(shù)設(shè)置來展示已選項(xiàng)目，如圖 8 中的一行 3 個(gè)項(xiàng)目的卡片形式。模板區(qū)域特性從模板配置文件的的結(jié)點(diǎn)。操作步驟 5 后，按指定數(shù)目在“查詢區(qū)域”展示已選項(xiàng)目。操作步驟 6 后，在“數(shù)據(jù)分類”中分別選中“主表數(shù)據(jù)”8.9.表數(shù)據(jù)”，“數(shù)據(jù)項(xiàng)目”區(qū)域分別顯示元數(shù)據(jù)項(xiàng)目中的“主表項(xiàng)目”表項(xiàng)目”，在“預(yù)覽區(qū)域”表已選項(xiàng)目。顯示特性從模中的“主表區(qū)域”表區(qū)域”中分別顯示主表板區(qū)域參數(shù)從模板配置文件中。操作步驟 7 后，“預(yù)覽區(qū)域”中的“樹區(qū)域”為選中狀態(tài)?！皵?shù)據(jù)