通過在前端模塊接入web微服務平臺化的前端開發框架的入口文件中增加相應的申明(以定義的方式或修改屬性參數的方式進行)的方式,使得前端模塊在,因此通過搭建企業內部的npm倉庫,將前端模塊的各client模塊通過npmpublish發布至搭建的新的前端開發環境,達到所有的client前端模塊進行管理的效果。本發明實施例一種可行的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:在步驟410中,獲取所述前端模塊的應用模塊與組件間的一依賴關系;所述一依賴關系為所述模塊包文件(具體為業務子模塊)在工程中所體現的應用模塊與組件之間的依賴關系,其一般可通過資源映射的方式體現...
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資...
提供高精度、穩定的頻率信號,經外部時基信號同步,形成內部時鐘,實現時間的同步和統一。同步時間輸出的選擇電力系統自動化設備種類繁多,對時間同步的要求也各種各樣。FPGA的實時性和多輸入輸出端口,使得實現多種時間信號輸出成為可能。目前時間同步信號主要包含為:脈沖校時(秒脈沖、分脈沖和時脈沖)、串口校時、交直流IRIG-B碼校時、NTP或PTP網絡校時,以及光纖接口校時等。3基于FPGA系統方案的實現根據變電站對時間同步的要求,選擇FPGA為中心,實現多時鐘源輸入和多授時方式輸出接口的時鐘裝置,系統組成原理框圖如圖1所示。圖1時間同步系統組成同步信號的處理時鐘系統的時間同步信號主要來自外部時...
所述模塊包文件為通過java語言編寫的java代碼形成的jar包,每一獨有形成的jar包可能用于實現某一功能或者應用。通過源工程獲取的資源文件,可以為html,js,css,img文件中的一種或兩種及以上的組合,例如通過java語言實現的jar,在jar包內可包括其對應的資源文件,可通過封裝的形式形成所述前端模塊,其它類型的資源文件可以為根據具體代碼封裝生成。本發明實施例的一種具體的實施場景中,所述前端資源文件還包括根據開發需求形成的資源文件,根據具體的開發需求可以實現資源文件的定制,進一步還可以實現對資源文件的平臺共享。在步驟120中,對所述前端應用模塊所屬的前端模塊進行定義,其中,...
app-client為業務子模塊,portal-client為業務平臺整合模塊。所述portal-client前端構建包括:通過內置命令對portal-client整體構建打包;通過內置命令發布portal-client和app-client至至npm私的服(前端模塊的管理平臺),可供其他平臺自由組合使用。所述portal-client前端開發配置包括:配置前端開發服務訪問端口;配置后端服務反向代理地址;配置mock服務訪問模式(mock-server、share-portal、dev-portal);配置平臺應用的裝載順序及應用的裝載模式;通過內置命令啟動前端開發服務;通過平臺具體場...
通過web微服務平臺化的前端開發框架的配置文件獲取開發完成的前端模塊,對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊通過搭建企業內部的npm倉庫,將前端模塊通過npm包管理工具的publish組件發布至搭建的至npm私的服(前端模塊的管理平臺),達到所有的client模塊進行管理。本發明實施例的一種實施場景下,所述打包流程包括:利用,用gulp構建任務監控所有靜態資源、js、css、sass和html;一般地,具體步驟包括:清理輸出目錄;對于需要預編譯的模板進行預編譯處理;整合平臺基礎依賴和應用模塊的資源文件到整合目錄;整合應用模塊配置的第三方資源文件到整合目錄;依...
提供完全純粹的前端開發環境,但是這樣平臺無法對已有的模塊自由組合,缺少模塊的依賴管理,體系上也無法和后端的模塊對應上,這樣也不是我們所期望的結果。技術實現要素:鑒于上述的分析,本發明實施例旨在提供一種前端開發環境的搭建方法、裝置、設備及存儲介質,用以解決現有的前端開發過程中過于依賴后端工程的問題。一方面,本發明實施例提供了一種前端開發環境的搭建方法,所述方法包括:通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據開發需求形成的資源文件;所述前端應用模塊所屬的前端模塊進行定義,其中,所述...
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資...
并將每一段獨有的抽離后的模塊包文件發送至web微服務平臺化的前端開發框架,以生成對應的前端模塊;配置定義單元,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;依賴建立單元,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;環境搭建單元,用于從所述web微服務平臺化的前端開發框架中預建立的工程模板中獲取待搭建環境的待用模板,根據待用模板以及所述依賴關系搭建前端開發環境。上述的裝置,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;管理模塊,用于...
基于微服務的完善前端開發環境搭建完成之后,能夠實現前端應用的獨有解耦、前端依賴管理、純粹的開發環境和平臺化工程化的管理。本領域技術人員可以理解,實現上述實施例方法的全部或部分流程,可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于計算機可讀存儲介質中。其中,所述計算機可讀存儲介質為磁盤、光盤、只讀存儲記憶體或隨機存儲記憶體等。圖6示例了一種電子設備的實體結構示意圖,如圖6所示,該電子設備可以包括:處理器(processor)810、通信接口(communicationsinterface)820、存儲器(memory)830和通信總線840,其中,處理器810,通信接口820...
通過在前端模塊接入web微服務平臺化的前端開發框架的入口文件中增加相應的申明(以定義的方式或修改屬性參數的方式進行)的方式,使得前端模塊在,因此通過搭建企業內部的npm倉庫,將前端模塊的各client模塊通過npmpublish發布至搭建的新的前端開發環境,達到所有的client前端模塊進行管理的效果。本發明實施例一種可行的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:在步驟410中,獲取所述前端模塊的應用模塊與組件間的一依賴關系;所述一依賴關系為所述模塊包文件(具體為業務子模塊)在工程中所體現的應用模塊與組件之間的依賴關系,其一般可通過資源映射的方式體現...
app-client為業務子模塊,portal-client為業務平臺整合模塊。所述portal-client前端構建包括:通過內置命令對portal-client整體構建打包;通過內置命令發布portal-client和app-client至至npm私的服(前端模塊的管理平臺),可供其他平臺自由組合使用。所述portal-client前端開發配置包括:配置前端開發服務訪問端口;配置后端服務反向代理地址;配置mock服務訪問模式(mock-server、share-portal、dev-portal);配置平臺應用的裝載順序及應用的裝載模式;通過內置命令啟動前端開發服務;通過平臺具體場...
通過在前端模塊接入web微服務平臺化的前端開發框架的入口文件中增加相應的申明(以定義的方式或修改屬性參數的方式進行)的方式,使得前端模塊在,因此通過搭建企業內部的npm倉庫,將前端模塊的各client模塊通過npmpublish發布至搭建的新的前端開發環境,達到所有的client前端模塊進行管理的效果。本發明實施例一種可行的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:在步驟410中,獲取所述前端模塊的應用模塊與組件間的一依賴關系;所述一依賴關系為所述模塊包文件(具體為業務子模塊)在工程中所體現的應用模塊與組件之間的依賴關系,其一般可通過資源映射的方式體現...
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資...
所述第二依賴關系可以為在新增前端模塊的web微服務環境中前端模塊與對應的組件或對應應用之間的通信協議產生,所述一依賴關系與所述第二依賴關系之間可以互為補充,亦可為互為包含,通過根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系,能夠避免封裝后的前端模塊在配置時出現依賴偏差。本發明實施例的前端開發環境搭建完成后,通過讀取平臺配置文件獲取所需要的client模塊,按照配置文件中的順序依次加載對應的各模塊,然后獲取到各模塊的靜態資源路徑,將該路徑通過執行,這樣就實現了結合上述依賴關系控制client模塊的靜態資源加載及相應順序。在平臺與client模塊開發過程中,還可以通...
隨著智能變電站的推廣應用,變電站對標準時間同步系統的要求越來越高,本系統采用FPGA搭建的時間同步系統,實現了GPS、北斗和IRIG-B等多種時鐘源輸入冗余技術和鎖相環技術,輸出電站時間同步需要的脈沖、串口、IRIG-B、NTP、PTP和光纖編碼等信號。1引言隨著電力系統自動控制水平的不斷提高,發電廠、變電站和電力調度等各種自動化設備的運行離不開時間的統一。目前在實際應用中,電力設備的多樣性使得對時間同步的要求也各種各樣,應用較多的時間源為GPS、BD(北斗)和IRIG-B,由此提供高精度的時間基準,通過解碼轉換形成秒(分或時)脈沖信號、IRIG-B交直流碼、NTP、IEEE1588(...
用于通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件;其中的配置定義單元520,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;其中的依賴建立單元530,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;其中的環境搭建單元540,用于通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架...
那么我們又該怎樣去定義智慧水務?王浩院士曾說:智慧水務是充分利用新一代信息技術,深入挖掘和普通運用水務信息資源,通過水務信息的采集、傳輸、存儲、處理服務,全方面提升水務管理的效率和效益,實現更全方面的感知,更主動的服務,更科學的決策,更主動的控制,更及時的應對。在我們看來,智慧是解放人、拓展人的認知與理解能力,以及更好地服務于人;而將智慧賦予人之外的水務系統,使之具有一定程度的識別問題與解決問題的能力,能將人從各類簡單重復的工作中解放出來,實現少人或無人化運行。軟件協同實際工作,逐步實現智慧水務。隨著互聯網的發展,大數據、云平臺等先進技術的成熟運用。對于智慧水務,我們這里主要談及兩種技...
對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。結合上述說明,在本發明實例的另一種可能的實施方式中,對所述前端應用模塊所屬的前端模塊進行定義,還包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。結合上述說明,在本發明實例的另一種可能的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:獲取所述前端模塊的應用模塊與組件間的一依賴關系;工程化相關文件獲取所述前端模塊的平臺模塊與應用模塊間的第二依賴關系;根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系。結合上述說明,在本...
也可發生于前端模塊的封裝過程中,即對所述靜態資源目錄和工程化相關文件進行定義后,結合所述資源文件封裝為所述前端模塊。在步驟130中,通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;所述javascript包管理工具一般為npm包管理工具,通過調用npm包管理工具能夠將所述前端模塊存儲到web微服務平臺化的前端開發框架的相應存儲路徑。本步驟中,定義后的前端模塊中包括了靜態資源目錄和工程化相關文件,通過javascript包管理工具讀取所述靜態資源目錄可建立所述前端模塊的依賴關系,通過對所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過所述javascript包...
所述方法還包括基于http-proxy(代理服務器)實現所述前端模塊的服務接口調用。本發明實施例一種可行的實施方式中,通過,代理地址可以在配置文件中進行配置。配置文件中可以指定mock類型、服務地址及規則,mock的實現也是http-proxy代理實現。對于需要預編譯client模塊的開發環境集成,需要配置文件中指定client模塊的開發服務地址及靜態資源映射路徑,然后亦可通過http-proxy來代理這些資源路徑。前端模塊在開發中調用服務接口的方式包括以下幾種,其均主要基于node的http-proxy來實現:指定的mockserver公用的后臺服務;指定的后臺開發人員的服務,web...
用于通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件;其中的配置定義單元520,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;其中的依賴建立單元530,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;其中的環境搭建單元540,用于通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架...
用于通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件;其中的配置定義單元520,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;其中的依賴建立單元530,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;其中的環境搭建單元540,用于通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架...
所述第二依賴關系可以為在新增前端模塊的web微服務環境中前端模塊與對應的組件或對應應用之間的通信協議產生,所述一依賴關系與所述第二依賴關系之間可以互為補充,亦可為互為包含,通過根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系,能夠避免封裝后的前端模塊在配置時出現依賴偏差。本發明實施例的前端開發環境搭建完成后,通過讀取平臺配置文件獲取所需要的client模塊,按照配置文件中的順序依次加載對應的各模塊,然后獲取到各模塊的靜態資源路徑,將該路徑通過執行,這樣就實現了結合上述依賴關系控制client模塊的靜態資源加載及相應順序。在平臺與client模塊開發過程中,還可以通...
前端開發環境的搭建方法、裝置、設備及存儲介質。背景技術:微服務是一種服務間松耦合的、每個服務之間高度自治并且使用輕量級協議進行通信的可持續集成部署的分布式架構體系。其可以采取較為典型的分布式結構,細分的部署粒度,服務的擴展性更為靈活。前端開發模式目前有兩種方式:其中的一種是,利用微服務體系實現各服務間隔離、自治,體現在工程中各服務模塊也相對獨有,在基于springcloud搭建的微服務平臺架構中,常用的是將每個模塊對應的前端資源放入對應的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態資...
其中的平臺基礎模塊內置多個基礎子模塊,包含前端開發服務和平臺基礎資源前端模塊的服務器路徑、資源路徑和模板路徑。本發明實施例一種可行的實施方式中,在前端開發環境搭建完成后的應用過程還包括:讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。本發明實施例的一種實施場景中,在開發完成后平臺會針對client模塊進行預編譯、打包和壓縮,整個過程可由,gulp工具是基于流的前端構建工具:通過讀取平臺配置文件獲取所有的client模塊,獲取需要進行預編譯的模塊,使用node子進程進行預編譯...
通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。需要說明的是,本實施例中的電子設備在具體實現時可以為服務器,也可以為pc機,還可以為其他設備,只要其結構中包括如圖6所示的處理器810、通信接口820、存儲器830和通信總線840,其中處理器810,通信接口820,存儲器830通過通信總線840完成相互間的通信,且處理器810可以調用存儲器830中的邏輯指令以執行上述方法即可。本實施例不對電子設備的具體實現形式進行限定。此外,上述的存儲器830中的邏輯指令可以通過軟件功能單元的形式實現并作為獨有的產品銷售或使用時,可以存儲在...
所述模塊包文件為通過java語言編寫的java代碼形成的jar包,每一獨有形成的jar包可能用于實現某一功能或者應用。通過源工程獲取的資源文件,可以為html,js,css,img文件中的一種或兩種及以上的組合,例如通過java語言實現的jar,在jar包內可包括其對應的資源文件,可通過封裝的形式形成所述前端模塊,其它類型的資源文件可以為根據具體代碼封裝生成。本發明實施例的一種具體的實施場景中,所述前端資源文件還包括根據開發需求形成的資源文件,根據具體的開發需求可以實現資源文件的定制,進一步還可以實現對資源文件的平臺共享。在步驟120中,對所述前端應用模塊所屬的前端模塊進行定義,其中,...
那么我們又該怎樣去定義智慧水務?王浩院士曾說:智慧水務是充分利用新一代信息技術,深入挖掘和普通運用水務信息資源,通過水務信息的采集、傳輸、存儲、處理服務,全方面提升水務管理的效率和效益,實現更全方面的感知,更主動的服務,更科學的決策,更主動的控制,更及時的應對。在我們看來,智慧是解放人、拓展人的認知與理解能力,以及更好地服務于人;而將智慧賦予人之外的水務系統,使之具有一定程度的識別問題與解決問題的能力,能將人從各類簡單重復的工作中解放出來,實現少人或無人化運行。軟件協同實際工作,逐步實現智慧水務。隨著互聯網的發展,大數據、云平臺等先進技術的成熟運用。對于智慧水務,我們這里主要談及兩種技...
基于微服務的完善前端開發環境搭建完成之后,能夠實現前端應用的獨有解耦、前端依賴管理、純粹的開發環境和平臺化工程化的管理。本領域技術人員可以理解,實現上述實施例方法的全部或部分流程,可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于計算機可讀存儲介質中。其中,所述計算機可讀存儲介質為磁盤、光盤、只讀存儲記憶體或隨機存儲記憶體等。圖6示例了一種電子設備的實體結構示意圖,如圖6所示,該電子設備可以包括:處理器(processor)810、通信接口(communicationsinterface)820、存儲器(memory)830和通信總線840,其中,處理器810,通信接口820...