BOS新Web平臺(tái)培訓(xùn)_案例篇_3獨(dú)立功能開(kāi)發(fā)

1、絕密信息 嚴(yán)禁泄露版權(quán)所有1993-2012金蝶軟件（中國(guó)）有限公司絕密信息 嚴(yán)禁泄露BOS WEB平臺(tái)系統(tǒng)部2014.10BOS WebBOS Web平臺(tái)應(yīng)用開(kāi)發(fā)培訓(xùn)-獨(dú)立獨(dú)立功能功能開(kāi)發(fā)篇開(kāi)發(fā)篇金金蝶蝶EAS8.0絕密信息 嚴(yán)禁泄露P21提綱2開(kāi)發(fā)準(zhǔn)備1需求介紹 設(shè)計(jì)頁(yè)面 開(kāi)發(fā)邏輯 編碼規(guī)則、權(quán)限設(shè)置， BOTP、工作流 測(cè)試 3開(kāi)發(fā)詳解絕密信息 嚴(yán)禁泄露P3類型具體場(chǎng)景詳細(xì)描述新增基礎(chǔ)資料基礎(chǔ)資料維護(hù)列表頁(yè)面，編輯頁(yè)面新增業(yè)務(wù)單據(jù)單據(jù)維護(hù)列表頁(yè)面，編輯頁(yè)面，含新增時(shí)默認(rèn)值設(shè)置，頁(yè)面事件及處理邏輯（F7過(guò)濾條件動(dòng)態(tài)設(shè)置/分錄表格事件設(shè)置等），新增功能按鈕及處理邏輯單據(jù)權(quán)限設(shè)置新增按鈕的權(quán)限

2、設(shè)置與處理單據(jù)工作流/BOTP設(shè)置新單據(jù)的工作流設(shè)置，與系統(tǒng)其他單據(jù)的BOTP設(shè)置需求介紹注：本樣例主要演示如何在擴(kuò)展開(kāi)發(fā)中進(jìn)行新功能的開(kāi)發(fā)，從基礎(chǔ)資料和業(yè)務(wù)單據(jù)兩個(gè)基本而且典型的業(yè)務(wù)單據(jù)進(jìn)行展開(kāi)新功能開(kāi)發(fā)典型場(chǎng)景絕密信息 嚴(yán)禁泄露P4本案例需求 基礎(chǔ)資料，車輛所需字段清單需求介紹屬性名稱數(shù)據(jù)類型描述codecode車牌號(hào)字符型 namename車型字符型 simpleNamesimpleName簡(jiǎn)稱字符型 descriptiondescription描述長(zhǎng)文本 areaarea所屬區(qū)域關(guān)聯(lián)數(shù)據(jù)地區(qū)絕密信息 嚴(yán)禁泄露P5屬性屬性名稱名稱數(shù)據(jù)類型數(shù)據(jù)類型描述描述numbernumber單據(jù)編號(hào)字

3、符型voucherDatevoucherDate訂貨日期日期descriptiondescription描述長(zhǎng)文本industryindustry客戶行業(yè)關(guān)聯(lián)數(shù)據(jù)行業(yè)customercustomer客戶關(guān)聯(lián)數(shù)據(jù)客戶arriveDatearriveDate默認(rèn)到貨日期日期totalAmnttotalAmnt訂貨總金額金額lineDatalineData分錄行需求介紹屬性屬性名稱名稱數(shù)據(jù)類型數(shù)據(jù)類型描述描述itemitem物料關(guān)聯(lián)數(shù)據(jù)物料UnitUnit計(jì)量單位關(guān)聯(lián)數(shù)據(jù)計(jì)量單位QtyQty訂貨數(shù)量數(shù)量priceprice單價(jià)單價(jià)amntamnt金額金額itemArriveDateitemArriv

4、eDate需求日期日期業(yè)務(wù)單據(jù)，網(wǎng)上訂貨單單頭屬性清單分錄屬性清單絕密信息 嚴(yán)禁泄露P6 開(kāi)發(fā)準(zhǔn)備-（新建元數(shù)據(jù)新建元數(shù)據(jù)）這里也有新建方案，但需注意DEP與WEB的方案是獨(dú)立的，當(dāng)DEP中方案啟用，WEB方案才能使用，兩者不能同名！新建元數(shù)據(jù)有兩種方式：DEP和BIM。這里采用在DEP中新建元數(shù)據(jù)。新建元數(shù)據(jù)絕密信息 嚴(yán)禁泄露P7 車輛，因?yàn)樾枰褂媚０宓牟糠肿侄?所以通過(guò)從模板復(fù)制的方式建實(shí)體和查詢開(kāi)發(fā)準(zhǔn)備-（車輛車輛- -選擇模板選擇模板）模板復(fù)制建實(shí)體/查詢絕密信息 嚴(yán)禁泄露P8車輛實(shí)體元數(shù)據(jù)：增加所屬區(qū)域、車牌號(hào)字段，所屬區(qū)域數(shù)據(jù)來(lái)源為基礎(chǔ)資料類別，需要選擇關(guān)聯(lián)對(duì)象；車牌號(hào)為手工錄入

5、，字段類型字符串開(kāi)發(fā)準(zhǔn)備-（車輛實(shí)體車輛實(shí)體- -錄入字段錄入字段）錄入字段絕密信息 嚴(yán)禁泄露P9 車輛添加完字段之后如下圖所示開(kāi)發(fā)準(zhǔn)備-（車輛實(shí)體車輛實(shí)體- -字段顯示字段顯示）字段顯示絕密信息 嚴(yán)禁泄露P10開(kāi)發(fā)準(zhǔn)備-（車輛查詢車輛查詢- -配置查詢配置查詢）配置查詢字段，先把所引用的實(shí)體導(dǎo)入進(jìn)來(lái)，否則無(wú)法導(dǎo)入所需字段，導(dǎo)入方法如右圖所示配置查詢絕密信息 嚴(yán)禁泄露P11開(kāi)發(fā)準(zhǔn)備-（車輛查詢車輛查詢- -配置關(guān)系配置關(guān)系） 配置父子對(duì)象之間的屬性對(duì)應(yīng)關(guān)系，本例中如下圖配置父子對(duì)象關(guān)系絕密信息 嚴(yán)禁泄露P12開(kāi)發(fā)準(zhǔn)備-（車輛查詢車輛查詢- -導(dǎo)入字段導(dǎo)入字段）導(dǎo)入字段并修改字段的別名導(dǎo)入字段絕

6、密信息 嚴(yán)禁泄露P13 創(chuàng)建實(shí)體的查詢的方式與車輛類似，不同為此處UI類型為業(yè)務(wù)單據(jù)開(kāi)發(fā)準(zhǔn)備-（網(wǎng)上訂貨單網(wǎng)上訂貨單- -選擇模板選擇模板）模板復(fù)制建實(shí)體/查詢絕密信息 嚴(yán)禁泄露P14 導(dǎo)入實(shí)體和查詢的方式與車輛一致，但本單據(jù)多了分錄，需分別分別配置，并注意查詢中實(shí)體間的父子對(duì)象的對(duì)應(yīng)關(guān)系開(kāi)發(fā)準(zhǔn)備-（網(wǎng)上訂貨單網(wǎng)上訂貨單- -建實(shí)體建實(shí)體/ /查詢查詢）建實(shí)體/查詢絕密信息 嚴(yán)禁泄露P151. 找到擴(kuò)展開(kāi)發(fā)平臺(tái)，應(yīng)用-企業(yè)建模-業(yè)務(wù)對(duì)象建模-擴(kuò)展開(kāi)發(fā)平臺(tái)2. 在WEB端，點(diǎn)擊新增方案開(kāi)發(fā)詳解-（新增方案新增方案）新增方案絕密信息 嚴(yán)禁泄露P16 配置方案的編碼和名稱，然后保存開(kāi)發(fā)詳解-（配置方

7、案配置方案）配置方案絕密信息 嚴(yán)禁泄露P17開(kāi)發(fā)詳解-（新增業(yè)務(wù)單元新增業(yè)務(wù)單元）新增業(yè)務(wù)單元絕密信息 嚴(yán)禁泄露P18 新增業(yè)務(wù)單元-導(dǎo)入實(shí)體、查詢，并設(shè)為主實(shí)體主查詢，保存。開(kāi)發(fā)詳解-（導(dǎo)入實(shí)體（導(dǎo)入實(shí)體/ /查詢）查詢）導(dǎo)入實(shí)體/查詢絕密信息 嚴(yán)禁泄露P19新增視圖-新建 網(wǎng)上訂貨單列表頁(yè)面開(kāi)發(fā)詳解-（新增列表頁(yè)面視圖）（新增列表頁(yè)面視圖）新增列表頁(yè)面視圖絕密信息 嚴(yán)禁泄露P20 默認(rèn)已使用模板開(kāi)發(fā)詳解-（配置列表頁(yè)面）（配置列表頁(yè)面）配置列表頁(yè)面絕密信息 嚴(yán)禁泄露P21然后按照所需，自行配置頁(yè)面。開(kāi)發(fā)詳解-（配置列表頁(yè)面）（配置列表頁(yè)面）工具欄配置基本組件配置按鈕配置字段絕密信息 嚴(yán)禁泄

8、露P22 如果已引用模板，會(huì)默認(rèn)出現(xiàn)查詢表格，直接配置即可，若沒(méi)有可點(diǎn)擊右側(cè)的工具欄，單擊查詢表格，就會(huì)在頁(yè)面上出現(xiàn)一個(gè)查詢表格，然后點(diǎn)擊配置字段按鈕，配置所需字段。開(kāi)發(fā)詳解-（配置列表頁(yè)面）配置列表頁(yè)面）配置查詢表格絕密信息 嚴(yán)禁泄露P231.單據(jù)編號(hào)、訂貨日期、默認(rèn)到貨日期、客戶、客戶行業(yè)對(duì)齊方式居中，描述左對(duì)齊，默認(rèn)到貨日期右對(duì)齊。以單據(jù)編號(hào)為例2.配置訂貨總金額，貨幣顯示方式，并顯示貨幣符號(hào)，右對(duì)齊開(kāi)發(fā)詳解-（配置配置列表頁(yè)面列表頁(yè)面）配置字段顯示絕密信息 嚴(yán)禁泄露P243.合計(jì)行，金額合計(jì)。選中查詢表格-高級(jí)屬性-客戶端合計(jì);再選中訂貨總金額列-列高級(jí)屬性-客戶端合計(jì)類型開(kāi)發(fā)詳解-（

9、配置配置列表頁(yè)面列表頁(yè)面）配置字段顯示絕密信息 嚴(yán)禁泄露P254.表格前3列固定。需設(shè)置兩個(gè)屬性，查詢表格-寬度等比縮放置為否；需要凍結(jié)的列-列高級(jí)屬性-凍結(jié)列置為：是開(kāi)發(fā)詳解-（配置配置列表頁(yè)面列表頁(yè)面）配置字段顯示絕密信息 嚴(yán)禁泄露P26 預(yù)覽效果如下開(kāi)發(fā)詳解-（列表頁(yè)面預(yù)覽）（列表頁(yè)面預(yù)覽）列表頁(yè)面預(yù)覽絕密信息 嚴(yán)禁泄露P27 新建網(wǎng)上訂貨單編輯頁(yè)面開(kāi)發(fā)詳解-（新增編輯頁(yè)面新增編輯頁(yè)面視圖）視圖）新增編輯頁(yè)面視圖絕密信息 嚴(yán)禁泄露P28 配置編輯頁(yè)面按鈕和字段，配置工具欄同列表頁(yè)面，該部分最終如下開(kāi)發(fā)詳解-（配置編輯頁(yè)面）（配置編輯頁(yè)面）配置字段絕密信息 嚴(yán)禁泄露P29 分錄表格 ，模板

10、默認(rèn)已設(shè)置，若圖中所標(biāo)兩項(xiàng)沒(méi)有配置則需自己配置，如下圖開(kāi)發(fā)詳解-（配置編輯頁(yè)面）配置編輯頁(yè)面）配置分錄表格絕密信息 嚴(yán)禁泄露P30開(kāi)發(fā)詳解-（配置編輯頁(yè)面）（配置編輯頁(yè)面） 訂貨總金額、單價(jià)、金額三個(gè)字段配置顯示格式為貨幣，并設(shè)置分路表格中各字段的對(duì)齊方式配置顯示格式絕密信息 嚴(yán)禁泄露P31網(wǎng)上訂貨單編輯頁(yè)面，預(yù)覽效果如下開(kāi)發(fā)詳解-（編輯頁(yè)面預(yù)覽）（編輯頁(yè)面預(yù)覽）編輯頁(yè)面預(yù)覽絕密信息 嚴(yán)禁泄露P32 車輛，編輯頁(yè)面和列表頁(yè)面簡(jiǎn)單配置如下開(kāi)發(fā)詳解-（車輛頁(yè)面配置）（車輛頁(yè)面配置）車輛頁(yè)面配置絕密信息 嚴(yán)禁泄露P33網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）控件事件事件響應(yīng)業(yè)務(wù)需求描述備注頁(yè)面初始化

11、頁(yè)面初始化新建單據(jù)的默認(rèn)值：訂貨日期當(dāng)前日期，其他為空客戶行業(yè)值改變客戶行業(yè)值改變?nèi)粜袠I(yè)不為空，則在客戶F7query中增加條件“客戶.行業(yè)=當(dāng)前值；若為空則清除該過(guò)濾項(xiàng)條件物料值變化物料值變化如果物料不為空，計(jì)量單位物料.缺省單位；否則清空計(jì)量單位；新增分錄初始化新增分錄初始化訂貨數(shù)量0，單價(jià)0，需求日期=默認(rèn)到貨日期，其他為空單價(jià)值變化單價(jià)值變化金額=數(shù)量*單價(jià)，訂貨總金額=分錄.金額數(shù)量值變化數(shù)量值變化金額=數(shù)量*單價(jià)，訂貨總金額=分錄.金額需求清單絕密信息 嚴(yán)禁泄露P34 頁(yè)面，通過(guò)后臺(tái)Java類進(jìn)行初始化，方法：在網(wǎng)上訂貨單配置頁(yè)面，方案配置-事件編輯網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)

12、發(fā)邏輯）1-1頁(yè)面初始化絕密信息 嚴(yán)禁泄露P35 handler（Java類）的關(guān)鍵代碼網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）1-2頁(yè)面初始化絕密信息 嚴(yán)禁泄露P36 點(diǎn)擊選中客戶行業(yè)字段，在頁(yè)腳處事件定義里新增事件，保存之后會(huì)自動(dòng)生成對(duì)應(yīng)的function網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）2-1客戶行業(yè)值改變絕密信息 嚴(yán)禁泄露P37 修改客戶的過(guò)濾條件js代碼網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）注意！只能編輯開(kāi)發(fā)區(qū)域2-2客戶行業(yè)值改變絕密信息 嚴(yán)禁泄露P38網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）3-1新增分錄初始化絕密信息 嚴(yán)禁泄露P39 配置appendEntryRowAc

13、tion 注：若無(wú)從前臺(tái)取值傳到后臺(tái)再進(jìn)行初始化的操作，本步驟是不需要的，因?yàn)楸緲永枰獙⑶芭_(tái)的默認(rèn)到貨日期到后臺(tái)進(jìn)行初始化。 網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）3-2新增分錄初始化絕密信息 嚴(yán)禁泄露P40 initEntryRowHandler關(guān)鍵代碼網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）3-3新增分錄初始化絕密信息 嚴(yán)禁泄露P41分錄初始化前端js中的邏輯網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）3-4新增分錄初始化絕密信息 嚴(yán)禁泄露P42 包括物料值、單價(jià)值、數(shù)量值改變，所引發(fā)的操作。在WEB端配置事件網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）4-1表格事件絕密信息 嚴(yán)禁泄露P43表

14、格事件js網(wǎng)上訂貨單編輯頁(yè)面-（開(kāi)發(fā)邏輯開(kāi)發(fā)邏輯）4-2表格事件絕密信息 嚴(yán)禁泄露P44 車輛添加編碼規(guī)則 1. 在DEP中，應(yīng)用中心-系統(tǒng)平臺(tái)-編碼規(guī)則-規(guī)則定義，雙擊打開(kāi)如下圖。編碼規(guī)則編碼規(guī)則絕密信息 嚴(yán)禁泄露P45編碼規(guī)則2. 在如下的頁(yè)面中配置詳細(xì)的規(guī)則，然后保存啟用，在Web端新增時(shí)便會(huì)自動(dòng)生成編碼 編碼規(guī)則絕密信息 嚴(yán)禁泄露P46 1.在DEP中新建權(quán)限權(quán)限設(shè)置新建權(quán)限絕密信息 嚴(yán)禁泄露P472. 配置權(quán)限，保存權(quán)限設(shè)置配置權(quán)限絕密信息 嚴(yán)禁泄露P483.車輛編輯頁(yè)面添加一個(gè)“查看影像”按鈕，并添加事件權(quán)限設(shè)置添加按鈕絕密信息 嚴(yán)禁泄露P49 4.車輛編輯頁(yè)面新增功能“ViewI

15、mageAction”權(quán)限設(shè)置新增功能絕密信息 嚴(yán)禁泄露P505.對(duì)應(yīng)后臺(tái)的event和handler權(quán)限設(shè)置對(duì)應(yīng)后臺(tái)代碼絕密信息 嚴(yán)禁泄露P51 6.配置ViewImage功能的權(quán)限項(xiàng)權(quán)限設(shè)置配置權(quán)限項(xiàng)絕密信息 嚴(yán)禁泄露P52 7.未分配權(quán)限時(shí)，提示無(wú)權(quán)限！權(quán)限設(shè)置未分配顯示絕密信息 嚴(yán)禁泄露P53 8.以管理員身份給用戶分配權(quán)限 文件-同步權(quán)限數(shù)據(jù)，找到對(duì)應(yīng)的用戶，分配權(quán)限-批量分配權(quán)限權(quán)限設(shè)置分配權(quán)限絕密信息 嚴(yán)禁泄露P54 9.分配權(quán)限后權(quán)限設(shè)置分配后顯示絕密信息 嚴(yán)禁泄露P55 網(wǎng)上訂貨單添加BOTP 1.在DEP中，應(yīng)用中心-系統(tǒng)平臺(tái)-單據(jù)轉(zhuǎn)換-規(guī)則配置，雙擊打開(kāi)如下圖。BOTPb

16、otp絕密信息 嚴(yán)禁泄露P56 1.選擇單據(jù)轉(zhuǎn)換規(guī)則的類別、源單據(jù)、目標(biāo)單據(jù)BOTPbotp絕密信息 嚴(yán)禁泄露P57 2-1.配置規(guī)則 規(guī)則需求如下表：BOTP類別銷售訂單屬性來(lái)源備注單據(jù)頭 訂單日期系統(tǒng)日期客戶網(wǎng)上訂貨單.客戶原始單據(jù)Id網(wǎng)上訂貨單.單據(jù)編號(hào)金額網(wǎng)上訂貨單.訂貨總金額分錄 物料網(wǎng)上訂貨單.分錄.物料計(jì)量單位網(wǎng)上訂貨單.分錄.計(jì)量單位數(shù)量網(wǎng)上訂貨單.分錄.訂購(gòu)數(shù)量單價(jià)網(wǎng)上訂貨單.分錄.單價(jià)金額網(wǎng)上訂貨單.分錄.金額botp絕密信息 嚴(yán)禁泄露P58 2-2.配置規(guī)則 分別配置單據(jù)頭規(guī)則和分錄規(guī)則，然后保存啟用即可。BOTPbotp絕密信息 嚴(yán)禁泄露P59 3.網(wǎng)上訂貨單單據(jù)轉(zhuǎn)換效

17、果如下BOTPbotp絕密信息 嚴(yán)禁泄露P60 4.下推成功，聯(lián)查單據(jù)可看到如下界面BOTPbotp絕密信息 嚴(yán)禁泄露P61網(wǎng)上訂貨單添加套打 1.在DEP中，應(yīng)用中心-系統(tǒng)平臺(tái)-套打-套打配置，雙擊打開(kāi)如下圖。新建套打套打絕密信息 嚴(yán)禁泄露P62 2.引入BOS Query元數(shù)據(jù)套打套打絕密信息 嚴(yán)禁泄露P63 3.引入BOS Query元數(shù)據(jù)套打套打絕密信息 嚴(yán)禁泄露P64 4.設(shè)計(jì)模板，保存套打套打絕密信息 嚴(yán)禁泄露P65 5.確定模板路徑。套打套打絕密信息 嚴(yán)禁泄露P66 6.配置WEB頁(yè)面的打印模板路徑，并保存。套打套打絕密信息 嚴(yán)禁泄露P67 7.網(wǎng)上訂貨單列表頁(yè)面，選擇一條數(shù)據(jù)，

18、單擊打印，出現(xiàn)如下界面，選擇打印模板，確定即可打印。套打套打絕密信息 嚴(yán)禁泄露P68 1.首先確認(rèn)DEP中實(shí)體對(duì)象對(duì)應(yīng)工作流工作流絕密信息 嚴(yán)禁泄露P69 2.在BIM工具中配置工作流，新建業(yè)務(wù)流程工作流工作流絕密信息 嚴(yán)禁泄露P70 3.在BIM工具中配置工作流，新建業(yè)務(wù)流程，添加節(jié)點(diǎn)工作流工作流絕密信息 嚴(yán)禁泄露P71 4.首先在空白操作區(qū)右鍵-流程屬性-流程變量，把網(wǎng)上訂貨單添加進(jìn)來(lái)工作流工作流絕密信息 嚴(yán)禁泄露P725.配置提交節(jié)點(diǎn)（是人工節(jié)點(diǎn)修改了），雙擊提交節(jié)點(diǎn)工作流工作流絕密信息 嚴(yán)禁泄露P73 6.配置參與人工作流工作流絕密信息 嚴(yán)禁泄露P74 7.雙擊審批節(jié)點(diǎn)，配置業(yè)務(wù)單據(jù)內(nèi)碼工作流工作流絕密信息 嚴(yán)禁泄露P75 8.審批節(jié)點(diǎn)，配置web單據(jù)。工作流工作流絕密信息 嚴(yán)禁泄露P76 9.審批節(jié)點(diǎn)，以同樣的方式配置參與人。工作流工作流絕密信息 嚴(yán)禁泄露P77 10.空白區(qū)域右鍵，流程校驗(yàn)，無(wú)誤則發(fā)布即可。 11.在WEB端，網(wǎng)上訂貨單編輯頁(yè)面工具欄配置查看流程圖按鈕，保存。工作流工作流絕密信息 嚴(yán)禁泄露P78 12. 編輯一條數(shù)據(jù)，提交工作流工作流絕密信息 嚴(yán)禁泄露P79 13. 點(diǎn)擊查看流程圖，即可看到如下流程圖。工作流工作流絕密