前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。背景技術(shù)：微服務(wù)是一種服務(wù)間松耦合的、每個(gè)服務(wù)之間高度自治并且使用輕量級(jí)協(xié)議進(jìn)行通信的可持續(xù)集成部署的分布式架構(gòu)體系。其可以采取較為典型的分布式結(jié)構(gòu)，細(xì)分的部署粒度，服務(wù)的擴(kuò)展性更為靈活。前端開發(fā)模式目前有兩種方式：其中的一種是，利用微服務(wù)體系實(shí)現(xiàn)各服務(wù)間隔離、自治，體現(xiàn)在工程中各服務(wù)模塊也相對(duì)獨(dú)有，在基于springcloud搭建的微服務(wù)平臺(tái)架構(gòu)中，常用的是將每個(gè)模塊對(duì)應(yīng)的前端資源放入對(duì)應(yīng)的web模塊resources/static目錄下，通過maven將所有的模塊整合在一起，但是這樣所有的前端資源都分散在不同的jar包中，通過配置靜態(tài)資源路由來尋址這些資源，這導(dǎo)致前端開發(fā)環(huán)境是依賴java工程，可能會(huì)受到數(shù)據(jù)庫(kù)、中間件等環(huán)境的影響，并且資源加載順序無法控制，靜態(tài)資源無法熱更新，各模塊打包時(shí)所需的平臺(tái)資源和公共組件資源無法獲得，對(duì)于異構(gòu)模塊需要將編譯后的代碼放入到web工程中才可以使用，而且異構(gòu)系統(tǒng)在開發(fā)階段獲取不了平臺(tái)的資源環(huán)境等，這些都很大程度上影響了前端開發(fā)人員的工作環(huán)境與效率。另一種前端開發(fā)模式就是將前端工程完全獨(dú)有，將所有模塊的代碼都放在一個(gè)工程中。邦程科技專業(yè)網(wǎng)站后臺(tái)，為網(wǎng)站管理帶來福音；可需簡(jiǎn)單交互，就能更新官網(wǎng)內(nèi)容；一站更新。廣西營(yíng)銷技術(shù)搭建優(yōu)勢(shì)

    在傳統(tǒng)的web應(yīng)用開發(fā)的基礎(chǔ)結(jié)構(gòu)，例如api、web和server結(jié)構(gòu)的web微服務(wù)平臺(tái)化的前端開發(fā)框架基礎(chǔ)上增加了新的前端模塊，結(jié)合圖2所示，為本發(fā)明的實(shí)施例的模塊結(jié)構(gòu)劃分示意圖，其中的前端模塊為現(xiàn)有的api、web和server的基礎(chǔ)上增加的client模塊(前端模塊)，從圖中可以看出，所述前端模塊與原有的java工程完全解耦，使得前端模塊在web微服務(wù)平臺(tái)化的前端開發(fā)框架中擁有更靈活的應(yīng)用以及更多創(chuàng)造性應(yīng)用。結(jié)合圖3所示，為本發(fā)明的前端模塊在web微服務(wù)平臺(tái)化的前端開發(fā)框架下的前端模塊的工程結(jié)構(gòu)，其中，前端工程結(jié)構(gòu)是基于npm的模塊化管理實(shí)現(xiàn)，工程結(jié)構(gòu)與模塊劃分也更加清晰，結(jié)合圖2及圖3所示，前端平臺(tái)模塊包括若干平臺(tái)基礎(chǔ)模塊，每一平臺(tái)基礎(chǔ)模塊又包括若干平臺(tái)基礎(chǔ)子模塊，各模塊之間的關(guān)系亦可包括前端開發(fā)環(huán)境搭建所需要的依賴關(guān)系。結(jié)合圖3所示，本發(fā)明實(shí)施例一種可行的實(shí)施方式中，所述前端模塊的管理單元為npm私的服，可通過nexus來搭建npm私的服，client模塊可以發(fā)布至私的服后供其他需要的平臺(tái)下載，進(jìn)而提供前端模塊、應(yīng)用和組件的依賴管理。結(jié)合圖3所示，封裝后的前端模塊中的base-client為前端基礎(chǔ)子模塊；starter-portal-client為平臺(tái)基礎(chǔ)模塊。江蘇什么是技術(shù)搭建好處邦程科技通過周密的策劃、深入的調(diào)查、理性的分析、精妙的創(chuàng)意、專業(yè)的實(shí)施。

    并將每一段獨(dú)有的抽離后的模塊包文件發(fā)送至web微服務(wù)平臺(tái)化的前端開發(fā)框架，以生成對(duì)應(yīng)的前端模塊；配置定義單元，用于對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，其中，所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置；依賴建立單元，用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系；環(huán)境搭建單元，用于從所述web微服務(wù)平臺(tái)化的前端開發(fā)框架中預(yù)建立的工程模板中獲取待搭建環(huán)境的待用模板，根據(jù)待用模板以及所述依賴關(guān)系搭建前端開發(fā)環(huán)境。上述的裝置，所述裝置還包括：讀取模塊，用于讀取web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊；管理模塊，用于對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。第三方面，本發(fā)明還提供了一種電子設(shè)備，所述電子設(shè)備包括：處理器；用于存儲(chǔ)處理器可執(zhí)行的指令的存儲(chǔ)器；其中，所述存儲(chǔ)器被配置為用以實(shí)施上述的前端開發(fā)環(huán)境的搭建方法。第四方面，本發(fā)明還提供了一種非易失性計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序指令，所述計(jì)算機(jī)程序指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述任意一項(xiàng)所述的前端開發(fā)環(huán)境的搭建方法。

    那么我們又該怎樣去定義智慧水務(wù)？王浩院士曾說：智慧水務(wù)是充分利用新一代信息技術(shù)，深入挖掘和普通運(yùn)用水務(wù)信息資源，通過水務(wù)信息的采集、傳輸、存儲(chǔ)、處理服務(wù)，全方面提升水務(wù)管理的效率和效益，實(shí)現(xiàn)更全方面的感知，更主動(dòng)的服務(wù)，更科學(xué)的決策，更主動(dòng)的控制，更及時(shí)的應(yīng)對(duì)。在我們看來，智慧是解放人、拓展人的認(rèn)知與理解能力，以及更好地服務(wù)于人；而將智慧賦予人之外的水務(wù)系統(tǒng)，使之具有一定程度的識(shí)別問題與解決問題的能力，能將人從各類簡(jiǎn)單重復(fù)的工作中解放出來，實(shí)現(xiàn)少人或無人化運(yùn)行。軟件協(xié)同實(shí)際工作，逐步實(shí)現(xiàn)智慧水務(wù)。隨著互聯(lián)網(wǎng)的發(fā)展，大數(shù)據(jù)、云平臺(tái)等先進(jìn)技術(shù)的成熟運(yùn)用。對(duì)于智慧水務(wù)，我們這里主要談及兩種技術(shù)，一是物聯(lián)網(wǎng)技術(shù)：通過物聯(lián)傳感設(shè)備，結(jié)合仿真模擬計(jì)算，反映水體狀態(tài)及其運(yùn)行態(tài)勢(shì)，從而為城市水資源/水環(huán)境或水安全調(diào)度等提供支撐。另一個(gè)是數(shù)據(jù)技術(shù)：對(duì)城市/水司積累的海量數(shù)據(jù)進(jìn)行治理，形成數(shù)據(jù)資產(chǎn)中心，并通過數(shù)據(jù)挖掘/多維分析/機(jī)器學(xué)習(xí)等技術(shù)手段，挖掘水務(wù)大數(shù)據(jù)的價(jià)值，為城市水務(wù)管理提供支撐。那么智慧水務(wù)，其實(shí)可以認(rèn)為是以物聯(lián)網(wǎng)和大數(shù)據(jù)技術(shù)為支撐的運(yùn)營(yíng)模式。對(duì)于智慧水務(wù)的落地。邦程為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

    所述模塊包文件為通過java語言編寫的java代碼形成的jar包，每一獨(dú)有形成的jar包可能用于實(shí)現(xiàn)某一功能或者應(yīng)用。通過源工程獲取的資源文件，可以為html，js，css，img文件中的一種或兩種及以上的組合，例如通過java語言實(shí)現(xiàn)的jar，在jar包內(nèi)可包括其對(duì)應(yīng)的資源文件，可通過封裝的形式形成所述前端模塊，其它類型的資源文件可以為根據(jù)具體代碼封裝生成。本發(fā)明實(shí)施例的一種具體的實(shí)施場(chǎng)景中，所述前端資源文件還包括根據(jù)開發(fā)需求形成的資源文件，根據(jù)具體的開發(fā)需求可以實(shí)現(xiàn)資源文件的定制，進(jìn)一步還可以實(shí)現(xiàn)對(duì)資源文件的平臺(tái)共享。在步驟120中，對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，其中，所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置；在步驟110中生成的前端模塊為基礎(chǔ)的客戶端模塊，其所形成的模塊中至少應(yīng)包括靜態(tài)資源目錄和工程化相關(guān)文件，對(duì)靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的具體配置即為對(duì)所述前端模塊進(jìn)行的定義。所述工程化相關(guān)文件為通過本發(fā)明的方法搭建的前端開發(fā)環(huán)境中，在開發(fā)過程中的工程所使用的工程化相關(guān)文件，其包括但不限于預(yù)編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。透過龐大的全球性商務(wù)網(wǎng)絡(luò)，面對(duì)面地向企業(yè)客戶提供全方面、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案。貴州智能化技術(shù)搭建有哪些

無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、為客戶提供一站式品牌策劃、創(chuàng)意設(shè)計(jì)、開發(fā)及托管等服務(wù)。廣西營(yíng)銷技術(shù)搭建優(yōu)勢(shì)

    所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對(duì)應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生，所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補(bǔ)充，亦可為互為包含，通過根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系，能夠避免封裝后的前端模塊在配置時(shí)出現(xiàn)依賴偏差。本發(fā)明實(shí)施例的前端開發(fā)環(huán)境搭建完成后，通過讀取平臺(tái)配置文件獲取所需要的client模塊，按照配置文件中的順序依次加載對(duì)應(yīng)的各模塊，然后獲取到各模塊的靜態(tài)資源路徑，將該路徑通過執(zhí)行，這樣就實(shí)現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序。在平臺(tái)與client模塊開發(fā)過程中，還可以通過npmlink命令實(shí)現(xiàn)開發(fā)的工程組下內(nèi)部模塊協(xié)同開發(fā)的問題，防止頻繁的發(fā)布和裝載。通過本發(fā)明實(shí)施例搭建的前端開發(fā)環(huán)境，可以讓前端人員友好的控制及調(diào)試開發(fā)，不依賴任何后端服務(wù)、數(shù)據(jù)庫(kù)和中間件。本發(fā)明實(shí)施例一種可行的實(shí)施方式中，平臺(tái)提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標(biāo)準(zhǔn)、代碼規(guī)范，例如editorconfig：同化編輯器之前差異；eslint：模塊包文件所表示的代碼校驗(yàn)；prettier：美化代碼等。本發(fā)明實(shí)施例一種可行的實(shí)施方式中。廣西營(yíng)銷技術(shù)搭建優(yōu)勢(shì)

無錫邦程信息科技有限公司在同行業(yè)領(lǐng)域中，一直處在一個(gè)不斷銳意進(jìn)取，不斷制造創(chuàng)新的市場(chǎng)高度，多年以來致力于發(fā)展富有創(chuàng)新價(jià)值理念的產(chǎn)品標(biāo)準(zhǔn)，在江蘇省等地區(qū)的商務(wù)服務(wù)中始終保持良好的商業(yè)口碑，成績(jī)讓我們喜悅，但不會(huì)讓我們止步，殘酷的市場(chǎng)磨煉了我們堅(jiān)強(qiáng)不屈的意志，和諧溫馨的工作環(huán)境，富有營(yíng)養(yǎng)的公司土壤滋養(yǎng)著我們不斷開拓創(chuàng)新，勇于進(jìn)取的無限潛力，無錫邦程信息科技供應(yīng)攜手大家一起走向共同輝煌的未來，回首過去，我們不會(huì)因?yàn)槿〉昧艘稽c(diǎn)點(diǎn)成績(jī)而沾沾自喜，相反的是面對(duì)競(jìng)爭(zhēng)越來越激烈的市場(chǎng)氛圍，我們更要明確自己的不足，做好迎接新挑戰(zhàn)的準(zhǔn)備，要不畏困難，激流勇進(jìn)，以一個(gè)更嶄新的精神面貌迎接大家，共同走向輝煌回來！