金蝶EASV80(BOS-Web)動態(tài)框架介紹

BOSWEB動態(tài)框架介紹

BOS產品部2014.10總體介紹目標及定位技術特性框架模型應用說明關鍵問題說明附錄提綱

Web動態(tài)框架—全新架構體系的BOSWeb平臺Web動態(tài)框架是BOS平臺的組成部分Web動態(tài)框架是BOS平臺支撐Web應用的開發(fā)及運行平臺Web動態(tài)框架與BOS基礎設施及服務共同構建企業(yè)的Web化應用Web動態(tài)框架簡介Web動態(tài)框架，是EASBOSWeb產品開發(fā)的核心平臺，與GUI應用框架共用EASBOS服務端組件，與GUI框架、移動應用框架共同支撐起成熟而又時尚、快捷的企業(yè)應用。Web動態(tài)框架提供統(tǒng)一的業(yè)務開發(fā)模型，簡化純Web應用開發(fā)邏輯，形成一致的互聯(lián)網風格的應用模式，最大限度實現各種組件的重用機制，同時采用開放的技術框架，形成了強大而靈活的Web應用系統(tǒng)開發(fā)及管理平臺。Web動態(tài)框架組成Web運行框架Web組件庫Web動態(tài)開發(fā)平臺Web動態(tài)框架概念EAS后臺服務GUIWebMobilWeb動態(tài)框架目標-定位產品目標應用階段支撐應用系統(tǒng)研發(fā)、實施交付、運行維護。生命周期支撐未來5～10年的B/S應用，平滑過渡到HTML5。應用范圍支撐EAS及基于BOS的相關行業(yè)、領域的企業(yè)級Web應用。定位：EAS及基于BOS的Web應用系統(tǒng)全生命周期管理平臺目標-技術特征高可靠，高性能成熟、穩(wěn)定可靠，大數據量下性能優(yōu)良、可控高可用使用（開發(fā)）效率高，簡單易學高效開發(fā)開放平臺支持多種技術應用，支持外部功能的嵌入集成（基于SOA及組件化體系的業(yè)務應用架構）共享框架支持組件化的成果共享，支持業(yè)務功能獨立管理（裝載、運行、卸載）面向未來支持以后平滑、穩(wěn)定、無縫地采用HTML5技術，支持顯示風格與內容的隔離（CSS3）技術特征系統(tǒng)參數性能適應性安全性開放性其他特性性能參數一般單據頁面打開時間：<3s一般列表頁面（序時簿）打開時間：<3s一般單據保存提交時間：<3s注：普通配置環(huán)境下，頁面非首次訪問自適應-多瀏覽器，各種分辨率支持的瀏覽器IE8+Chrome23+Safari5+響應式布局-自適應各種分辨率，推薦：1280*1024/1024*768推薦的瀏覽器IE11Chrome28+Safari5+Web安全性1、身份安全EAS統(tǒng)一身份認證CA認證支持2、通訊安全數據傳輸加密https支持3、運維安全安全漏洞預防：XSS腳本攻擊，SQL注入，CSRF等第三方組件安全4、安全審計用戶監(jiān)控操作日志平臺特性基于開源技術構建，支持隨意組合、共享各種互聯(lián)網技術OPENAPI技術、共享EAS后臺服務，最大化客戶和伙伴的利益技術門檻低、開發(fā)效率高后期會搭建統(tǒng)一資源中心，可分享伙伴開發(fā)成果開放性基于互聯(lián)網開源技術構建開放平臺BootstrapJquerySpringOpenAPIWEB2.0平臺特性動態(tài)性動（態(tài)）靜（態(tài)）相宜，兼顧性能及靈活性可動態(tài)部署，降低運維成本運行期實時調整即時生效，直接看到效果調整完畢自動靜態(tài)化，提升響應速度平臺特性模塊化靜態(tài)資源采用模塊化架構體系，按需加載，性能優(yōu)越支持使用Nginx/Apache等單獨部署靜態(tài)資源服務器，優(yōu)化并發(fā)性能自動處理靜態(tài)文件版本，版本更新無須手動清瀏覽器緩存部署架構圖利用開源軟件作為反向代理和負載均衡、前端緩存裝置。Web高可用：會話狀態(tài)的持久化支持。前后端分離模型前后端分離，前端小美快，后端穩(wěn)準狠

后臺采用OpenAPI

統(tǒng)一管理服務調用，提升開放性和可維護性

利用動態(tài)Web應用框架，提升二次開發(fā)效率WAF平臺OPENAPIWrapperFacadeEntityEntity…PrivateAPI后臺服務前臺系統(tǒng)組件體系OPENAPI管理應用框架標準業(yè)務Web應用自定義業(yè)務Web應用第三方應用應用中心FacadeOpenAPI…Web平臺藍圖技術架構應用架構數據架構業(yè)務架構開發(fā)管理運維管理Browser端框架WebServer框架AppServer框架RPChttpjson基礎服務組件與模板擴展模式非功能特性框架開發(fā)工具構建與測試二次開發(fā)管理補丁管理BOS數據框架性能監(jiān)控組織架構主數據部署工具技術架構Client/BrowserWebServer界面動態(tài)渲染HTTPServiceDispatcher通用業(yè)務ServiceBOTP工作流附件管理顯示風格CSS3業(yè)務事件邏輯JS基礎控件JQUERY編碼規(guī)則ApplicationServer模塊A后臺服務模塊B后臺服務模塊C后臺服務模塊D后臺服務模塊…后臺服務EventBusJSONConvertInterceptor權限LicenseRemoteLocalJsonIOCRemoteLocalRemotelocalRemoteLocalRemoteLocal業(yè)務HandlerHTTP緩存處理業(yè)務Handler服務注入導入/導出服務模塊…后臺服務RemoteLocalRemoteLocal……….基礎服務模塊…后臺服務基礎服務基礎服務及功能組件完成圖例后期實現AppServer工作流服務組件單據上查統(tǒng)一身份認證BOS基礎服務引擎單據上拉單據生成單據下查查看流程圖查看審核意見執(zhí)行多級審批查看流程活動指定下一步參與人權限服務功能權限字段權限License多組織網絡互斥國際化編碼規(guī)則系統(tǒng)監(jiān)控用戶行為收集BOS相關應用服務性能監(jiān)控數據權限處理操作日志處理總體介紹應用說明應用開發(fā)流程頁面超類及應用組件體系動態(tài)開發(fā)平臺運行框架說明Web組件庫說明關鍵問題說明附錄提綱總體開發(fā)流程配置開發(fā)服務設置預覽調試發(fā)布測試補丁制作安裝部署后臺實體模型配置頁面顯示及事件配置前后臺業(yè)務邏輯編碼工作流、權限、BOTP、編碼規(guī)則、打印模板等服務設置頁面預覽并可對所有功能進行單元測試，調試解決問題發(fā)布到應用菜單上，進行完整的集成測試開發(fā)測試完成，將開發(fā)成果制作成補丁包輸出將開發(fā)的補丁包安裝部署到正式環(huán)境中運行二次開發(fā)模式2、擴展開發(fā)基于標準產品中已有業(yè)務進行部分修改的

開發(fā)模式擴展開發(fā)為繼承模式，當原標準產品業(yè)務包升級后會自動根據規(guī)則合并，保護已有二次開發(fā)成果與標準產品開發(fā)有較大區(qū)別1、新功能開發(fā)新業(yè)務功能開發(fā)，包括新的基礎資料，新的業(yè)務單據，新的報表等可以使用系統(tǒng)基礎及標準產品已有業(yè)務的基礎資料，也可以關聯(lián)使用新增的基礎資料類同于標準產品開發(fā)新增功能開發(fā)流程Web動態(tài)開發(fā)平臺新建業(yè)務單元設置業(yè)務單元實體屬性（實體、查詢）頁面配置拖放字段以及組件調整布局設置控件屬性配置功能配置事件代碼編寫編寫事件響應的Handler（java）在js文件中自動生成的空方法中添加代碼在css文件中維護調整當前頁面樣式直接預覽并調試測試兩種方式：1、DEP2、BIM擴展開發(fā)流程Web動態(tài)開發(fā)平臺根據業(yè)務單元新建擴展方案對業(yè)務單元包含頁面擴展頁面配置新增字段，拖放字段以及組件調整布局設置控件屬性配置功能配置事件代碼編寫編寫事件響應的Handler（Rhino）在js文件中發(fā)布的空方法中添加代碼在css文件中維護調整當前頁面樣式直接預覽并調試測試新建頁面方案啟用頁面超類及應用組件體系概述Web動態(tài)框架頁面目前有三種基本類型：編輯頁面、列表頁面、空白頁面，各自包含了不同的內置功能，可以直接配置使用動態(tài)框架還提供了眾多功能強大的基礎應用組件，可以在業(yè)務頁面中直接配置使用應用組件體系Web應用組件體系Web組件是平臺提供的業(yè)務層面上封裝重用的、一種較低層次的共享機制Web組件的顆粒度較小，是在控件之上頁面之下的通用邏輯的封裝，可以在頁面中直接如基礎控件一樣設置使用Web組件一般包含了業(yè)務及BOS應用概念，如Query及實體Info等，而且一般包括后臺處理邏輯的調用Web應用組件Web組件體系顯示及/或處理邏輯的一個片段分為顯示組件及非顯示組件（服務組件）Web組件不能直接運行，需要在頁面中運行調試Web組件是開放的，以后可以自由注冊，方便業(yè)務應用開發(fā)自己的組件Web組件之間不能繼承，但可以組合使用組件描述列表顯示組件根據Query進行列表顯示及操作通用查詢組件浮動DAP組件生成憑證/刪除憑證，生成/刪除管理憑證工作流組件審核、反審核、流程圖BOTP組件推/拉生成、聯(lián)查單據、上查、下查打印套打組件附件管理組件多附件文件的上傳、存儲處理引入引出組件導入或導出Excel文件數據通用F7組件各種基礎F7組件組織/物料/客戶/供應商/科目/職員/…頁面超類頁面類型超類是頁面級的功能共享超類按頁面類型封裝了一組通用的功能邏輯，如：列表頁面包括新增、刪除、修改、審核等通用事件和處理邏輯；編輯頁面包括保存、提交、打印、BOTP等通用事件和處理邏輯。頁面類型超類內置功能編輯頁面列表頁面頁面元數據概念體系業(yè)務單元頁面1頁面2基本信息布局控件頁面事件屬性事件頁面響應后臺處理業(yè)務服務頁面超類頁面組件功能概述Web動態(tài)開發(fā)平臺，是基于瀏覽器的web開發(fā)平臺，能夠直接預覽所見即所得完成頁面的配置過程，開發(fā)所依賴的實體、查詢等目前需要在DEP或者BIM中完成，頁面運行依賴的java代碼目前需要在eclispse等開發(fā)工具中完成，而js及Rhino腳本可在頁面配置工具中直接編寫，js亦可使用其他工具編寫主要功能新增功能開發(fā)標準產品擴展開發(fā)Web動態(tài)開發(fā)平臺Web動態(tài)開發(fā)平臺業(yè)務單元方案頁面Web動態(tài)開發(fā)平臺頁面配置確定頁面結構，選擇各組件及/或控件，定義界面功能按鈕及/或界面顯示定義組件/控件事件及響應JS和Handler代碼處理邏輯編寫保存頁面配置，直接預覽調試Web動態(tài)開發(fā)平臺擴展開發(fā)擴展開發(fā)標準產品擴展實體及查詢擴展實體擴展查詢擴展頁面擴展方案1頁面1擴展顯示擴展事件擴展頁面擴展方案2頁面1擴展顯示事件擴展擴展模型擴展開發(fā)操作字段擴展1

僅能新增字段，不能刪除字段或者修改字段類型2

通過DEP工具/頁面配置工具進行字段新增，并修改查詢方案擴展開發(fā)工具頁面顯示1

可通過可視化的顯示設置進行修改2

頁面修改時有部分限制，如不能刪除只能隱藏字段，必錄不能改為非必錄等3

通過擴展開發(fā)工具進行設置邏輯擴展1

通過事件總線技術提供插件式擴展體系，插入方式為Before/After/Override2

通過頁面擴展開發(fā)工具進行JS前端及web端的邏輯處理插入3

通過DEP工具進行App后臺邏輯插入方案管理1

一個頁面可以有多種擴展方案，一個頁面方案包括頁面顯示及前臺邏輯插件2

通過頁面擴展開發(fā)工具進行方案管理，包括啟用、禁用，按CU進行分配3

如果組織未被分配方案，則按標準產品頁面運行典型二次開發(fā)場景及方式序號需求場景詳細描述開發(fā)方式1新增字段可新增各種類型字段，并可設置顯示位置及標簽、必錄、默認值、數值范圍、校驗等屬性1、使用DEP工具/頁面配置工具新增字段，同步查詢方案2、通過頁面配置工具設置顯示及其他屬性2調整顯示布局可調整頁面各個字段顯示位置，調整布局通過頁面設置工具進行顯示調整3修改字段顯示屬性修改字段/控件的標簽文字、默認值、提示文字、是否必錄、是否隱藏、是否可編輯、數值范圍、校驗及信息等各種屬性，包括按鈕等控件通過頁面設置工具進行修改4新增、修改控件的事件及響應邏輯可設置各種控件的常用事件，編寫響應邏輯1、通過頁面設置工具進行事件設置2、編寫插入的處理邏輯程序5根據字段值動態(tài)設置其他字段是否顯示、可編輯、必錄例：如費用類型=車輛費用，則顯示且須選擇車輛，否則不顯示車輛1、工具設置字段控件onChanged事件2、編寫js程序實現邏輯6可動態(tài)給其他字段賦值F7查詢連帶，包括給分錄中的某字段賦默認值，包括清空。例：人員選定后，自動將人員所屬部門賦值給部門字段1、工具設置字段控件onChanged事件2、編寫js程序實現邏輯7可動態(tài)設置其他字段F7過濾條件包括給分錄中的某字段F7設置過濾條件。例：部門變化后，選擇人員時需要自動添加所屬部門=單據上部門值這個條件1、工具設置字段控件onChanged事件2、編寫js程序實現邏輯8可設置分錄中某字段的自動合計計算例：在分錄上添加了一列“車補費”，在行的合計上需要自動計算直接在工具中設置修改分錄表格屬性9可設置分錄中某字段合計值到單據頭例：訂單分錄行中的金額合計值自動付給單據頭上的訂單總金額字段1、工具設置字段控件onChanged事件2、編寫js程序實現邏輯二次開發(fā)管理補丁制作僅含web端內容不含DEP擴展方案補丁安裝使用管控臺正常安裝Web運行框架功能概述Web運行技術框架，基于SpringMVC，是非常輕量級的、簡單易學的架構Web業(yè)務功能是集成在EAS門戶中顯示并運行的主要部分客戶端運行部分WebServer端部分AppServer端部分基礎控件體系典型操作調用基礎流程action/eventJs事件處理前插入邏輯覆蓋邏輯后插入邏輯攔截器Web端框架License用戶監(jiān)控行為采集性能監(jiān)控主業(yè)務組織處理Web端處理邏輯功能權限前插入邏輯覆蓋邏輯后插入邏輯App端處理邏輯日志數據權限頁面操作ClientWebServerAppWeb運行框架客戶端框架內容顯示內容，頁面元數據動態(tài)解析/靜態(tài)化html顯示樣式，CSS文件處理邏輯，JS文件WebServer端Event類-Handler類擴展時只需要用Rhino編寫HandlerAppServer端使用已有EAS后臺業(yè)務服務也可以使用DEP后臺服務方法Web組件庫控件描述列布局ColumnLayout表格控件多表頭/列鎖定，多種編輯，分組統(tǒng)計…F7浮層/窗口，通用/組織/人員/自定義等多頁簽可異步加載、動態(tài)維護頁簽數字框金額/百分比/整數/小數日期及日期時間Max/Min，可顯示周AutoComplete支持多種源（數組/URL/函數）WindowGet/post，互傳數據，iframe/div…基礎控件體系JQuery控件的封裝配合CSS，符合統(tǒng)一顯示風格以后可切換多種風格、多種皮膚支持流體布局，隨瀏覽器窗口大小而自動調整應用組件體系可查看幫助系統(tǒng)詳細了解總體介紹應用說明關鍵問題說明應用開發(fā)人員技術要求擴展開發(fā)原理及標準產品補丁升級資料與共享附錄提綱關鍵問題Web前端熟悉HTML/JSP熟悉JQuery，了解css3熟練掌握JavaScriptJ2EE熟練掌握Java了解SpringBOS/EAS開發(fā)熟練掌握BOS/EAS開發(fā)流程及規(guī)范應用開發(fā)人員技術要求BOSWeb動態(tài)框架涉及的開發(fā)工具與技術ApplicationServer端（與原來GUI開發(fā)一樣）工具：DEP/BIM（For機構&客戶）擴展元數據相關（實體、Query、表、Facade，以及他們相關的屬性方法等）擴展AppServer端業(yè)務邏輯腳本（Rhino）需掌握的技術：DEP開發(fā)、

Rhino腳本語言/BIMWebServer端工具：Eclipse（新功能開發(fā)）/頁面配置工具（標準產品擴展修改）新功能開發(fā)：Event類（java）（WebServer端事件總線），Handler類（java）（WebClient事件對應的響應方法業(yè)務邏輯代碼）擴展修改：Rhino腳本語言需掌握的技術：Java、Spring開源框架技術/Rhino腳本語言WebClient端工具：BOSWAF2頁面配置工具（擴展開發(fā)）頁面布局、拖放字段組件控件、配置字段與控件屬性、配置功能、配置事件工具：自己常用的文本編輯器擴展Js（頁面邏輯）擴展Css（頁面樣式）需掌握的技術：WEB前端技術（Html、Css3、JavaScript、JQuery技術

）特別說明開發(fā)技術BOSWeb動態(tài)框架只是BOSWEB前端開發(fā)技術，對于后端仍然采用原來BOS的開發(fā)模式，因此熟悉原BOS/EAS開發(fā)技術非常重要，如果完全沒有經歷過原BOS/EAS的開發(fā)，那掌握周期會更長BOSWeb動態(tài)框架作為BOSWEB前度開發(fā)技術，采用了目前主流的WEB前度技術，因此必須熟練掌握WEB前端技術（Html、Css3、JavaScript、Jquery技術

），這些技術在互聯(lián)網上有大量的教材和案例可以學習在正式學習BOSWeb動態(tài)框架開發(fā)之前，請?zhí)崆罢莆蘸们懊鎯深惣夹gWeb動態(tài)框架前端擴展基本原理標準產品頁面頁面元數據(標準)前端腳本：Js(標準)前端樣式：css(標準)Webserver邏輯：handler(標準)擴展頁面方案A擴展頁面差異元數據(A)擴展前端腳本：Js(A)擴展前端樣式：css(A)擴展Webserver邏輯：handler(A)擴展設計期運行期擴展頁面差異元數據(A)Js(標準)+Js(A)css(標準)+css(A)handler(標準)+handler(A)頁面元數據(標準)頁面疊加邏輯疊加擴展前提：1、必須是Web動態(tài)開發(fā)平臺開發(fā)的頁面2、頁面必須要所屬一個業(yè)務單元WEB前端按CU分配擴展原理標準產品頁面頁面元數據(標準)前端腳本：Js(標準)前端樣式：css(標準)Webserver邏輯：handler(標準)擴展頁面方案A（分配給AA管理單元）擴展頁面差異元數據(A)擴展前端腳本：Js(A)擴展前端樣式：css(A)擴展Webserver邏輯：handler(A)擴展頁面方案B（分配給BB管理單元）擴展頁面差異元數據(B)擴展前端腳本：Js(B)擴展前端樣式：css(B)擴展Webserver邏輯：handler(B)擴展擴展根據登錄組織所屬CU設計期運行期登錄AA管理單元擴展頁面差異元數據(A)Js(標準)+Js(A)css(標準)+css(A)handler(標準)+handler(A)頁面元數據(標準)頁面疊加邏輯疊加擴展頁面差異元數據(B)Js(標準)+Js(B)css(標準)+css(B)handler(標準)+handler(B)頁面元數據(標準)頁面疊加邏輯疊加登錄BB管理單元擴展前提：1、必須是Web動態(tài)開發(fā)平臺開發(fā)的頁面2、頁面必須要所屬一個業(yè)務單元標準產品頁面頁面元數據(標準)Js(標準)css(標準)handler(標準)登錄CC管理單元未分配的執(zhí)行標準產品頁面關鍵問題補丁升級說明Web動態(tài)框架采用DEP擴展模型，擴展修改保存的是修改內容的元數據碎片，運行期自動將原功能元數據與擴展修改的元數據碎片，依照規(guī)則進行合并，合并原則為擴展元數據優(yōu)先通過DEP擴展模型，可以實現標準產品與二次開發(fā)內容的元數據隔離；Web平臺使用事件總線插件式框架，擴展開發(fā)包含的僅為插入點邏輯，也實