標籤: 網站建置

先前消息傳出，電動車大廠特斯拉（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地圖已可更新顯示潭子電動車充電站設置地點!!

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

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

摘要：本文針對“數據牽引改進，工具固化規範”這一思路在業務團隊落地過程中的動作流程進行詳細闡述，並明確了支撐整個流程的關鍵角色定義和組織運作形式。

目的

為實現雲服務開發的過程可信，需要基於數據對各個服務產品部的可信變革動作進行數據採集、進展可視、目標牽引、能力評估，最終用數據反映目標達成。與傳統的“基於數據晾曬驅動業務團隊改進，6+1指標度量”的運作方式有本質的區別，我們是基於統一的作業工具上產生的客觀數據呈現，識別研發過程中基本的流程斷裂點和質量缺失動作，和業務團隊達成一致的目標后，把大部分改進動作固話到作業工具中自動化承載，我們稱這個思路為“數據牽引改進，工具固化規範”，也就是我們不僅告訴業務團隊哪裡有問題，同時也要基於我們的作業工具，輔助業務團隊一起改進完善。

本文針對“數據牽引改進，工具固化規範”這一思路在業務團隊落地過程中的動作流程進行詳細闡述，並明確了支撐整個流程的關鍵角色定義和組織運作形式。

數據牽引改進，是指關注軟件交付過程中各種度量數據的收集、統計、分析和反饋，通過可視化的數據客觀反映整個研發過程的狀態，以全局視角分析系統約束點，並和業務團隊達成共識，提煉出客觀有效的改進目標；工具固化規範，針對識別出來的Gap點和重點問題進行分析，制定出可以在作業工具承載的模板規範，以及需要工程師行為做出改變的能力要求，並在作業工具上對這些規範要求的落地效果進行檢查，用數據度量改進效果。最後，對改進項目進行總結分享，打造學習型組織，不斷驅動持續改進和價值交付，牽引研發團隊模式和文化的轉變。

2020年的研發過程可信圍繞CleanCode、構建、開源、E2E追溯四個領域開展，這也是公司要求的可信變革中最基本、最重要、投入產出比最大的四個點。

整體流程說明

整個運作流程，圍繞數據，按照“定義軟件工程規範->定義數據分析模型->工具實現數據度量和分析->數據運營發現實際軟件工程活動和規範的偏差->工具輔助團隊改進->工具固化軟件工程規範”這個流程進行實施，並對最終效果進行階段性總結。隨着業務團隊能力的提升以及軟件工程規範性、開發模式的改變，對最初定義的軟件工程規範，會階段性的進行完善，循環往複、持續優化，最終讓業務團隊在遵守公司要求的研發過程可信規範的前提下，實現業務成功。

1) 定義軟件工程規範：圍繞公司可信變革的目標，BU對各個服務產品部的研發模式規範和能力要求，COE制定適合BU現狀的軟件工程規範；

2) 定義數據模型：COE針對制定的軟件工程規範，提煉出核心的、有針對性、可用工具度量的數據模型，並且和各個服務產品部達成一致；

3) 工具實現數據度量和分析：根據這幾個數據模型，數據分析工具自動從數據源進行採集、匯總、計算，並把結果呈現在數據看板上；業務團隊可以打開匯總數據，根據明細數據進行動作規範自檢和改進；

4) 數據運營發現實際軟件工程活動和規範的偏差：數據治理小組在實際運營過程中，分析度量指標的數據，識別業務團隊實際的軟件工程活動和要求規範不一致的Gap點和關鍵問題；

5) 工具輔助業務團隊改進：COE針對分析出來的Gap點和關鍵問題，制定相應的改進措施，作業工具承載流程規範模板化整改，並針對業務團隊的不規範行為，制定適合各個服務產品部的公約要求，促使業務團隊人員能力提升；

6) 工具固化軟件工程規範：針對業務團隊的公約要求，在作業工具上進行check，最終作業工具承載了整個軟件工程規範要求，以及融入到作業流程中的規範要求事前檢查。

三層數據分析模型

我們採用了三層數據分析模型，由作業工具自動採集用戶研發過程行為明細數據，數據分析工具進行准實時匯總計算呈現總體目標，三層數據系統性的輔助業務團隊系統性的識別研發過程中的不規範點和能力短板，讓業務團隊“知其然，知其所以然”。這三層數據模型是層層深入，迭代完善，下層支撐上層的關係。

第一層：目標、進展、結果數據分析；和公司可信變革目標牽引對齊，結合BU實際情況，形成BU的整體可信要求，並在數據分析看板上呈現各個服務產品部要達成的過程可信目標、每日的改進進展和最終完成情況；例如，對各個服務產品部要求達成CleanCode的目標。

第二層：詞法/語法分析數據；COE針對第一層的目標牽引，分解出來的具體實施環節的度量指標，只有這些分解的指標都完成，第一層的目標才達成。這一層數據的目的主要是圍繞幫助業務團隊分析自己的能力短板在哪裡，進行有針對性的改進指；通過打開匯總數據的層層下鑽，用明細數據來分析業務團隊在DevSecOps軟件工程規範流程中關鍵動作執行的缺失點，並針對性的制定改進規範要求，牽引作業工具或者業務團隊補齊該部分缺失動作；例如，CleanCode的過程可信目標達成，可以分解成：靜態檢查配置合規率、Committer合入保障率、代碼倉Clean三個目標，只有這三個目標達成，就可以認為CleanCode總體目標達成。

第三層：語義分析數據：COE打開第二層數據，不僅要看這些關鍵動過做沒做，還要看做的效果怎麼樣，最終效果體現在業務團隊的DevSecOps軟件工程規範提升；這一層的數據分析聚焦在防止為了指標而做第二層的數據，而是看業務團隊是否在真正參考BU制定的規範牽引的目標，提升業務交付過程中的效能、可信、質量能力，以及最終產生實際的業務效果。通過打開各個團隊的明細數據分析審視業務團隊執行的關鍵動作是否符合規範，是否在合適的階段點執行，執行效果是否有效；並階段性的總結和提煉經驗，形成知識資產固化到作業工具。例如，針對第二層的靜態檢查配置合規率，可以分解為：靜態檢查配置有效性和靜態檢查執行有效性。靜態檢查配置有效性，包括：檢查靜態檢查工具配置的數量、是否符合BU的配置規範，以及是否在代碼合入主幹master時進行了配置；靜態檢查執行有效性，主要看是否每一次MR提交時都執行靜態檢查、是否發現問題在研發活動的最早階段，攔截的問題的效果怎麼樣。只有第三層的動作度量都達成后，才可以說第二層的目標是達成的。

數據治理過程流程圖

為了實現“數據牽引改進，工具固化規範”這個目標，準確、一致、准實時的數據是核心關鍵，但因為數據採集不完整、業務團隊不規範、數據呈現維度不一致等原因，數據的準確性有一個不斷提升的過程，因此需要對各個層級展示的數據進行治理。整個數據治理過程中，由“業務團隊/作業工具/治理小組/數據分析工具（阿基米德）/COE”五個角色緊密配合，而且以年/半年為目標，不斷總結經驗，循環往複、持續優化的過程。

a) COE：和公司可信變革目標牽引對齊，結合BU能力現狀，形成BU的整體可信要求；

b) COE：針對BU的業務現狀，定義出適合BU現狀的軟件工程規範要求；業務團隊：和BU發布的各個領域的軟件工程規範牽引目標達成一致；

c) COE：針對規範分解出核心的度量指標，並制定度量數據模型；

d) 研發用戶：在使用作業工具進行研發活動；作業工具：承載了BU各個服務產品部在使用過程中沉澱的行為數據；

e) 數據分析（阿基米德）：准實時接入作業工具的數據，展示各個服務產品部當前的研發能力現狀；

f) COE：和各個服務產品部達成一致，制定各個服務產品部的年度牽引目標；

g) 數據分析（阿基米德）：用數據呈現各個服務產品部的牽引目標和能力現狀，統一數據口徑；呈現月/周/天的明細數據，以及支撐Gap分析和重點問題的數據視圖；

h) COE：根據牽引目標和能力現狀，分析Gap原因和關鍵問題；治理小組：在數據運營過程中，根據數據分析團隊當前的能力現狀是否和數據呈現一致；

i) 研發用戶：可以實時登錄數據工具（阿基米德）進行查看各個層級的明細數據；

j) 治理小組：根據准實時進展數據，分析當前團隊研發過程中的實際問題，並匯總給COE；

k) COE：結合細粒度的分析數據、以及治理小組匯總出來的各個服務產品部的實際問題，制定規範和改進措施，包括作業工具的規範和研發用戶的動作行為公約；

l) 作業工具：承載作業工具上落地的規範要求；治理小組：作為接口人，承接研發工程師的行為規範公約，結合各個服務產品部實際情況來負責落地；

m) 研發用戶：按照規範要求和針對數據的自檢進行研發過程行為規範化；

n) 研發工具：對研發用戶的行為規範是否滿足要求進行自動化檢查；最終目標是讓整個軟件工程規範都固化在工具中進行承載；

o) 數據分析（阿基米德）：呈現按照規範改進后的明細數據和匯總目標；研發用戶：自助查看整改后的明細數據；

p) COE：根據數據改進的效果，以及過程中暴露的問題進行總結后形成經驗資產，並持續改進；

數據流圖

過程可信的數據在各個工具系統中採集、流轉、匯聚、分析、呈現，整個數據流圖如下：

其中，識別出6個重要的全量數據源：

a) 代碼庫數據：該數據由伏羲的服務信息樹上配置的代碼庫數據，加上阿基米德上人工配置的代碼庫，構成各個雲服務發布到生產倉的代碼全集；

b) Workitem信息流數據：當前識別vision上的需求、問題、task，加上Gitlab/Codeclub上的issue，構成可識別的Workitem數據全集；

c) SRE現網包數據：包括普羅部署、CCE、CPS、CDK各種類型部署的包數據，構成全量現網包數據；

d) 開源二進制包數據：開源中心倉數據（java、python、go、nodejs四種）語言，加上公司c/c++的數據構成全量開源二進制包數據；

e) 研發過程配置數據：阿基米德上配置的committer數據是全量的committer數據；阿基米德上識別出來的主分支是全量的主分支（邏輯“master”）數據；

f) 伏羲研發過程數據：伏羲三個庫，MongoDB的靜態檢查、門禁數據；MySQL中的測試、發布數據；MySQL中包和多個流水線的對應關係數據；一起構成了以“包”為維度的全量伏羲研發過程數據；

運作組織

數據治理運營團隊

按照過程可信在BU的落地策略，在CleanCode、構建、開源、E2E追溯四個領域設置數據治理運營團隊，由 “數據分析工具（阿基米德）—COE—各個服務產品部接口人組成的治理小組”三個角色組成，以“指標度量為牽引，數據的客觀呈現為落地方式，業務的價值反饋為最終目的”的原則來落地數據治理工作。

COE的職責：

1） 和公司可信變革目標牽引對齊，結合BU能力現狀，形成BU的整體可信要求；定義出適合BU現狀的軟件工程規範要求；針對規範分解出核心的度量指標，並制定度量數據模型；

2） 利用作業工具已經產生的數據，和治理小組一起分析識別數據質量的問題，按照三層數據分析模型，層層打開，識別業務團隊能力Gap點。

3） 分析典型問題，識別作業流的斷裂點進行補齊，和業務團隊的不規範動作，制定規範和公約要求，逐步改善數據質量。

4） 事後歸納總結，識別出流程缺失，組織缺失，責任缺失等機制行問題，並固化到作業工具中。

治理小組：

1） 結合各個服務產品部的實際情況，承接COE的數據治理規範在各個服務產品部的落地；

2） 識別數據治理動作在各個服務產品部落地過程中的實際問題，和COE一起分析，提出系統性的解決思路，最終固化到作業工具中。

3） 跟蹤過程可信在業務團隊落地的過程中的進展，為業務團隊最終達成可信變革目標負責，為改進過程產生實際的業務價值負責；

數據分析工具（阿基米德）：

1） 確保接入的數據準確、實時、一致，用數據實時反映BU各個服務產品部的能力現狀，為COE和治理小組的數據運營提供數據支撐；

2） 系統性的落地COE的方案設計，實現整個BU統一標準的數據看板，能夠清晰的通過數據識別出來業務團隊的能力Gap，牽引業務團隊達成整體改進目標；

3） 按照三層數據模型進行數據展示，層層下鑽，讓業務團隊“知其然，知其所以然”，牽引業務團隊中的每一個人都能自己進行改進；

4） 通過數據分析，識別DevSecOps軟件工程規範在BU的業務團隊落地過程中的重點問題，以及該問題背後的流程、制度缺失，促使最終規範固化在作業工具中。

例會設置

“數據驅動DevSecOps能力提升例會”為研發領域數據治理相關問題的求助和裁決例會。

會議分為三個階段：

1） 第一階段，例行議題，形式類似於“體檢報告”，用數據反映業務團隊的現狀和問題；

2） 第二階段，申報議題，形式類似於“專家會診”，討論某一個具體數據治理過程中的問題和Top困難求助；

3） 第三階段，靈活安排議題，形式類似於“問題總結”，針對某一類的具體問題，進行集中討論和歸納總結定義，形成BU的規範流程和章程總結。

主數據承載系統

主數據是指具有高業務價值的、可以在企業內跨越多個業務部門被重複使用的數據，是單一、準確、權威的數據來源。和業務型數據、分析型數據相比，主數據主要有以下幾個特徵：

1） 特徵一致性：也就是能否保證主數據的關鍵特徵在不同應用、不同系統中的高度一致，直接關係了數據治理成敗；

2） 識別唯一性：在一個系統、一個平台，甚至一個企業範圍內，同一主數據實體要求具有唯一的數據標識，即數據編碼；

3） 長期有效性：貫穿該業務對象的整個生命周期甚至更長，當該主數據失去其效果時，系統採取的措施通常為軟刪除，而不是物理刪除；

4） 業務穩定性：在業務過程中其識別信息和關鍵特徵會被業務過程中產生的數據繼承、引用和複製。除非該主數據本身的特徵發生變化，否則該主數據不會隨着業務的過程中被其他系統修改。

主數據源識別原則：

a) 如果有多個數據源構成同類型數據的主數據，兩種處理策略：

1）選取一個源系統逐步收編其他源系統的數據，變成唯一主數據源

2）如果1）不能實現，由阿基米德系統進行封裝后屏蔽多個數據源系統，該類型數據的唯一數據源變成阿基米德，待後續1）實現后，阿基米德該類型主數據源失效。

3）當數據在多個作業系統中進行流轉時，判斷是否作為主數據源的標準是：數據在該系統有實際的業務動作產生，而不是只承載數據的流轉。

b) 如果確定為唯一數據源，其他消費該類型數據的系統不能和數據源產生衝突。

所有數據僅能在數據源產生，其它系統只能讀取不能修改。下游發現的數據源質量問題，應當在數據源頭進行修正。

c) 主數據使用方不得改變原始數據，但可以進行擴展。

數據消費方不得對獲取的數據進行增、刪、改，但可以在數據的基礎上進行屬性擴展。

d) 在滿足信息安全的前提下充分共享，不得拒絕合理的數據共享需求。

數據如果不流轉，不僅不會產生業務價值，還增加存儲成本；只有不斷流轉，對業務團隊產生實際價值時，還能得到使用效果的反饋，促進數據價值的進一步提升。

原則為：核心資產安全優先，非關鍵資產效率優先。

一類主數據源

二類主數據源

 

點擊關注，第一時間了解華為雲新鮮技術~

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

【其他文章推薦】

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

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

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

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

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

2020 年 1 月邁向尾聲，各縣市的電動機車補助也陸續出爐，至過年前已有 8 個縣市公布新購電動機車或汰舊換新補助的辦法。

由於環保署補助在 2020 年退場，因此 2019 年底掀起一股電動機車的購車熱潮。2020 年後環保署政策改變，主力放在淘汰舊型機車減少空氣污染排放。因此雖然沒了新購電動機車補助，但汰舊換新的範圍擴大，2007 年 6 月 30 日前生產的一至四行程老舊燃油機車汰換成電動機車或 7 期燃油機車都能享有補助，重型機車每輛 5,000 元，輕型機車每輛 3,000 元。

除了環保署政策改變，工業局購買電動機車的補助也下滑，從原先的每輛補助 1 萬元減少至 7,000 元，也是唯一全國適用的新購電動機車補助。因此 2020 年中央政府補助新購電動機車每輛 7,000 元，汰舊換新購買重型電動機車每輛共 12,000 元，汰舊換新購買輕型電動機車每輛共 1 萬元。

截至 1 月 22 日有 8 個縣市公布電動機車補助額。

地方政府部分，目前補助公布的縣市包括台北市、台中市、嘉義市、台南市、屏東縣、花蓮縣、台東縣和彰化縣。台北市和屏東縣等縣市跟隨環保署方向，停止補助新購電動機車，但繼續提供汰舊換新補助。彰化縣則是僅公佈汰舊換新補助辦法，尚未宣告新購電動機車補助措施。

花蓮縣和台東縣補助金額最高但仰賴花東基金，有補助數量限制，每輛電動機車補助 1 萬元，花蓮縣政府僅於汰舊換新補助微幅加碼。花東以外，以嘉義市的補助金額最高，新購電動機車補助 8,000 元，汰舊換新補助更高達 1 萬元。

有些人認為 2020 年補助減少，電動機車銷量將大幅衰退。電動機車大廠 Gogoro 指出，由於汰購換新補助帶動換車潮，1 月上半銷售量已達 2019 年同期近 80%。不過這樣的觀察僅為少量樣本，電動機車能否維持 2019 年的強勢表現，值得持續關注。

（合作媒體：。首圖來源：Gogoro）

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

【其他文章推薦】

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

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

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

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

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

一.目標

瀏覽網頁的時候，看見哪個元素，就能截取哪個元素當圖片，不管那個元素有多長

 

二.所用工具和第三方庫

python ,PIL,selenium

pycharm

三.代碼部分

長截圖整體思路:

1.獲取元素

2.移動，截圖，移動，截圖，直到抵達元素的底部

3.把截圖按照元素所在位置切割，在所有圖片中只保留該元素

4.拼接

 

如果driver在環境變量中，那麼不用指定路徑

b=webdriver.Chrome(executable_path=r"C:\Users\Desktop\chromedriver.exe")#指定一下driver
b.get("")
b.maximize_window()#最大化窗口

打開網站

 

 

 我們可以看見一個ID為maincontent的元素，寬度為850PX，長度為3828PX，這個長度必須使用才能長截圖才能完整截下來

 

el=b.find_element_by_id("maincontent")#找到元素

我們還需要一個重要的參數，就是你電腦一次能截取多高的像素

先用下圖代碼獲取一個圖片

#fp為存放圖片的地址
b.get_screenshot_as_file(fp)

 

也就是說用我電腦上截圖的默認高度為614像素

 

 所以我設置一個變量:

sc_hight=614

然後設置一下其他變量

    count = int(el.size["height"] / sc_hight)  # 元素的高度除以你每次截多少就是次數
    start_higth = el.location["y"]  # 元素的初始高度
    max_px = start_higth + (count - 1) * sc_hight  # for循環中最大的px
    last_px = el.size["height"] + start_higth - sc_hight  # 元素最底部的位置
    surplus_px = last_px - max_px  # 剩餘的邊的高度
    img_path = []  # 用來存放圖片地址

註釋:

1.count為元素的高度/每次截取的高度，比如這次實例中元素高度為3828PX，我每次截614px，需要6.2次，int之後變成6,也就是截6次，還剩一點，那一點後面再說

2.start_higth為初始高度，這個沒有什麼可說的

3.max_px為循環結束后，到達的高度

4.last_px為元素最底部的高度

5.surplus_px就是移動6次后，還沒有截取的高度

屏幕每次移動，移動sc_hight個像素，初始位置為(0,元素的Y值)

    for i in range(0, count):
        js = "scrollTo(0,%s)" % (start_higth + i * sc_hight)  # 用於移動滑輪，每次移動614px，初始值是元素的初始高度
        b.execute_script(js)  # 執行js
        time.sleep(0.5)
        fp = r"C:\Users\wdj\Desktop\%s.png" % i  # 圖片地址，運行的話，改一下
        b.get_screenshot_as_file(fp)  # 屏幕截圖,這裡是截取是完整的網頁圖片，你可以打斷點看一下圖片
        img = Image.open(fp=fp)
        img2 = img.crop((el.location["x"], 0, el.size["width"] + el.location["x"], sc_hight))  # 剪切圖片
        img2.save(fp)  # 保存圖片，覆蓋完整的網頁圖片
        img_path.append(fp)  # 添加圖片路徑
        time.sleep(0.5)
        print(js)
    else:
        js = "scrollTo(0,%s)" % last_px  # 滾動到最後一個位置
        b.execute_script(js)
        fp = r"C:\Users\wdj\Desktop\last.png"
        b.get_screenshot_as_file(fp)
        img = Image.open(fp=fp)
        print((el.location["x"], sc_hight - surplus_px, el.size["width"] + el.location["x"], sc_hight))
        img2 = img.crop((el.location["x"], sc_hight - surplus_px, el.size["width"] + el.location["x"], sc_hight))
        img2.save(fp)
        img_path.append(fp)
        print(js)

上面是把該元素的在頁面都截完，並且剪切，把圖片保存的路徑放入img_path

最後一步:把所有截圖都貼到新創建的圖片中

    new_img = Image.new("RGB", (el.size["width"], el.size["height"]))  # 創建一個新圖片,大小為元素的大小
    k = 0
    for i in img_path:
        tem_img = Image.open(i)
        new_img.paste(tem_img, (0, sc_hight * k))  # 把圖片貼上去,間隔一個截圖的距離
        k += 1
    else:
        new_img.save(r"C:\Users\wdj\Desktop\test.png")  # 保存

 

運行效果圖:

說明完整的截取下來了

 

 

 

補充優化:

如果是個小元素怎麼辦，不用長截圖就能截取的那種

因為很簡單我就直接貼代碼了

    start_higth = el.location["y"]
    js = "scrollTo(0,%s)" % (start_higth)
    b.execute_script(js)  # 執行js
    time.sleep(0.5)
    fp = r"C:\Users\wdj\Desktop\test.png" # 圖片地址，運行的話，改一下
    b.get_screenshot_as_file(fp)
    img = Image.open(fp=fp)
    img2 = img.crop((el.location["x"], 0, el.size["width"] + el.location["x"], el.size["height"]))  # 剪切圖片
    img2.save(fp)

效果如下:

 

 

完整代碼:

from selenium import webdriver
from PIL import Image
import time
def short_sc(el,b):
    start_higth = el.location["y"]
    js = "scrollTo(0,%s)" % (start_higth)
    b.execute_script(js)  # 執行js
    time.sleep(0.5)
    fp = r"C:\Users\wdj\Desktop\test.png" # 圖片地址，運行的話，改一下
    b.get_screenshot_as_file(fp)
    img = Image.open(fp=fp)
    img2 = img.crop((el.location["x"], 0, el.size["width"] + el.location["x"], el.size["height"]))  # 剪切圖片
    img2.save(fp)

def long_sc(el,b):
    count = int(el.size["height"] / sc_hight)  # 元素的高度除以你每次截多少就是次數
    start_higth = el.location["y"]  # 元素的初始高度
    max_px = start_higth + (count - 1) * sc_hight  # for循環中最大的px
    last_px = el.size["height"] + start_higth - sc_hight  # 元素最底部的位置
    surplus_px = last_px - max_px  # 剩餘的邊的高度
    img_path = []  # 用來存放圖片地址
    for i in range(0, count):
        js = "scrollTo(0,%s)" % (start_higth + i * sc_hight)  # 用於移動滑輪，每次移動614px，初始值是元素的初始高度
        b.execute_script(js)  # 執行js
        time.sleep(0.5)
        fp = r"C:\Users\wdj\Desktop\%s.png" % i  # 圖片地址，運行的話，改一下
        b.get_screenshot_as_file(fp)  # 屏幕截圖,這裡是截取是完整的網頁圖片，你可以打斷點看一下圖片
        img = Image.open(fp=fp)
        img2 = img.crop((el.location["x"], 0, el.size["width"] + el.location["x"], sc_hight))  # 剪切圖片
        img2.save(fp)  # 保存圖片，覆蓋完整的網頁圖片
        img_path.append(fp)  # 添加圖片路徑
        time.sleep(0.5)
        print(js)
    else:
        js = "scrollTo(0,%s)" % last_px  # 滾動到最後一個位置
        b.execute_script(js)
        fp = r"C:\Users\wdj\Desktop\last.png"
        b.get_screenshot_as_file(fp)
        img = Image.open(fp=fp)
        print((el.location["x"], sc_hight - surplus_px, el.size["width"] + el.location["x"], sc_hight))
        img2 = img.crop((el.location["x"], sc_hight - surplus_px, el.size["width"] + el.location["x"], sc_hight))
        img2.save(fp)
        img_path.append(fp)
        print(js)

    new_img = Image.new("RGB", (el.size["width"], el.size["height"]))  # 創建一個新圖片,大小為元素的大小
    k = 0
    for i in img_path:
        tem_img = Image.open(i)
        new_img.paste(tem_img, (0, sc_hight * k))  # 把圖片貼上去,間隔一個截圖的距離
        k += 1
    else:
        new_img.save(r"C:\Users\wdj\Desktop\test.png")  # 保存

b=webdriver.Chrome(executable_path=r"C:\Users\wdj\Desktop\chromedriver.exe")#指定一下driver
b.get("https://www.w3school.com.cn/html/html_links.asp")
b.maximize_window()#最大化窗口
# b.get_screenshot_as_file(fp)
sc_hight=614#你屏幕截圖默認的大小，可以去截一張，去畫圖裡面看看是多少像素，我這裡是614像素

# b.switch_to.frame(b.find_element_by_xpath('//*[@id="intro"]/iframe'))
el=b.find_element_by_id("maincontent")#找到元素
if el.size["height"]>sc_hight:
    long_sc(el,b)
else:
    short_sc(el,b)

完整代碼

 

PS：

有些特殊情況，比如截取的元素在iframe中，直接用driver.switch_to.frame(iframe元素)即可

或者不是iframe，但是元素有overflow屬性，直接用JS把他的overflow去掉就行

 

 

 

 

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

【其他文章推薦】

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

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

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

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

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

一、關係表達：

1、一對多、多對一表的關係：

學生表：

 

 

  班級表：

 

 

 在學生表中，學生的學號是主鍵。在班級表中，班級號是主鍵，因此，學生表的外鍵是classno。因此，班級對應學生是一對多，學生對應班級是多對一。因為，一個班級可以有多個學生，但是一個學生只能在一個班級。

2、對象的一對多、多對一關係：

（1）在Class類中，定義Set集合，表達一對多的關係：

 

 

 

package pers.zhb.domain;
import java.util.HashSet;
import java.util.Set;
public class Class {
    private String classno;
    private String department;
    private String monitor;
    private String classname;
    private Set<Student> classes=new HashSet<Student>();//使用set集合表達一對多關係
    public Class(){
    }
    public Set<Student> getClasses() {
        return classes;
    }
    public void setClasses(Set<Student> classes) {
        this.classes = classes;
    }
    public String getMonitor() {
        return monitor;
    }

    public void setMonitor(String monitor) {
        this.monitor = monitor;
    }

    public String getDepartment() {
        return department;
    }

    public void setDepartment(String department) {
        this.department = department;
    }



    public String getClassname() {
        return classname;
    }

    public void setClassname(String classname) {
        this.classname = classname;
    }
    public String getClassno() {
        return classno;
    }

    public void setClassno(String classno) {
        this.classno = classno;
    }
    @Override
    public String toString() {
        return "Class{" +
                "classno='" + classno + '\'' +
                ", department='" + department + '\'' +
                ", monitor='" + monitor + '\'' +
                ", classname='" + classname + '\'' +
                ", classes=" + classes +
                '}';
    }
}

package pers.zhb.domain;
public class Student {
    private Integer studentno;
    private String sname;
    private String sex;
    private String birthday;
    private String classno;
    private Float point;
    private String phone;
    private String email;
    private Clas aClas;
    public Student(){//無參的構造方法
    }
    public Clas getaClas() {
        return aClas;
    }

    public void setaClas(Clas aClas) {
        this.aClas = aClas;
    }
    @Override
    public String toString() {
        return "Student{" +
                "studentno='" + studentno + '\'' +
                ", sname='" + sname + '\'' +
                ", sex='" + sex + '\'' +
                ", birthday='" + birthday + '\'' +
                ", classno='" + classno + '\'' +
                ", point=" + point +
                ", phone='" + phone + '\'' +
                ", email='" + email + '\'' +
                '}';
    }

    public int getStudentno() {
        return studentno;
    }

    public void setStudentno(int studentno) {
        this.studentno = studentno;
    }

    public String getSname() {
        return sname;
    }

    public void setSname(String sname) {
        this.sname = sname;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }

    public String getBirthday() {
        return birthday;
    }

    public void setBirthday(String birthday) {
        this.birthday = birthday;
    }

    public String getClassno() {
        return classno;
    }

    public void setClassno(String classno) {
        this.classno = classno;
    }

    public float getPoint() {
        return point;
    }

    public void setPoint(float point) {
        this.point = point;
    }

    public String getPhone() {
        return phone;
    }

    public void setPhone(String phone) {
        this.phone = phone;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }
}

　　

　　

（2）定義學生和班級的關係：

 

 

 

package pers.zhb.domain;
import java.util.HashSet;
import java.util.Set;
public class Clas {
    private String classno;
    private String department;
    private String monitor;
    private String classname;
    private Set<Student> students=new HashSet<Student>();//使用set集合表達一對多關係
    public Clas(){
    }
    public Set<Student> getStudents() {
        return students;
    }
    public void setClasses(Set<Student> students) {
        this.students = students;
    }
    public String getMonitor() {
        return monitor;
    }

    public void setMonitor(String monitor) {
        this.monitor = monitor;
    }

    public String getDepartment() {
        return department;
    }

    public void setDepartment(String department) {
        this.department = department;
    }



    public String getClassname() {
        return classname;
    }

    public void setClassname(String classname) {
        this.classname = classname;
    }
    public String getClassno() {
        return classno;
    }

    public void setClassno(String classno) {
        this.classno = classno;
    }
    @Override
    public String toString() {
        return "Class{" +
                "classno='" + classno + '\'' +
                ", department='" + department + '\'' +
                ", monitor='" + monitor + '\'' +
                ", classname='" + classname + '\'' +
                ",students=" + students +
                '}';
    }
}

　　

3、配置映射文件：

  Class.hbm.xml：

（1）實現一對多的關係映射，即：一個班級對應多個學生：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE hibernate-mapping PUBLIC
        "-//Hibernate/Hibernate Mapping DTD 3.0//EN"
        "http://www.hibernate.org/dtd/hibernate-mapping-3.0.dtd">
<hibernate-mapping package="pers.zhb.domain">
    <class name="Clas" table="class">
        <id name="classno" column="classno">
            <generator class="native"></generator>
        </id><!--主鍵-->
        <property name="department" column="department"></property>
        <property name="monitor" column="monitor"></property>
        <property name="classname" column="classname"></property>
        <set name="students" table="student"><!--一對多關係配置-->
        <key column="classno" update="false"></key><!--指定了集合表的外鍵-->
            <one-to-many class="Student"></one-to-many>
        </set>
    </class>
</hibernate-mapping>

 

<set name="students">

指定映射的存儲學生的集合的名字。

<key column="classesno"></key>

映射的class表的外鍵。

<one-to-many class="Student"></one-to-many>

指定學生的類型。

（2）實現多對一的關係映射，即：多個學生對應一個班級。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE hibernate-mapping PUBLIC
        "-//Hibernate/Hibernate Mapping DTD 3.0//EN"
        "http://www.hibernate.org/dtd/hibernate-mapping-3.0.dtd">
<hibernate-mapping package="pers.zhb.domain">
    <class name="Student" table="student">
        <id name="studentno" column="studentno" >
            <generator class="native"></generator>
        </id>
        <property name="birthday" column="birthday"></property>
        <property name="classno" column="classno" insert="false" update="false"></property>
        <property name="email" column="email"></property>
        <property name="phone" column="phone"></property>
        <property name="sex" column="sex"></property>
        <property name="sname" column="sname"></property>
        <property name="point" column="point"></property>
        <many-to-one name="aClas" column="classno" class="Clas"></many-to-one>
    </class>
</hibernate-mapping>

 

name屬性：映射的班級。

column屬性：映射的班級對象對應的外鍵。

class屬性：指定班級的類型。

4、主配置文件：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE hibernate-configuration PUBLIC
        "-//Hibernate/Hibernate Configuration DTD 3.0//EN"
        "http://www.hibernate.org/dtd/hibernate-configuration-3.0.dtd">
<hibernate-configuration>
    <!--配置數據庫信息-必須的-->
    <session-factory>
        <property name="hibernate.connection.driver_class">com.mysql.jdbc.Driver</property>
        <property name="hibernate.connection.url">jdbc:mysql://localhost:3306/stu_mangement</property>
        <property name="hibernate.connection.username">root</property>
        <property name="hibernate.connection.password">root</property>
        <!--配置hibernate信息-可選的-->
        <property name="hibernate.show_sql">true</property><!--輸出底層sql語句-->
        <property name="hibernate.format_sql">true</property><!--格式化輸出sql語句-->
        <property name="hibernate.hbm2ddl.auto">update</property><!--hibernate幫助創建表，如果已經有表更新表，如果沒有則創建新表-->
        <property name="hibernate.dialect">org.hibernate.dialect.MySQL5Dialect</property>
        <property name="hibernate.connection.isolation">4</property>
        <!--指定session與當前線程綁定-->
        <property name="hibernate.current_session_context_class">thread</property>
        <!--配置數據庫的方言，讓hibernate識別框架自己的特有語句-->
        <!--把映射文件放到核心配置文件-->
        <mapping resource="pers/zhb/domain/Student.hbm.xml"/><!--都在src目錄下-->
        <mapping resource="pers/zhb/domain/Class.hbm.xml"/><!--都在src目錄下-->
    </session-factory>
</hibernate-configuration>

　二、具體運用：

1、增加：

（1）創建一個新班級併為新班級添加兩名學生：

public class Test {
    public static void testSel() {
            Session session = HibernateUtils.openSession();//獲得session
            Transaction transaction = session.beginTransaction();//開啟事務
            Clas clas=new Clas();
            clas.setClassname("計科171");
            clas.setClassno(4600);
            clas.setDepartment("一號樓");
            clas.setMonitor("zhai");

            Student student=new Student();
            student.setSname("翟");
            student.setStudentno(2017151411);
            student.setPoint(123f);
            student.setSex("男");
            student.setBirthday("2019-11-11");
            student.setPhone("18739496522");
            student.setClassno("221221");
            student.setEmail("34288334@qq.com");

            Student student1=new Student();
            student1.setSname("翟hb");
            student1.setStudentno(2017151419);
            student1.setPoint(666f);
            student1.setSex("女");
            student1.setBirthday("2019-11-11");
            student1.setPhone("18739496522");
            student1.setClassno("221221");
            student1.setEmail("34288334@qq.com");

            clas.getStudents().add(student);//一對多，一個班級下有多個學生
            clas.getStudents().add(student1);//獲取Set集合對象並向其中添加元素

            student.setaClas(clas);//多對一，學生屬於哪一個班級
            student1.setaClas(clas);

            session.save(clas);
            session.save(student);
            session.save(student1);

            transaction.commit();//提交事務
            session.close();//關閉資源
        }

 

 （2）為一個已經存在的班級添加學生：

 public static void testAdd(){
            Session session = HibernateUtils.openSession();//獲得session
            Transaction transaction = session.beginTransaction();//開啟事務
            Clas clas=session.get(Clas.class,80501);//獲得一個已經存在的班級
            Student student=new Student();//創建一個學生對象
            student.setSname("翟zz");
            student.setStudentno(20190000);
            student.setPoint(133f);
            student.setSex("男");
            student.setBirthday("2019-11-16");
            student.setPhone("18739496522");
            student.setEmail("34288334@qq.com");

            Student student1=new Student();//再創建一個學生對象
            student1.setSname("翟zz");
            student1.setStudentno(20190000);
            student1.setPoint(133f);
            student1.setSex("男");
            student1.setBirthday("2019-11-16");
            student1.setPhone("18739496522");
            student1.setEmail("34288334@qq.com");

            clas.getStudents().add(student);//學生添加到班級
            student.setaClas(clas);//班級與學生對應
            clas.getStudents().add(student1);
            student1.setaClas(clas);

            session.save(student);
            session.save(student1);


            transaction.commit();//提交事務
            session.close();//關閉資源

        }

　　

 

 2、刪除：

刪除80501班的一名學生信息：

 public static void testDel() {
           Session session = HibernateUtils.openSession();//獲得session
           Transaction transaction = session.beginTransaction();//開啟事務
           Clas clas=session.get(Clas.class,80501);//獲得要刪除的學生屬於那一個班級
           Student student=session.get(Student.class,937221532);//獲得要刪除的學生
           clas.getStudents().remove(student);
           student.setaClas(null);
           transaction.commit();//提交事務
           session.close();//關閉資源
       }

 

　

 

 

 

 

 

 

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

【其他文章推薦】

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

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

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

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

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