標籤: 台北網頁設計公司

  • 詳解電動汽車無線充電技術

    詳解電動汽車無線充電技術

    Q1:無線充電有哪些方式?原理是什麼?  

      A:現在劃分的無線充電類型有好些種,比如感應式、共振式、微波傳輸式等等,不過總體來說,它們的基本原理都是一樣的,就是利用交變電磁場的電磁感應,來實現能量的無線傳輸。    感應式的無線電能傳輸算是目前比較成熟的技術,很多手機無線充電、甚至我們常見的電磁爐就是利用的這種原理。由於數碼設備空間小,接收線圈也小,加上充電設備功率小,所以通常充電的距離近(甚至需要與充電座接觸),不過相對電磁輻射也小。    共振式則是麻省理工目前在開發的一類充電技術,說起來也不複雜,他們利用電磁感應現象,加上共振的原理,能提升無線充電的效率。共振傳輸的距離比普通感應式更遠一些,而麻省理工目前正在進行小型化的研究——對於車長好幾米的電動車來說,這方面的技術壓力倒不是太大。    微波傳輸式此前更多出現在科幻電影或者小說裡面,實際上它也是無線電力傳輸的一個很好的方式,只不過受到發送功率等方面的限制,並未大規模實用化。微波傳輸的最大好處就是傳輸距離遠,甚至可以實現航天器與地面之間的能量傳輸,同時還可以實現定向傳輸(發射天線有方向性),未來前景值得期待。  

     

    Q2:無線充電的好處有哪些?

      A:無線充電的第一個好處就是不需要線,不必為了到處找充電線而費神。第二就是無線充電在硬體方面的標準更容易統一。  
    Q3:有待解決的問題有哪些?   A: 一、傳輸效率是所有無線充電都面臨的問題,對於電動車這樣充電功率更大的“電器”來說更是如此——電能首先轉換為無線電波,再由無線電波轉換成電能,這兩次轉換都會損失不少的能量。   二、電磁相容也是無線充電需要解決的技術瓶頸之一。電磁波很容易產生洩漏,當大功率的車用無線充電設備運行時,也會對周圍的生物和電子設備產生影響,甚至會危害人體健康。利用封閉的自動智慧化車庫安裝無線充電設備是解決電磁相容比較好的途徑,不過成本也確實不菲。   三、電氣標準等方面的問題。  
    Q4:有哪些典型案例呢?   A:從國外車企來看,特斯拉、沃爾沃、奧迪、寶馬、賓士等傳統汽車都已經開始研發或測試旗下電動車的無線充電系統。全球通訊以及IT界的新貴們也將“觸角”伸向了電動車無線充電的新領域。而在無線充電的規劃和靜態還是動態充電的選擇上,國內外車企則各有不同。  
    一、沃爾沃:利用道路進行無線充電  

      在瑞典,沃爾沃集團、瑞典電力公司 Alstom、瑞典能源局正在共同合作測試利用公路給電動汽車充電,通過將兩個電源線鋪設在公路上,電動車經過時便可獲得電力供應。這項技術的核心在於汽車得搭載集電器,集電器與公路上的電纜連線,利用直流電充電。汽車不必走在電纜的中央,但必須時速大於 60 公里。    沃爾沃已在瑞典的 H llered 測試中心建立了一條 1/4 英里長的軌道,用一輛卡車進行測試。未來,當電動汽車需要充電時,必須安裝無線發射器讓道路感知,然後經過加密信號啟動充電功能。由於對速度有要求,沃爾沃的這一充電系統適合在高速路上實行,如果未來成真,人們出遠門的時候就不用擔心電力問題。   利用公路地表進行無線充電很可能是未來的發展方向,相比地面上的設施,它的好處是不需要佔用地面空間,可減少建設、維護成本。汽車不需要停下來進行充電,可持續駕駛。   沃爾沃的這一舉措是為了給電動汽車打造一個良好的充電網路。不過它需要面對很多普及的問題,比如公路建設、設計問題、集電器、電動汽車的支持等。就像無人駕駛一樣,這是一個浩大的工程,短期內還難以實現。  
    二、高通:Halo的感應充電系統  

      在2015年4月22日的Formula E電動方程式錦標賽上,高通就展示了自己研發的Halo無線汽車充電技術。只要將車開到充電墊的正上方,當充電線圈對齊之後,電流便會開始輸送到汽車當中。如果汽車和墊子之間存在外來物體,系統還可自動暫停充電。   高通Halo的感應充電系統是個相對直接明瞭的構想:一個由兩個鐵氧體組成的變壓器,兩者的旁邊還各有一個電線線圈。一般來講,這兩個部分是連接在一起的。交流電會在第一個線圈中被轉換成磁場,隨後再被第二個線圈轉換成直流電。而高通Halo卻將兩個鐵氧體分離開來,並讓系統跨越空氣間隔實現最大功率傳輸。    Halo的無線充電器被放置在了車尾的位置,是一個比機上盒稍大一些的金屬盒子,並連接著幾條橙色的電線。至於另一半的充電器,就在汽車的下方。感應充電其實是可以作用於移動中的車輛的。Halo目前已經具備了半動態充電的能力,可在最高30mph的速度下進行電能傳輸。  
    三、日產無線充電汽車   日產魔方電動車採用了可在供電線圈和受電線圈之間提供電力的電磁感應方式。即將一個受電線圈裝置安裝在汽車的底盤上,將另一個供電線圈裝置安裝在地面,當電動汽車駛到供電線圈裝置上,受電線圈即可接受到供電線圈的電流,從而對電池進行充電。目前,這套裝置的額定輸出功率為 10kW,一般的電動汽車可在7-8小時內完成充電。    日本無線充電式混合動力巴士:電磁感應式,供電線圈是埋入充電台的混凝土中的。車開上充電台後,當車載線圈對準供電線圈後(重合),車內的儀錶板上有一個指示燈會亮,司機按一下充電按鈕,就開始充電。   
    三、中興:無線供電系統   中興通訊的無線供電系統是通過非接觸的電磁感應方式進行電力傳輸。當充電車輛在充電停車位停泊後,就能自動通過無線接入充電場的通信網路,建立起地面系統和車載系統的通信鏈路,並完成車輛鑒權和其他相關資訊交換。   充電位元也可以通過有線或者無線的方式和雲服務中心進行互聯。一旦出現充電和受電的任何隱患,地面充電模組將立即停止充電並報警,確保充電過程安全可靠。最重要的是,無線充電系統在車輛運行時完全不工作,即使車輛在上面駛過,或者在雷雨等惡劣天氣情況下,也能確保安全。  
    四、比亞迪:WAVE無線充電墊   比亞迪早在2005年12月就申請了非接觸感應式充電器專利。在2014年7月賣給猶他大學一輛40英尺的純電動巴士,這款巴士就裝配著最新的WAVE無線充電墊。  
    五、奧迪:可升降的無線充電系統   奧迪的可升降的無線充電系統最大的特點就是可讓供電線圈更靠近車輛底部的受電線圈,實現了超過90%的電力傳輸效率。這種方式能讓一些高底盤的SUV在充電時保證更好的充電效率。奧迪的無線充電技術僅需要使用者將停車位元元上安置一塊配置線圈和逆變器(AC/AC)充電板,並連接至電網,當車輛停在電板上時,充電過程會自動開啟。   這種充電的原理是充電板內的交變磁場將3.3千瓦的交變電流感應至集成在車內次級線圈的空氣層中,實現電網電流逆向並輸入到車輛的充電系統中。當電池組充滿電時,充電將自動中止。感應式無線充電所需的充電時間與電纜充電所需的充電時間大致相同,且用戶可以隨時中斷充電並使用車輛。   奧迪的無線充電技術效率超過90%,不受譬如雨雪或結冰等天氣因素的影響。同時,交變磁場只有當車輛在充電板上方時才會產生,且不對人體或動物構成傷害。未來利用感應線圈的充電原理,奧迪電動汽車不僅可以在駛入車位後自動開始充電,甚至可以在設有感應線圈的公路上,一邊行駛一邊充電。  
    六、特斯拉   在19世紀90年代,尼古拉•特斯拉發明瞭“特斯拉線圈”,能夠通過空氣傳播電力,開啟了無線式電力傳播的時代。在“2011年國際消費電子展”上,美國安利公司旗下子公司富爾頓創新公司展示了無線充電技術,並推出了世界上第一輛無線充電的特斯拉汽車。目前,特斯拉希望能在各個大城市中建立起一張張相互連接的充電網,以解決電動車很容易出現的電力不足問題。   (圖片來源:EEPW)

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

    網頁設計公司推薦更多不同的設計風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

  • 北汽與Amber Dual合資逾2億人民幣 建馬來西亞電動車工廠

    據馬來西亞媒體5月19日報導,北汽集團近日在其北京工廠與Amber Dual有限公司簽訂了合資協議,雙方將投資2-3億元人民幣,在馬來西亞吉打州建立一座新廠,並將耗資約5,000萬元人民幣用於研發,預計於明年7月份開始生產。   此馬來西亞廠將作為北汽在東南亞地區的電動車生產中心。北汽為該工廠設定的電動車年產量目標為2,000到3,000輛,此後將逐漸遞增。

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※想知道網站建置網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計後台網頁設計

    ※不管是台北網頁設計公司台中網頁設計公司,全省皆有專員為您服務

    ※Google地圖已可更新顯示潭子電動車充電站設置地點!!

    ※帶您來看台北網站建置台北網頁設計,各種案例分享

    ※別再煩惱如何寫文案,掌握八大原則!

  • 前端進階筆記之核心基礎知識—那些HTML標籤你熟悉嗎?

    前端進階筆記之核心基礎知識—那些HTML標籤你熟悉嗎?

    目錄

    • 1、交互實現
      • 1.1 meta標籤:自動刷新/跳轉
      • 1.2 title標籤:消息提醒
    • 2、性能優化
      • 2.1 script標籤:調整加載順序提升渲染速度
      • 2.2 link標籤:通過預處理提升渲染速度
    • 3、搜索優化
      • 3.1 meta標籤:提取關鍵信息
      • 3.2 link標籤:減少重複
      • 3.3 延伸內容:OGP(開放圖表協議)
    • 總結

    提到HTML標籤,我們會非常熟悉,開發中經常使用。但我們往往關注更多的是頁面渲染效果及交互邏輯,也就是對用戶可見可操作的部分,比如表單、菜單欄、列表、圖文等。其實還有一些非常重要卻容易忽視的標籤,這些標籤大多數用在頁面頭部head標籤內,雖然對用戶不可見,但如果在某些場景下,比如交互實現、性能優化、搜索優化,合理利用它們可以讓我們在開發中達到事半功倍的效果。

    1、交互實現

    在實現一個功能的時候,我們編寫的代碼越多,不僅開發成本越高,而且代碼的健壯性也越差。因此我們在開發中提倡編碼簡約原則:Less code, less bug

    1.1 meta標籤:自動刷新/跳轉

    meta標籤妙用場景一:假如每隔一分鐘就需要刷新頁面,這個時候就可以用到meta標籤:

    <meta http-equiv="Refresh" content="60">
    

    meta標籤妙用場景二:假如想讓某個頁面在對用戶展示一段時間后,然後跳轉到其他頁面去,也可用到meta標籤:

    <meta http-equiv="Refresh" content="5; URL=page2.html">
    

    上面這行代碼的意思是當前頁面展示5s之後,跳轉到page2.html頁面去。

    1.2 title標籤:消息提醒

    B/S架構有很多優點,比如版本更新方便、跨平台、跨終端,但在處理某些場景時,比如即時通信時,會變得有點麻煩。

    因為前後端通信深度依賴HTTP協議,而HTTP協議採用“請求-響應”模式,這就決定了服務端也只能被動地發送數據。一種低效的解決方案是客戶端通過輪詢機制獲取最新消息(HTML5下可使用WebSocket協議)。

    另外在HTML5標準發布之前,瀏覽器沒有開放圖標閃爍、彈出系統消息之類的接口,因此消息提醒功能實現比較困難。但是我們可以通過修改title標籤來達到類似的效果(HTML5下可使用Web Notifications API彈出系統消息)。

    下面這段代碼,通過定時修改title標籤內容,模擬了類似消息提醒的閃爍效果:

    let msgNum = 1 // 消息條數
    let cnt = 0 // 計數器
    const inerval = setInterval(() => {
      cnt = (cnt + 1) % 2
      if(msgNum===0) {
        // 通過DOM修改title
        document.title += `聊天頁面`
        clearInterval(interval)
        return
      }
      const prefix = cnt % 2 ? `新消息(${msgNum})` : ''
      document.title = `${prefix}聊天頁面`
    }, 1000)
    

    實現效果如下圖所示,可以看到title標籤名稱上有提示文字在閃爍。

    通過模擬消息閃爍,可以讓用戶在瀏覽其他頁面的時候,及時得知服務端返回的消息。

    通過定時修改title標籤內容,除了用來實現閃爍效果之外,還可以製作其他動畫效果,比如文字滾動,但需要注意瀏覽器會對title標籤文本進行去空格操作;還可以將一些關鍵信息显示到標籤上(比如下載時的進度、當前操作步驟),從而提升用戶體驗。

    2、性能優化

    性能優化是前端開發中避不開的問題,性能問題無外乎兩方面原因:渲染速度慢請求時間長。性能優化雖然涉及很多複雜的原因和解決方案,但其實只要通過合理地使用標籤,就可以在一定程度上提升渲染速度,以及減少請求時間。

    2.1 script標籤:調整加載順序提升渲染速度

    由於瀏覽器的底層運行機制,一般情況下,渲染引擎在解析HTML時從上往下執行,若遇到script標籤引用文件,則會暫停解析過程,同時通知網絡線程加載引用文件。
    文件加載完成后,再切換至JavaScript引擎來執行對應代碼,代碼執行完成之後,再切換至渲染引擎繼續渲染頁面。
    即默認情況下,加載HTML的過程主要有四個步驟:

    • 從上往下解析HTML;
    • 碰到script標籤引用文件,暫停解析,同時通知網絡線程加載引用文件;
    • 文件加載完成,切換至JavaScript引擎來執行對應代碼;
    • 代碼執行完成后,再切換至渲染頁面,繼續渲染HTML。

    從這一過程可以看出,頁面渲染過程包含了請求文件以及執行文件的時間,但頁面的首次渲染可能並不依賴這些文件。這些請求和執行文件的動作反而延長了用戶看到頁面的時間,從而降低了用戶體驗。

    為了減少這些時間損耗,可以藉助script標籤的三個屬性來實現:

    • async屬性:立即請求文件,但不阻塞渲染引擎,而是文件加載完成后,再阻塞渲染引擎並立即執行文件內容。
    • defer屬性:立即請求文件,但不阻塞渲染引擎,等到解析完HTML之後再執行文件內容。
    • HTML5標準type屬性,對應值為“module”:讓瀏覽器按照ECMA Script6標準將文件當作模塊進行解析,默認阻塞效果同defer,也可以配合async在請求完成后立即執行。

    通過對比,我們看出,設置defer和type=”module”最推薦,都是在HTML渲染完成后才執行script引用的文件代碼。
    效果圖比較見下面:

    另外注意,當渲染引擎解析HTML遇到script標籤引入文件時,會立即進行一次渲染。

    所以這也就是為什麼構建工具會把編譯好的引用JavaScript代碼的script標籤放入到body標籤底部。因為當渲染引擎執行到body底部時,會先將已解析的內容渲染出來,然後再去請求相應的JavaScript文件。

    如果是內聯腳本(即不通過src屬性引用外部腳本文件直接在HTML中編寫JavaScript代碼的形式),渲染引擎則不會渲染,先執行腳本代碼再渲染頁面。

    我們可以來做個試驗驗證下,第一個測試:在HTML頁面中間引用外部js文件

    <!DOCTYPE html>
    <html lang="en">
        <head><meta charset="UTF-8"><title>引用js腳本</title></head>
        <body>
            <br/><br/><br/><br/><br/>
            <h3>古人學問無遺力,少壯工夫老始成;</h3>
            <script type="text/javascript" src="./test.js"></script>
            <h3>紙上得來終覺淺,絕知此事要躬行。</h3>
        </body>
    </html>
    

    引用外部js腳本test.js:alert('男兒何不帶吳鈎,收取關山五十州');
    效果圖:

    第二個測試:在HTML頁面中間內聯js腳本

    <!DOCTYPE html>
    <html lang="en">
        <head><meta charset="UTF-8"><title>內聯js腳本</title></head>
        <body>
            <br/><br/><br/><br/><br/>
            <h3>古人學問無遺力,少壯工夫老始成;</h3>
            <script type="text/javascript">
                alert('男兒何不帶吳鈎,收取關山五十州');
            </script>
            <h3>紙上得來終覺淺,絕知此事要躬行。</h3>
        </body>
    </html>
    

    效果圖:

    2.2 link標籤:通過預處理提升渲染速度

    在大型單頁應用進行性能優化時,也許會用到按需賴加載的方式來加載對應的模塊。但是如果能合理利用link標籤的rel屬性值來進行預加載,就能進一步提升渲染速度。

    • dns-prefetch:當link標籤的rel屬性值為“dns-prefetch”時,瀏覽器會對某個域名預先進行dsn解析並緩存。這樣,當瀏覽器在請求同域名資源的時候,能省去從域名查詢IP的過程,從而減少時間損耗。下圖是淘寶網設置的dns預解析。
    • preconnect:讓瀏覽器在一個HTTP請求正式發給服務器前預先執行一些操作,這包括dns解析、TLS協商、TCP握手,通過消除往返延遲來為用戶節省時間。
    • prefetch/preload:兩個值都是讓瀏覽器預先下載並緩存某個資源,但不同的是,prefetch可能會在瀏覽器忙時被忽略,而preload則是一定會被預先下載。
    • prerender:瀏覽器不僅會加載資源,還會解析執行頁面,進行預渲染。

    這幾個屬性值恰好反映了瀏覽器獲取文件的過程,它們獲取文件的流程:

    1. 設置dns-prefetch, 然後判斷是否有對dns進行預解析。沒有則進行dns解析,有則執行下一步preconnect;
    2. 執行preconnect, 對ddns、TLS、TCP進行預連接,然後判斷是否已經TCP連接。沒有則進行TCP連接,有則執行下一步prefetch/preload;
    3. 執行prefetch/preload,加載資源文件。然後判斷資源文件是否已經預加載。沒有則進行http進行資源請求下載,有則進行下一步prerender;
    4. 執行prerender, 預渲染頁面。然後判斷預渲染是否成功。沒有預渲染成功則進行渲染,預渲染成功則呈現給用戶看。

    流程圖如下:

    3、搜索優化

    我們寫的前端代碼,除了要讓瀏覽器更好的執行,有時候也要考慮更方便其他程序(如搜索引擎)理解。合理地使用meta標籤和link標籤,恰好能讓搜索引擎更好的理解和收錄我們的頁面。

    3.1 meta標籤:提取關鍵信息

    通過meta標籤可以設置頁面的描述信息,從而讓搜索引擎更好的展示搜索結果。
    比如在百度中搜索“拉勾”,就會發現網站的描述,這些描述信息就是通過meta標籤專門為搜索引擎設置的,目的是方便用戶預覽搜索到的結果。
    為了讓搜索引擎更好的識別頁面,除了描述信息之外還可以使用關鍵字,這樣即使頁面其他地方沒有包含搜索內容,也可以被搜索到(當然搜索引擎有自己的權重和算法,如果濫用關鍵字是會被降權的,比如Google引擎會對堆砌大量相同關鍵詞的網頁進行懲罰,降低它被搜索的權重)。

    當我們搜索關鍵字“垂直互聯網招聘”的時候搜索結果會显示拉勾網的信息,雖然显示的搜索內容上並沒有看到“垂直互聯網招聘”字樣,實際上因為拉勾網頁面中設置了這個關鍵字。
    對應代碼如下:

    <meta content="拉勾,拉勾網,拉勾招聘,拉鈎, 拉鈎網 ,互聯網招聘,拉勾互聯網招聘, 移動互聯網招聘, 垂直互聯網招聘, 微信招聘, 微博招聘, 拉勾官網, 拉勾百科,跳槽, 高薪職位, 互聯網圈子, IT招聘, 職場招聘, 獵頭招聘,O2O招聘, LBS招聘, 社交招聘, 校園招聘, 校招,社會招聘,社招" name="keywords">
    

    3.2 link標籤:減少重複

    有時候為了用戶訪問方便或者出於歷史原因,對於同一個頁面會有多個網址,又或者在某些重定向頁面,比如:https://xx.com/a.html、 https://xx.com/detail?id=abcd,那麼在這些頁面中可以設置:<link href="https://xx.com/a.html" rel="canonical">這樣可以讓搜索引擎避免花費時間抓取重複網頁。不過需要注意的是,它還有個限制條件,那就是指向的網站不允許跨域。
    當然,要合併網址還有其他的方式,比如使用站點地圖,或者在http請求響應頭部添加rel=”canonical”。

    3.3 延伸內容:OGP(開放圖表協議)

    前面說的是HTML5標準的一些標籤和屬性,下面再延伸說一說基於meta標籤擴展屬性值實現的第三方協議—OGP(open graph protocal, 開放圖表協議)。

    OGP是Facebook公司在2010年提出的,目的是通過增加文檔信息來提升社交網頁在被分享時的預覽效果。你只需要在一些分享頁面中添加一些meta標籤及屬性,支持OGP協議的社交網站就會在解析頁面時生成豐富的預覽信息,比如站點名稱、網頁作者、預覽圖片。具體預覽效果會因各個網站而有所變化。

    下面是微信文章支持OGP協議的代碼,可以看到通過meta標籤屬性值聲明了:標題、網址、預覽圖片、描述信息、站點名稱、網頁類型和作者信息。

    總結

    本篇從交互實現、性能優化、搜索優化場景觸發,分別講解了meta標籤、title標籤、link標籤,一級script標籤在這些場景中的重要作用,希望這些內容你都能應用到工作場景中,不再只是了解,而是能夠熟練運用。
    最後在思考一下:你還知道哪些“看不見”的標籤及用法?

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

    網頁設計公司推薦更多不同的設計風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

  • 【Spring】內嵌Tomcat&去Xml&調試Mvc

    菜瓜:今天聽到個名詞“父子容器”,百度了一下,感覺概念有點空洞,這是什麼核武器?

    水稻:你說的是SpringMvc和Spring吧,其實只是一個概念而已,用來將兩個容器做隔離,起到解耦的作用,其中子容器可以拿到父容器的bean,父容器拿不到子容器的。但是SpringBoot出來之後這個概念基本就被淡化掉,沒有太大意義,SpringBoot中只有一個容器了。

    菜瓜:能不能給個demo?

    水稻:可以。由於現在SpringBoot已經大行其道,Mvc你可能接觸的少,甚至沒接觸過。

    • 早些年啟動一個Mvc項目費老鼻子勁了,要配置各種Xml文件(Web.xml,spring.xml,spring-dispather.xml),然後開發完的項目要打成War包發到Tomcat容器中
    • 現在可以直接引入Tomcat包,用main方法直接調起。為了調試方便,我就演示一個Pom引入Tomcat的例子
    • ①啟動類
    • package com.vip.qc.mvc;
      
      import org.apache.catalina.Context;
      import org.apache.catalina.LifecycleException;
      import org.apache.catalina.LifecycleListener;
      import org.apache.catalina.startup.Tomcat;
      import org.springframework.context.annotation.ComponentScan;
      import org.springframework.context.annotation.FilterType;
      import org.springframework.stereotype.Controller;
      import org.springframework.web.servlet.support.AbstractAnnotationConfigDispatcherServletInitializer;
      
      /**
       * 參考: * https://docs.spring.io/spring/docs/current/spring-framework-reference/web.html#mvc-servlet
       * <p>
       * 嵌入tomcat,由Tomcat發起對Spring容器的初始化調用過程
       * <p>
       * - 啟動過程
       * * - Servlet規範,Servlet容器在啟動之後會SPI加載META-INF/services目錄下的實現類並調用其onStartup方法
       * * - Spring遵循規範實現了ServletContainerInitializer接口。該接口在執行時會收集WebApplicationInitializer接口實現類並循環調用其onStartup方法
       * * - 其中AbstractDispatcherServletInitializer
       * * * - 將spring上下文放入ContextLoaderListener監聽器,該監聽會發起對refresh方法的調用
       * * * - 註冊dispatcherServlet,後續會由tomcat調用HttpServletBean的init方法,完成子容器的refresh調用
       * *
       *
       * @author QuCheng on 2020/6/28.
       */
      public class SpringWebStart {
      
          public static void main(String[] args) {
              Tomcat tomcat = new Tomcat();
              try {
                  // 此處需要取一個目錄
                  Context context = tomcat.addContext("/", System.getProperty("java.io.tmpdir"));
                  context.addLifecycleListener((LifecycleListener) Class.forName(tomcat.getHost().getConfigClass()).newInstance());
                  tomcat.setPort(8081);
                  tomcat.start();
                  tomcat.getServer().await();
              } catch (LifecycleException | ClassNotFoundException | IllegalAccessException | InstantiationException e) {
                  e.printStackTrace();
              }
          }
      
      
          static class MyWebApplicationInitializer extends AbstractAnnotationConfigDispatcherServletInitializer {
      
              private final static String PACKAGE_PATH = "com.vip.qc.mvc";
      
              @Override
              protected String[] getServletMappings() {
                  return new String[]{"/"};
              }
      
              @Override
              protected Class<?>[] getRootConfigClasses() {
                  // spring 父容器
                  return new Class[]{AppConfig.class};
              }
      
              @Override
              protected Class<?>[] getServletConfigClasses() {
                  // servlet 子容器
                  return new Class[]{ServletConfig.class};
              }
      
              @ComponentScan(value = PACKAGE_PATH,
                      excludeFilters = {
                              @ComponentScan.Filter(type = FilterType.ANNOTATION, classes = Controller.class),
                              // 避免掃描到加了註解(@Configuration)的子容器
                              @ComponentScan.Filter(type = FilterType.ASSIGNABLE_TYPE, classes = ServletConfig.class)})
              static class AppConfig {
              }
      
              @ComponentScan(value = PACKAGE_PATH)
              static class ServletConfig {
              }
          }
      }
    • ②Controller&Service
    • package com.vip.qc.mvc.controller;
      
      import com.vip.qc.mvc.service.ServiceChild;
      import org.springframework.beans.BeansException;
      import org.springframework.context.ApplicationContext;
      import org.springframework.context.ApplicationContextAware;
      import org.springframework.stereotype.Controller;
      import org.springframework.web.bind.annotation.RequestMapping;
      import org.springframework.web.bind.annotation.ResponseBody;
      
      import javax.annotation.Resource;
      
      /**
       * @author QuCheng on 2020/6/28.
       */
      @Controller
      public class ControllerT implements ApplicationContextAware {
      
          @Resource
          private ServiceChild child;
      
          @RequestMapping("/hello")
          @ResponseBody
          public String containter() {
              child.getParent();
              System.out.println("parentContainer");
              return "containter";
          }
      
          @Override
          public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
              System.out.println("子容器" + applicationContext);
              System.out.println("子容器中獲取父容器bean" + applicationContext.getBean(ServiceChild.class));
          }
      }
      
      
      package com.vip.qc.mvc.service;
      
      import com.vip.qc.mvc.controller.ControllerT;
      import org.springframework.beans.BeansException;
      import org.springframework.beans.factory.NoSuchBeanDefinitionException;
      import org.springframework.context.ApplicationContext;
      import org.springframework.context.ApplicationContextAware;
      import org.springframework.stereotype.Service;
      
      /**
       * @author QuCheng on 2020/6/28.
       */
      @Service
      public class ServiceChild implements ApplicationContextAware {
      
          //    @Resource
          private ControllerT controllerT;
      
          public void getParent() {
      
              System.out.println(controllerT);
          }
      
          @Override
          public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
              System.out.println("父容器" + applicationContext);
              try {
                  System.out.println("父容器中獲取子容器bean" + applicationContext.getBean(ControllerT.class));
              } catch (NoSuchBeanDefinitionException e) {
                  System.out.println("找不到子容器的bean");
              }
          }
      }

      // 調用
      SpringWebStart的main方法啟動-會有如下打印
      父容器Root WebApplicationContext, started on Sun Jun 28 22:03:52 CST 2020
      找不到子容器的bean
      子容器WebApplicationContext for namespace 'dispatcher-servlet', started on Sun Jun 28 22:03:58 CST 2020, parent: Root WebApplicationContext
      子容器中獲取父容器beancom.vip.qc.mvc.service.ServiceChild@4acfc43a
      
      
    • Demo比較簡單,不過也能反映父子容器的關係

    菜瓜:嗯,效果看到了,能不能講一下啟動過程

    水稻:稍等,我去下載源碼。上面代碼演示中已經提前說明了,父子容器的加載是Tomcat依據Servlet規範發起調用完成的

    • spring-web源碼包的/META-INF中能找到SPI的實際加載類SpringServletContainerInitializer#onStartup()方法會搜集實現WebApplicationInitializer接口的類,並調用其onStartup方法
    • 上面MyWebApplicationInitializer啟動類是WebApplicationInitializer的子類,未實現onStartup,實際調用的是其抽象父類AbstractDispatcherServletInitializer的方法。跟進去 
    • @Override
      public void onStartup(ServletContext servletContext) throws ServletException {
         //① 創建Spring父容器上下文-對象放入ContextLoadListener,後續調起完成初始化,
         super.onStartup(servletContext);
         //② 創建DispatcherServlet對象,後續會由tomcat調用其init方法,完成子容器的初始化工作
         registerDispatcherServlet(servletContext);
      }
      
      // ①進來
      protected void registerContextLoaderListener(ServletContext servletContext) {
          // 此處會回調我們啟動類的getRootConfigClasses()方法 - 父容器配置
          WebApplicationContext rootAppContext = createRootApplicationContext();
          if (rootAppContext != null) {
              ContextLoaderListener listener = new ContextLoaderListener(rootAppContext);
              istener.setContextInitializers(getRootApplicationContextInitializers());
              servletContext.addListener(listener);
          }
          else {
              logger.debug("No ContextLoaderListener registered, as " +
                    "createRootApplicationContext() did not return an application context");
          }
      }
      
      // ②進來
      protected void registerDispatcherServlet(ServletContext servletContext) {
              。。。
          // 此處會回調我們啟動類的getServletConfigClasses()方法 - 子容器配置
          WebApplicationContext servletAppContext = createServletApplicationContext();
              。。。
          // 初始化的dispatcherServlet,會加入Tomcat容器中-後續調用
          // FrameworkServlet#initServletBean()會完成上下文初始化工作
          FrameworkServlet dispatcherServlet = createDispatcherServlet(servletAppContext);
              。。。
      }

    菜瓜:這樣容器就可以用了嗎?

    水稻:是的,這樣就可以直接在瀏覽器上面訪問http://localhost:8081/hello,不過這是一個最簡陋的web項目

    菜瓜:懂了,最簡陋是什麼意思

    水稻:如果我們想加一些常見的Web功能,譬如說攔截器,過濾器啥的。可以通過@EnableWebMvc註解自定義一些功能

    • package com.vip.qc.mvc;
      
      import com.vip.qc.mvc.interceptor.MyInterceptor1;
      import com.vip.qc.mvc.interceptor.MyInterceptor2;
      import org.springframework.context.annotation.Configuration;
      import org.springframework.web.servlet.config.annotation.EnableWebMvc;
      import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
      import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
      
      import javax.annotation.Resource;
      
      /**
       * @author QuCheng on 2020/6/28.
       */
      @Configuration
      @EnableWebMvc
      public class WebMvcConfig implements WebMvcConfigurer {
      
          @Resource
          private MyInterceptor1 interceptor1;
          @Resource
          private MyInterceptor2 interceptor2;
      
          @Override
          public void addInterceptors(InterceptorRegistry registry) {
              registry.addInterceptor(interceptor1).addPathPatterns("/interceptor/**");
              registry.addInterceptor(interceptor2).addPathPatterns("/interceptor/**");
          }
      }
      
      
      
      package com.vip.qc.mvc.interceptor;
      
      import org.springframework.context.annotation.Configuration;
      import org.springframework.web.servlet.HandlerInterceptor;
      import org.springframework.web.servlet.ModelAndView;
      
      import javax.servlet.http.HttpServletRequest;
      import javax.servlet.http.HttpServletResponse;
      
      /**
       * @author QuCheng on 2020/6/28.
       */
      @Configuration
      public class MyInterceptor1 implements HandlerInterceptor {
      
          @Override
          public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
              System.out.println("嘻嘻 我是攔截器1 pre");
              return true;
          }
      
          @Override
          public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
              System.out.println("嘻嘻 我是攔截器1 post");
          }
      
          @Override
          public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
              System.out.println("嘻嘻 我是攔截器1 after");
          }
      }
      
      
      package com.vip.qc.mvc.interceptor;
      
      import org.springframework.context.annotation.Configuration;
      import org.springframework.web.servlet.HandlerInterceptor;
      import org.springframework.web.servlet.ModelAndView;
      
      import javax.servlet.http.HttpServletRequest;
      import javax.servlet.http.HttpServletResponse;
      
      /**
       * @author QuCheng on 2020/6/28.
       */
      @Configuration
      public class MyInterceptor2 implements HandlerInterceptor {
      
          @Override
          public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
              System.out.println("嘻嘻 我是攔截器2 pre");
              return true;
          }
      
          @Override
          public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
              System.out.println("嘻嘻 我是攔截器2 post");
          }
      
          @Override
          public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
              System.out.println("嘻嘻 我是攔截器2 after");
          }
      
      } 

    菜瓜:我知道,這裏還有個Mvc請求調用流程和這個攔截器有關。而且這個攔截器不是MethodInterceptor(切面)

    水稻:沒錯,說到這裏順便複習一下Mvc的請求過程

    • 請求最開始都是通過Tomcat容器轉發過來的,調用鏈:HttpServlet#service() -> FrameworkServlet#processRequest() -> DispatcherServlet#doDispather()
    •  1 protected void doDispatch(HttpServletRequest request, HttpServletResponse response) throws Exception {
       2     。。。
       3   processedRequest = checkMultipart(request);
       4   multipartRequestParsed = (processedRequest != request);
       5   // 1.返回一個持有methodHandler(按照URL匹配得出的被調用bean對象以及目標方法)調用鏈(攔截器鏈)對象
       6   mappedHandler = getHandler(processedRequest);
       7   。。。
       8   // 2.按照我們現在寫代碼的方式,只會用到HandlerMethod,其他三種基本不會用
       9   HandlerAdapter ha = getHandlerAdapter(mappedHandler.getHandler());
      10   。。。
      11   // 3.前置過濾器 - 順序調用
      12   if (!mappedHandler.applyPreHandle(processedRequest, response)) {
      13       return;
      14   }
      15   // 4.Actually invoke the handler.
      16   mv = ha.handle(processedRequest, response, mappedHandler.getHandler());
      17   。。。
      18     applyDefaultViewName(processedRequest, mv);
      19   // 5.後置過濾器 - 逆序調用
      20   mappedHandler.applyPostHandle(processedRequest, response, mv);
      21   。。。
      22   // 6.處理試圖 - 內部render
      23   processDispatchResult(processedRequest, response, mappedHandler, mv, dispatchException);
      24   }
      25   catch (Exception ex) {
      26      // 異常處理
      27      triggerAfterCompletion(processedRequest, response, mappedHandler, ex);
      28   }
      29       // 異常處理
      30   catch (Throwable err) {
      31      triggerAfterCompletion(processedRequest, response, mappedHandler,
      32                     new NestedServletException("Handler processing failed", err));
      33   }
      34     。。。

       

     菜瓜:這個之前看過不少,百度一大堆,不過還是源碼親切

     

    總結:

    • 目前基本互聯網項目都是SpringBoot起手了,再難遇到SpringMvc的項目,不過熟悉該流程有利於我們更加深刻的理解Ioc容器
    • Mvc攔截器鏈也是日常開發中會用到的功能,順便熟悉一下請求的執行過程

     

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※想知道網站建置網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計後台網頁設計

    ※不管是台北網頁設計公司台中網頁設計公司,全省皆有專員為您服務

    ※Google地圖已可更新顯示潭子電動車充電站設置地點!!

    ※帶您來看台北網站建置台北網頁設計,各種案例分享

    ※別再煩惱如何寫文案,掌握八大原則!

  • 湖北宜昌:對無接觸配送商品開展“千單抽查”

      中國消費者報武漢訊田力 記者吳采平)疫情當前,“線上下單+無接觸配送”的方式為消費者解決了“採購難”,“線上買的食材質量會不會不好”等問題。近日,湖北省宜昌市市場監管局對無接觸配送商品進行了“千單抽查”,不打招呼、不發通知、直奔現場。

      近日,湖北省宜昌市伍家崗區市場監管局執法人員譚玄仙來到北山超市九安城店,對待送區的100餘單已打包商品進行了隨機抽查。結果显示,每筆訂單配有“消費明白卡”,且打包袋內的每種商品計量準確、質量合格、價格在合理範圍。

      根據宜昌市新冠肺炎疫情防控指揮部安排,宜昌市市場監管局於日前啟動無接觸配送商品“千單抽查”行動,要求執法人員於次日內對宜昌市參与保障供應的農貿市場、超市和藥店的配送商品進行監督抽查。各地市場監管部門迅速成立檢查組,採取不打招呼、不發通知、直奔現場的方式,開展隨機抽查,重點查看各經營單位是否存在亂漲價、短斤少兩、假冒偽劣和強買強賣等違法行為。

      檢查內容包括有無亂漲價情況。查看檢查當日商品銷售價與進貨價之間的差率是否超過1月19日售價差率標準;有無短斤少兩情況。執法人員攜帶稱重衡器,進行凈含量現場檢測;有無假冒偽劣情況。執法人員通過檢查商品的感官質量、標籤標識,查看是否“山寨”食品或“三無”食品,是否臨近或超過保質期;有無強買強賣情況。是否存在套餐搭配不合理,或者強行配售其他無關商品。

      抽查結果显示,截至當日下午4時,宜昌市市場監管系統共監督抽查無接觸配送商品1114單,其中食品類993單、藥品類121單。發現亂漲價行為3起,未發現短斤少兩、假冒偽劣和強買強賣等違法行為。目前,執法人員已責令相關經營單位立即整改,並將對其整改情況進行回頭看。

      宜昌市市場監管局提醒廣大消費者,若有發現違法行為,應撥打“12315”熱線舉報投訴。圖為執法人員對配送商品進行復秤抽查

    責任編輯:邊靜

    本站聲明:網站內容來源再生能源資訊網http://www.ccn.com.cn/,如有侵權請聯繫我們,我們將及時處理

    【其他文章推薦】

    台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

    網頁設計公司推薦更多不同的設計風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

  • 江蘇省消保委多措並舉 助力消費者提升免“疫”力

      中國消費者報報道史曄 記者薛慶元)眾志成城,共克時艱。一場來勢洶洶的新冠肺炎疫情牽動着每個消費者的心。面對嚴峻的疫情,江蘇省消費者權益保護委員會堅守“疫”線,及時開展消費宣傳引導,努力化解消費糾紛,督促經營者履行責任,儘力護衛消費者權益,用心守護消費環境穩定和民生消費安全。

      受理消費投訴5548件

      疫情期間,口罩一夜之間成了“搶手貨”。據了解,1月24日至2月9日,江蘇全省消保委系統共計受理消費維權投訴5548件,投訴類型分析,商品類投訴3468件,服務類2080件,分別佔比62.51%、37.49%。受疫情影響,線上機票、酒店、旅遊行程退訂,線下口罩、消毒防護用品購買,餐飲退訂等成為消費熱點,網購產品發貨、售後也成關注點。其中,口罩、消毒液、手套等衛生防護用品需求和投訴激增,口罩類投訴1965件,佔總投訴量35.42%,主要問題為發貨延遲、價格上漲、假冒偽劣等方面。

      2月5日,泰興市消費者錢先生通過微信購買口罩50隻,后發現所購口罩無廠名、廠址、合格證,遂向當地消費者組織進行投訴維權。泰興市消費者協會接訴后,詳細向售賣人了解口罩進貨渠道及相關程序手續,售賣人均無法回答,為防止春節期間劣質口罩流入市場,工作人員現場調解售賣人為消費者辦理退款並進行賠償,同時將售賣人基本信息和售賣情況向執法部門書面發出“行政處罰建議函”。

      發出倡議共抗疫情

      面對疫情蔓延的嚴峻形勢和投訴激增的趨勢,江蘇省消保委堅決做到“有訴必接、速查速回”,全力維護消費者權益。針對涉嫌違法的藥店、生產銷售各類劣質口罩、哄抬物價等行為,江蘇省各市消保委組織紛紛發出相關倡議,呼籲經營者尊重市場規律前提下,自覺履行法定義務,助力消費者提升“免疫力”,最大限度保障消費者權益。

      非常時期,人民齊心抗疫。南京市消協系統自除夕起安排了專人值班,全市消協系統(含分會)共有276人在崗工作,全市消協系統受理投訴主要集中在防疫用品的質量和價格、物流問題、旅遊產品等方面;連雲港市消保委成立“疫情期間消費投訴工作應急小組”,執行涉疫投訴“日報告”制度,要求各縣區及時上報涉疫消費投訴動態及處理結果,建立旅遊、商超企業等微信工作群,指導企業依法依規积極快速處理好涉疫投訴,與有關部門密切配合,對農貿市場、藥店和商超進行排查,嚴控商品價格,嚴處哄抬物價…….

      阻擊、保障兩手抓

      奮力戰“疫”,江蘇省各級消保委組織保障民生實招頻出。南通市各級消協工作人員積极參与市場監管部門對轄區內農貿市場、活禽銷售點、大小型餐飲、藥店開的防疫檢查,避免群體聚集,堅決防止疫情蔓延;鎮江丹陽市通過發放《價格政策提醒函》、《禁止野生動物交易告知書》、《餐飲行業防控措施告知書》等,加強法規宣傳和政策引導,督促經營者自律; 無錫市消保委全體人員參与農貿市場巡查督導工作……

      今年年初,楊女士從境外旅遊回南京,回程前2天偶然得知其乘坐聯程航班兩段均被取消,其本人在航司官網、預定頁面均未發現訂單更改信息,也未收到任何通知及後續措施,撥打客服電話显示無法接通狀態,聯繫無果下投訴至消保委。當地消保委接訴后與航空公司聯繫,及時安排工作人員與消費者聯繫,為消費者更改航班,保障了消費者順利返程。

      此外,江蘇省消保委牢牢守住百姓“菜籃子”,揭穿各種謠言,真切做到抓好民生保障,又嚴格做好疫情防控,保障市場秩序穩定有序,築起疫情防控銅牆鐵壁。

      生命重於泰山。江蘇省消保委深刻認識做好疫情防控的重要性和緊迫性,圍繞群眾消費熱點,咬定戰“疫”不鬆勁,多措並舉解民憂、排民難,以對人民高度負責的態度,把疫情防控工作作為當前最重要的工作來抓,全力以赴打好打贏疫情防控這場阻擊戰。

    責任編輯:邊靜

    本站聲明:網站內容來源再生能源資訊網http://www.ccn.com.cn/,如有侵權請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※想知道網站建置網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計後台網頁設計

    ※不管是台北網頁設計公司台中網頁設計公司,全省皆有專員為您服務

    ※Google地圖已可更新顯示潭子電動車充電站設置地點!!

    ※帶您來看台北網站建置台北網頁設計,各種案例分享

    ※別再煩惱如何寫文案,掌握八大原則!

  • 特斯拉要求員工 4/29 復工,加州工廠可能提前恢復生產

    特斯拉要求員工 4/29 復工,加州工廠可能提前恢復生產

    特斯拉已通知部分員工,要求 4 月 29 日重返工作崗位,雖然加州超級工廠所在地的公共衛生部門還沒有公告解除和放鬆居家隔離。特斯拉要求員工提前復工是為了 5 月 3 日前準備好恢復生產。

    特斯拉加州超級工廠所在地 Fremont 的公共衛生部門仍然沒有解除居家隔離,超級工廠屬於非必要生產製造工廠,僅可維持最基本營運,生產線處於停產狀態。特斯拉計劃在 5 月 4 日恢復生產,但在正式復工前主管已通知部分員工,要求 4 月 29 日到工廠報到,主要是沖壓、油漆業務員工。特斯拉沒有透露提前復工的員工數量。

    Fremont 所屬 Alameda 郡新聞發言人 Ray Kelly 表示,目前居家隔離沒有任何調整,預期 5 月 3 日前公共衛生部門會說明,可能延長、放鬆或完全解除。

    特斯拉加州工廠在 3 月 19 日接到政府部門通知,必須停止生產,特斯拉沒有第一時間配合政府部門調整生產線,繼續生產了 5 天,法務團隊也持續與政府部門溝通,特斯拉認為電動車生產屬於必要業務,不能因居家隔離停產,同時為員工提供必要的健康保障措施。停產前特斯拉會測量進入工廠的員工體溫,並向部分員工發放口罩。

    政府部門強制要求停工後,特斯拉通知所有員工,除必要工作外,所有員工在家上班,部分無法在家工作的員工列為休假,降低員工薪水,並停止與外部承包商臨時性員工合作。

    儘管員工對復工非常期待,但工廠環境和作業方式將使降低傳染變得困難。截至 4 月 26 日,Alameda 郡共報告 1,468 例武漢肺炎病例,52 例死亡,特斯拉工廠大部分員工都住在這區。

    選擇在 4 月 29 日部分員工提前復工,對特斯拉意義不僅是工廠恢復營運,也是 4 月 29 日發表第一季財報的日子,投資者會很樂見工廠恢復生產。加州超級工廠生產 Model Y、Model 3、Model X、Model S 電動車,據 Credit Suisse 的分析師估計,關閉後特斯拉每週至少虧損 3 億美元。

    關於汽車製造公司何時恢復營運、保障員工安全仍有許多爭議,豐田、Volkswagen、Hyundai 等汽車廠商都計劃 5 月初恢復生產,但汽車工人聯合會代表認為,過早恢復生產對員工非常危險。

    (合作媒體:。首圖來源:)

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

    網頁設計公司推薦更多不同的設計風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

  • 急轉彎!特斯拉取消提前復工,股價由漲轉跌

    急轉彎!特斯拉取消提前復工,股價由漲轉跌

    先前消息傳出,電動車大廠特斯拉(Tesla)要求員工於 29 日返回工作崗位,以便讓加州佛利蒙(Fremont)組裝廠恢復生產。但隨著該廠所在的舊金山灣區六郡宣佈延長居家禁令,特斯拉政策急轉彎,已通知員工無需提前復工。

    CNBC 報導,根據特斯拉的內部信件,24 日和週末,特斯拉管理層要求數十名員工於 29 日重返工作崗位,讓佛利蒙廠產線重啟運作。不過,由於舊金山灣區六郡(舊金山、聖克拉拉、聖馬刁、馬林、康特拉哥斯,以及佛利蒙廠所在的阿拉米達郡)27 日宣佈,將「就地避難」(shelter-in-place)令的期限由 5 月 4 日延長至 5 月底,特斯拉隨後也取消本週的復工計畫。

    特斯拉人力資源部週一發送內部訊息向員工表示:「按照執行領導團隊的指示,我們將不會在 4 月 29 日星期三恢復工作。請忽略關於本週復工的所有訊息和指示。」

    報導指出,特斯拉佛利蒙廠生產 Model S 和 Model X 車型,以及較新的 Model 3 和 Model Y 車型,銷往北美和歐洲市場。位於中國上海的組裝廠,先前也因疫情短暫關閉約兩週,但在當地政府的協助下迅速恢復運作,目前每週營運 6 天。

    在佛利蒙廠有望提前復工的利多消息帶動下,27 日特斯拉股價大漲 10.15% 收 798.75 美元,但取消復工的消息公佈後,盤後股價挫跌 2.10% 至 782.00 美元。今年以來,特斯拉股價累計飆漲 90.98%。

    《華爾街日報》先前報導,根據特斯拉 4 月 2 日資料,2020 年第一季交車數達 88,400 輛,較去年同期成長 40%,雖然疫情導致整體車市市況不振,但特斯拉仍維持原先銷售目標。

    今年初,特斯拉執行長馬斯克(Elon Musk)預估,特斯拉今年電動車銷量將維持強勁成長,比去年至少成長 36%,全球總交車數可望「輕鬆突破」(comfortably exceed)50 萬輛。

    特斯拉預計 29 日發表 2020 年第一季財報。

    (本文內文由  授權使用;首圖來源: CC BY 2.0)

    延伸閱讀:

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※想知道網站建置網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計後台網頁設計

    ※不管是台北網頁設計公司台中網頁設計公司,全省皆有專員為您服務

    ※Google地圖已可更新顯示潭子電動車充電站設置地點!!

    ※帶您來看台北網站建置台北網頁設計,各種案例分享

    ※別再煩惱如何寫文案,掌握八大原則!

  • 如何在 asp.net core 3.x 的 startup.cs 文件中獲取注入的服務

    如何在 asp.net core 3.x 的 startup.cs 文件中獲取注入的服務

    一、前言

    從 18 年開始接觸 .NET Core 開始,在私底下、工作中也開始慢慢從傳統的 mvc 前後端一把梭,開始轉向 web api + vue,之前自己有個半成品的 asp.net core 2.2 的項目模板,最近幾個月的時間,私下除了學習 Angular 也在對這個模板基於 asp.net core 3.1 進行慢慢補齊功能

    因為涉及到底層框架大版本升級,由於某些 breaking changes 必定會造成之前的某些寫法沒辦法繼續使用,趁着端午節假期,在改造模板時,發現沒辦法通過構造函數注入的形式在 Startup 文件中注入某些我需要的服務了,因此本篇文章主要介紹如何在 asp.net core 3.x 的 startup 文件中獲取注入的服務

    二、Step by Step

    2.1、問題案例

    這個問題的發現源於我需要改造模型驗證失敗時返回的錯誤信息,如果你有嘗試的話,在 3.x 版本中你會發現在 Startup 類中,我們沒辦法通過構造函數注入的方式再注入任何其它的服務了,這裏僅以我的代碼中需要解決的這個問題作為案例

    在定義接口時,為了降低後期調整的複雜度,在接收參數時,一般會將參數包裝成一個 dto 對象(data transfer object – 數據傳輸對象),不管是提交數據,還是查詢數據,對於這個 dto 中的某些屬性,都會存在一定的卡控,例如 xxx 字段不能為空了,xxx 字段的長度不能超過 30

    而在 asp.net core 中,因為會自動進行模型驗證,當不符合 dto 中的屬性要求時,接口會自動返回錯誤信息,默認的返回信息如下圖所示

    可以看到,因為這裏其實是按照 rfc7231這個 RFC 協議返回的錯誤信息,這個並不符合我的要求,因此這裏我需要改寫這個返回的錯誤信息

    自定義 asp.net core 的模型驗證錯誤信息方法有很多種,我的實現方法如下,因為我需要記錄請求的標識 Id 和錯誤日誌,所以這裏我需要將 ILoggerIHttpContextAccessor 注入到 Startup 類中

    /// <summary>
    /// 修改模型驗證錯誤返回信息
    /// </summary>
    /// <param name="services">服務容器集合</param>
    /// <param name="logger">日誌記錄實例</param>
    /// <param name="httpContextAccessor"></param>
    /// <returns></returns>
    public static IServiceCollection AddCustomInvalidModelState(this IServiceCollection services,
        ILogger<Startup> logger, IHttpContextAccessor httpContextAccessor)
    {
        services.Configure<ApiBehaviorOptions>(options =>
        {
            options.InvalidModelStateResponseFactory = actionContext =>
            {
                // 獲取驗證不通過的字段信息
                //
                var errors = actionContext.ModelState.Where(e => e.Value.Errors.Count > 0)
                    .Select(e => new ApiErrorDto
                    {
                        Title = "請求參數不符合字段格式要求",
                        Message = e.Value.Errors.FirstOrDefault()?.ErrorMessage
                    }).ToList();
    
                var result = new ApiReturnDto<object>
                {
                    TraceId = httpContextAccessor.HttpContext.TraceIdentifier,
                    Status = false,
                    Error = errors
                };
    
                logger.LogError($"接口請求參數格式錯誤: {JsonConvert.SerializeObject(result)}");
    
                return new BadRequestObjectResult(result);
            };
        });
    
        return services;
    }
    

    在 asp.net core 2.x 版本中,你完全可以像在別的類中採用構造函數注入的方式一樣直接注入使用

    public class Startup
    {
        /// <summary>
        /// 日誌記錄實例
        /// </summary>
        private readonly ILogger<Startup> _logger;
    
        /// <summary>
        /// Http 請求實例
        /// </summary>
        private readonly IHttpContextAccessor _httpContextAccessor;
    
        /// <summary>
        /// ctor
        /// </summary>
        /// <param name="configuration"></param>
        /// <param name="logger"></param>
        /// <param name="httpContextAccessor"></param>
        public Startup(IConfiguration configuration, ILogger<Startup> logger, IHttpContextAccessor httpContextAccessor)
        {
            Configuration = configuration ?? throw new ArgumentNullException(nameof(configuration));
            _logger = logger ?? throw new ArgumentNullException(nameof(logger));
            _httpContextAccessor = httpContextAccessor ?? throw new ArgumentNullException(nameof(httpContextAccessor));
        }
    
        /// <summary>
        /// 配置實例
        /// </summary>
        public IConfiguration Configuration { get; }
    
        /// <summary>
        /// This method gets called by the runtime. Use this method to add services to the container.
        /// </summary>
        public void ConfigureServices(IServiceCollection services)
        {
            //注入的其它服務
    
            // 返回自定義的模型驗證錯誤信息
            services.AddCustomInvalidModelState(_logger, _httpContextAccessor);
        }
    }
    

    但是當你直接遷移到 asp.net core 3.x 版本后,你會發現程序會報如下的錯誤,很常見的一個依賴注入的錯誤,源頭直指我們通過構造函數注入的 ILoggerIHttpContextAccessor 接口

    2.2、解決方法

    根本原因

    通過查閱 stackoverflow 發現了這樣的一個問題:How do I write logs from within Startup.cs,在最高贊的回答中提到了在泛型主機(GenericHostBuilder)中,沒辦法注入除 IConfiguration 之外的任何服務到 Startup類中,而泛型主機則是在 asp.net core 3.0 中添加的功能

    查了下升級日誌,從中可以看到,在泛型主機中, Startup 類的構造函數注入只支持 IHostEnvironmentIWebHostEnvironmentIConfiguration ,嗯,不好好看別人文檔的鍋

    為什麼使用 WebHostBuilder可以,換成 GenericHostBuilder 就不行了呢

    按照正常的邏輯來說,對於一個 asp.net core 應用,原則上來說只有有一個根級(root)的依賴注入容器,但是因為我們在 Startup 類中通過構造函數注入的形式注入服務時,告訴程序了我需要這個服務的實例,從而導致在構建 WebHost 時存在了一個單獨的容器,並且這個容器只包含了我們需要使用到的服務信息,之後,因為會創建了一個包含完整服務的依賴注入容器,這裏就會存在一個服務哪怕是單例的也可能會存在註冊兩次的問題,這無疑有些不太合乎規範

    在推行泛型主機之後,嚴格控制了只會存在一個依賴注入容器,而所有的服務都是在 Startup.ConfigureServices 方法執行完成后才會註冊到依賴注入容器中,因此沒辦法像之前一樣在根容器註冊完成之前通過構造函數注入的形式使用

    解決方案

    如果你需要在 Startup.Configure 方法中使用自定義的服務,因為這裏已經完成了各種服務的註冊,和之前一樣,我們直接在方法簽名中包含需要使用到的服務即可

    public void Configure(IApplicationBuilder app, IHostEnvironment env, ILogger<Startup> logger)
    {
        logger.LogInformation("在 Configure 中使用自定義的服務");
    }
    

    如果你需要在 Startup.ConfigureServices 中使用的話,則需要換一種方法

    最簡單的方法,直接替換泛型主機為原來的 WebHostBuilder,這樣就可以直接在 Startup 類中注入各種服務接口了,不過,考慮到這一改動其實是在開倒車,所以這裏不推薦採用這種方法

    既然沒辦法正向通過依賴注入容器來自動創建我們需要的服務實例,是不是可以通過服務容器,手動去獲取我們需要的服務,也就是被稱為服務定位(Service Locator)的方式來獲取實例

    當然,這似乎與依賴注入的思想相左,對於依賴注入來說,我們將所有需要使用的服務定義好,在應用啟動前完成註冊,之後在使用時由依賴注入容器提供服務的實例即可,而服務定位則是我們已經知道存在這個服務了,從容器中獲取出來然後由自己手動的創建實例

    雖然服務定位是一種反模式,但是在某些情況下,我們又不得不採用

    這裏對於本篇文章開篇中需要解決的問題,我也是採用服務定位的方式,通過構建一個 ServiceProvider 之後,手動的從容器中獲取需要使用的服務實例,調整后的代碼如下

    /// <summary>
    /// 添加自定義模型驗證失敗時返回的錯誤信息
    /// </summary>
    /// <param name="services">服務容器集合</param>
    /// <returns></returns>
    public static IServiceCollection AddCustomInvalidModelState(this IServiceCollection services)
    {
        // 構建一個服務的提供程序
        var provider = services.BuildServiceProvider();
    
        // 獲取需要使用的服務實例
        //
        var logger = provider.GetRequiredService<ILogger<Startup>>();
        var httpContextAccessor = provider.GetRequiredService<IHttpContextAccessor>();
    
        services.Configure<ApiBehaviorOptions>(options =>
        {
            options.InvalidModelStateResponseFactory = actionContext =>
            {
                // 獲取失敗信息
                //
                var errors = actionContext.ModelState.Where(e => e.Value.Errors.Count > 0)
                    .Select(e => new ApiErrorMessageDto
                    {
                        Title = "Request parameters do not meet the field requirements",
                        Message = e.Value.Errors.FirstOrDefault()?.ErrorMessage
                    }).ToList();
    
                var result = new ApiResponseDto<object>
                {
                    TraceId = httpContextAccessor.HttpContext.TraceIdentifier,
                    Status = false,
                    Error = errors
                };
    
                logger.LogError($"接口請求參數格式錯誤: {JsonSerializer.Serialize(result)}");
    
                return new BadRequestObjectResult(result);
            };
        });
    
        return services;
    }
    

    對於配置一些需要基於某些服務的服務,這裏也可以通過委託的形式獲取到需要使用的服務實例,示例代碼如下

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddSingleton<IMyService>((container) =>
        {
            var logger = container.GetRequiredService<ILogger<MyService>>();
            return new MyService
            {
                Logger = logger
            };
        });
    }
    

    三、參考資料

    • ASP.NET Core 3.0 的新增功能

    • Generic Host restricts Startup constructor injection

    • 依賴注入模式

    • Avoiding Startup service injection in ASP.NET Core 3

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

    網頁設計公司推薦更多不同的設計風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

  • 上周熱點回顧(6.22-6.28)

    熱點隨筆:

    · 程序員敲代碼時耳機里聽的到底是什麼? (風的姿態)
    · CPU明明8個核,網卡為啥拚命折騰一號核? (軒轅之風)
    · 手把手教你基於SqlSugar4編寫一個可視化代碼生成器(生成實體,以SqlServer為例,文末附源碼) (熊澤-學習中的苦與樂)
    · 在運行時生成C# .NET類 (芝麻麻雀)
    · 因為我的一個低級錯誤,生產數據庫崩潰了將近半個小時 (鄙人薛某)
    · C# 人臉識別庫 (View12138)
    · 基於領域驅動設計(DDD)超輕量級快速開發架構 (阿新)
    · .Net Core 中GC的工作原理 (她微笑的臉)
    · 關於技術文章“標題黨”一事我想說兩句 (精緻碼農)
    · 【故障公告】阿里雲 RDS 實例 CPU 100% 故障引發全站無法正常訪問 (博客園團隊)
    · 思考:如何保證服務穩定性? (老_張)
    · 只看到了別人28歲從字節跳動退休,背後的期權知識你知道嗎? (四猿外)

    熱點新聞:

    · 瘋王,任正非!
    · VSCode彩虹屁插件:釘宮理惠,英雄聯盟版現已生成,你Pick哪一個?
    · 全國首創!廣東人坐火車就像坐地鐵一樣方便了:無需提前買票
    · 95后快遞小哥獲評“高層次人才”:杭州買房享受百萬元補貼
    · 二線手機廠商墜落簡史:鎚子、魅族、金立已成過客
    · 外賣員確診背後:年近50 每天接老婆下班 工作14小時
    · 歷時26年!中國終於有了自己的全球導航系統
    · 看!北斗三號最後一顆組網衛星在太空張開“翅膀” 畫面燃了
    · 攻克地獄級難度!川藏鐵路拉林段120座橋樑主體工程全部完工
    · 作家王小山控訴攜程欠錢不還:願意下跪懇請梁建章退租
    · 知乎熱議:替代Matlab的國產軟件出現 半年內實現Matlab功能的70%
    · 這個比QQ空間還古老的網站 是多少女孩的精神家園?

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※想知道網站建置網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計後台網頁設計

    ※不管是台北網頁設計公司台中網頁設計公司,全省皆有專員為您服務

    ※Google地圖已可更新顯示潭子電動車充電站設置地點!!

    ※帶您來看台北網站建置台北網頁設計,各種案例分享

    ※別再煩惱如何寫文案,掌握八大原則!