Vue+OpenLayers6從入門到實戰進階案例彙總目錄，Vue+OpenLayers6地圖整合教程，OpenLayers6中文文檔，OpenLayers6中文手冊

来源:https://www.cnblogs.com/notomcat/p/18152104
-Advertisement-
Play Games

本篇作為《Vue+OpenLayers6入門教程》和《Vue+OpenLayers6實戰進階案例》所有文章的二合一彙總目錄，方便查找。 本專欄源碼是由OpenLayers6.15.1版本結合Vue2框架編寫，同時支持Vue3，零星幾篇文章用到了Element-UI庫。 本專欄從Vue搭建腳手架到如何 ...


本篇作為《Vue+OpenLayers6入門教程》和《Vue+OpenLayers6實戰進階案例》所有文章的二合一彙總目錄，方便查找。

本專欄源碼是由OpenLayers6.15.1版本結合Vue2框架編寫，同時支持Vue3，零星幾篇文章用到了Element-UI庫。
本專欄從Vue搭建腳手架到如何引入OpenLayers依賴的每一步詳細新手教程，再到通過各種入門案例和綜合性的實戰案例，帶領大家快速上手Vue+OpenLayers6開發。

openlayers # 反饋和建議
OpenLayers系列-交流專區，建議和問題反饋

OpenLayers6入門目錄

一、介紹

Gis開發入門，OpenLayers、Leaflet、Maplibre-gl和Cesiumjs地圖引擎介紹以及幾種地圖服務vms、vmts介紹

OpenLayers介紹，相比較其他地圖引擎有什麼優點

重要更新：OpenLayers7.x版本和6.x版本有什麼區別，是否需要升級到OpenLayers7版本？

二、入門

  1. （vue小白必讀）OpenLayers6入門，快速搭建vue+OpenLayers地圖腳手架項目
  2. （必讀）OpenLayers6入門，vue項目集成並使用OpenLayers地圖的兩種方式
  3. （必讀）OpenLayers6入門，HTML網頁原生如何使用OpenLayers地圖
  4. OpenLayers6入門，OpenLayers地圖基本概念（Map、View、Layer、Source四種基本類型）
  5. OpenLayers6入門，OpenLayers地圖初始化時如何設置預設縮放級別、設置預設地圖中心點、最大縮放級別和最小縮放級別以及預設坐標系
  6. OpenLayers6入門，OpenLayers6地圖預設使用什麼投影? 要如何更改OpenLayers6地圖的投影？
  7. OpenLayers6入門，如何銷毀已經創建好的OpenLayers地圖容器

三、地圖控制項

鷹眼控制項
8. OpenLayers6入門，OpenLayers地圖顯示鷹眼控制項
9. OpenLayers6入門，OpenLayers載入離線xyz瓦片地圖並顯示離線鷹眼控制項
地圖縮放控制項、比例尺控制項、滑鼠經過地圖顯示經緯度控制項
10. OpenLayers添加地圖縮放控制項、比例尺控制項和滑鼠經緯度位置
全屏控制項
11. OpenLayers6入門，OpenLayers如何實現地圖全屏和退出全屏操作，實現指定網頁節點全屏和退出全屏
12. OpenLayers6入門，OpenLayers使用地圖全屏控制項，控制地圖進入全屏和退出全屏
網格標記線控制項
13. OpenLayers6入門，地圖全圖顯示經緯度網格標記線

四、地圖定位、縮放和可視範圍跳轉

無動畫效果
14. Openlayers6入門，Openlayers調整中心點坐標、Openlayers調整縮放級別、Openlayers調整地圖可視角度和地圖複位
15. Openlayers6入門，Openlayers調整地圖可視範圍到多個點組成的多邊形邊界，可視範圍縮放到多個點的中心點
平移效果
16. OpenLayers6入門，OpenLayers平移地圖到指定位置，地圖平移動畫效果
飛行效果
17. OpenLayers6入門，OpenLayers視圖飛行動畫，OpenLayers飛行到指定經緯度位置
旋轉效果
18. OpenLayers6入門，OpenLayers旋轉地圖到移動到指定位置，旋轉動畫效果，邊旋轉邊移動到指定位置
彈簧跳躍和彈跳效果
19. OpenLayers6入門，OpenLayers使用彈跳動畫和彈簧動畫效果移動地圖到指定位置，兩種彈跳動畫效果

五、事件監聽

地圖載入事件和載入完成事件
20. OpenLayers6入門，OpenLayers如何監聽載入事件和載入完成事件來實現載入瓦片時顯示動圖轉圈載入進度條（loading spinner），載入完成後隱藏

瓦片載入事件
21. OpenLayers6入門，OpenLayers使用瓦片載入事件實現瓦片載入進度條，進度條根據瓦片載入數量自動更新進度，載入完畢後隱藏進度條
滑鼠移動事件
22. OpenLayers6入門，OpenLayers滑鼠移動事件使用，實現滑鼠移動到點位上方後高亮顯示點位要素
滑鼠點擊事件
23. OpenLayers6入門，OpenLayers地圖滑鼠點擊事件使用，點擊地圖後彈框並顯示當前位置經緯度
與Vue組件聯動彈框
24. OpenLayers6入門，OpenLayers的Popup彈出框如何內嵌Vue組件內容和內嵌iframe網頁，根據所點擊要素動態切換彈框內容

六、圖層管理

  1. Openlayers6入門，OpenLayers多圖層切換顯示隱藏，支持多個Layer同時顯示和隱藏，以百度地圖和高德地圖為例實現vue的Layer圖層管理組件

  2. OpenLayers6入門，OpenLayers懶載入瓦片，點擊事件後才開始載入瓦片，初始化地圖時不載入瓦片

七、各種類型地圖瓦片圖層載入（圖片、xyz、超圖、百度、高德、天地圖、谷歌地圖、必應地圖，wmts、wms、tms和wfs等）

  1. OpenLayers6入門，OpenLayers使用一張圖片作為地圖的基本底圖
    xyz（google、高德）
  2. OpenLayers6入門，OpenLayers如何載入xyz瓦片圖層
    WMTS
  3. OpenLayers通過WMTSCapabilities.xml載入GeoServer發佈的標準wmts地圖服務
  4. Openlayers通過計算matrixIds和resolutions方式載入WMTS地圖服務，不需要解析WMTSCapabilities文檔方式載入WMTS地圖服務
    WMS
  5. OpenLayers6入門，OpenLayers載入GeoServer發佈的WMS地圖服務作為底圖
    TMS
  6. OpenLayers6入門，OpenLayers如何載入TMS瓦片服務，以騰訊地圖TMS圖層為例
    高德底圖
  7. OpenLayers6入門，OpenLayers如何使用高德地圖底圖作為圖層圖源
    百度底圖
  8. OpenLayers6入門，OpenLayers使用百度地圖底圖作為圖源，不需要地圖開放平臺token就可以訪問
    天地圖
  9. OpenLayers6入門，OpenLayers載入天地圖
    超圖底圖
  10. OpenLayers6入門，OpenLayers如何使用超圖地圖（supermap）發佈的地圖服務作為基礎圖層
    Goole地圖
  11. OpenLayers6入門，OpenLayers載入Google街景地圖
  12. OpenLayers6入門，OpenLayers載入必應地圖（BingMap），需要申請api key
    海圖
  13. OpenLayers6入門，OpenLayers載入船訊網航海地圖
    離線瓦片地圖
  14. OpenLayers6入門，OpenLayers載入離線瓦片xyz地圖，vue項目如何使用離線瓦片

八、疊加熱力圖

  1. OpenLayers6入門，OpenLayers實現熱力圖效果

九、點、線、多邊形、圖片、動態圖片、點聚合等多種圖形疊加

  1. OpenLayers6入門，添加一個Image圖片點要素到地圖上
  2. OpenLayers6入門，使用OpenLayers疊加多邊形、圓形、線段和點要素到地圖上

WebGL圖層簡單疊加圓點和圖標

  1. OpenLayers6入門，使用webgl圖層疊加大量Point點要素，解決疊加超過一百萬數據量點位導致瀏覽器卡住變慢的問題
  2. OpenLayers6入門，使用webgl圖層疊加超過一百萬數據量圖片到地圖，解決疊加大量圖片導致瀏覽器卡住變慢的問題

WebGL樣式運算符

  1. OpenLayers6入門，OpenLayers6的WebGLPointsLayer圖層樣式和運算符詳解，四種symbolType類型案例

疊加Gif動態圖片

  1. OpenLayers6入門，OpenLayers如何使用gifler庫來實現gif動態圖圖片疊加到地圖上

點聚合（聚散點）

  1. OpenLayers6入門，OpenLayers實現點聚合（聚散點）功能，地圖縮小顯示聚集數量，點擊聚集點散開和地圖放大後顯示要素圖片
  2. OpenLayers6入門，OpenLayers點聚合（聚散點）動態樣式，根據周圍聚集數量不同切換多種顏色顯示，點擊聚集點散開和地圖放大後顯示要素圖片

十、格式化數據疊加

（1）WFS格式

  1. OpenLayers6入門，OpenLayers如何載入WFS服務的要素資源數據

（2）GeoJSON格式

  1. OpenLayers6入門，OpenLayers如何載入GeoJson數據並疊加到OpenLayers矢量圖層上
  2. OpenLayers6入門，OpenLayers如何載入百萬數據量的GeoJson點數據並疊加到webgl渲染圖層上，百萬海量點數據疊加不卡
  3. OpenLayers6入門，OpenLayers如何載入GeoJson多邊形、線段、點和區域範圍等數據並疊加到OpenLayers矢量圖層上
    從vue項目的assets資源目錄載入geojson文件
  4. OpenLayers6入門，OpenLayers從vue的assets資源路徑載入geojson文件並解析數據疊加到地圖上，以載入世界各國邊界為例
    fetch方式載入geojson
  5. OpenLayers6入門，OpenLayers解析通過fetch請求的GeoJson格式數據，並疊加要素文字標註，以行政區劃邊界為例

（3）wkt格式

  1. OpenLayers6入門，讀取wkt格式數據，OpenLayers解析並顯示wkt格式的要素數據

（3）TopoJson數據疊加

  1. OpenLayers6入門，OpenLayers載入TopoJson數據，使用行政區劃邊界作為示例
    從vue項目的assets資源目錄載入TopoJson文件
  2. OpenLayers6入門，OpenLayers從vue的assets資源路徑載入TopoJson文件並解析數據疊加到地圖上，以載入世界各國邊界為例
    fetch方式載入TopoJson
  3. OpenLayers6入門，OpenLayers使用fetch載入並顯示TopoJson格式區劃邊界數據並疊加文字標註，動態創建要素樣式

十一、動畫

  1. OpenLayers6入門，OpenLayers動畫效果實現，OpenLayers實現軌跡運動動畫
  2. OpenLayers6入門，OpenLayers實現多個軌跡運動動畫效果，也可以實現二維地圖遷徙圖效果
  3. OpenLayers6入門，OpenLayers實現地圖原地旋轉動畫效果

十二、圖形繪製編輯拖拽

  1. OpenLayers圖形繪製，OpenLayers實現在地圖上繪製線段、圓形和多邊形
  2. OpenLayers6入門，OpenLayers塗鴉手繪線條、圓形和多邊形，塗鴉線條自動收尾連接成多邊形
  3. OpenLayers選擇拖拽，OpenLayers實現對地圖上的任意要素進行選擇和拖拽

十三、其他

  1. OpenLayers6入門，OpenLayers導出整幅地圖為png圖片並保存下載

入門和實戰分界線

Openlayers6實戰進階

綜合案例

  1. Openlayers6實戰，Openlayers如何設置米作為作為圓形的真實半徑，解決圓形半徑跟隨地圖縮放同時縮放的失真問題
    圖形交集計算
  2. OpenLayers6實戰，OpenLayers判斷點位是否與多邊形有交集，判斷車輛是否在電子圍欄內
    滑鼠經過要素事件
  3. OpenLayers6實戰，OpenLayers實現地圖滑鼠經過點要素時顯示名稱標註提示框，移出後隱藏
  4. OpenLayers6實戰，OpenLayers自定義overlay彈框拖拽事件，點擊地圖後彈框並使用滑鼠拖拽overlay彈框到任意地圖位置併在彈框內容實時顯示經緯度位置
    滑鼠經過邊界高亮顯示：基於GeoJson格式數據
  5. OpenLayers6實戰，OpenLayers解析渲染GeoJson格式中國省級邊界並實現滑鼠經過區劃高亮顯示省級邊界
    滑鼠經過邊界高亮顯示：基於TopoJson格式數據
  6. OpenLayers6實戰，OpenLayers解析渲染TopoJson格式區劃邊界數據和實現滑鼠經過高亮顯示區劃邊界和文字
    滑鼠點擊選中邊界範圍高亮顯示：基於GeoJson格式數據
  7. OpenLayers6實戰，OpenLayers實現GeoJson格式的省級區劃數據渲染和滑鼠點擊省界自動選中並高亮顯示省界範圍，點擊空白區域取消高亮
    滑鼠點擊選中邊界範圍高亮顯示：基於TopoJson格式數據
  8. OpenLayers6實戰，OpenLayers實現TopoJson格式區劃邊界滑鼠點擊選中高亮顯示，點擊空白區域取消高亮
    Vue組件聯動動態切換效果：基於TopoJson格式數據
  9. OpenLayers6實戰，OpenLayers結合TopoJson區劃邊界數據，結合下拉菜單實現城市切換，動態切換城市邊界到地圖視圖視角範圍內
  10. OpenLayers6實戰，OpenLayers點聚合有相同經緯度坐標時無法展開問題解決辦法，當縮放級別達到一定等級後強行展開聚合為單個點

定位

  1. Openlayers6實戰，Openlayers獲取瀏覽器當前用戶的經緯度位置並定位到對應位置
  2. OpenLayers6實戰，OpenLayers獲取移動端精確定位，OpenLayers適配App混合H5方式調用手機定位位置並定位到指定點
  3. OpenLayers6實戰，OpenLayers調用手機陀螺儀方向實現指南針效果
    定位並高亮顯示用戶所在行政區劃邊界
  4. OpenLayers6實戰，OpenLayers獲取用戶定位位置並高亮顯示用戶所在行政區劃邊界

webgl圖層運算符實戰

  • match運算符實現一張合成拼接圖根據坐標切片成單獨圖標渲染
  1. OpenLayers6實戰，WebGL圖層如何使用一張拼接合成圖片根據坐標切片成單個圖片進行渲染
  • match運算符匹配多種顏色三角形實戰案例
  1. OpenLayers6實戰，WebGL圖層根據Feature要素的變數動態渲染多種顏色的三角形，適用於大量三角形渲染不同顏色
  • match運算符和interpolate插值運算符匹配多種顏色和多種直徑大小的圓形圓點實戰案例
  1. OpenLayers6實戰，WebGL圖層根據Feature要素的變數動態渲染多種顏色和不同直徑大小的圓形和圓點圖形，適用於大量圓形圓點渲染不同顏色不同大小
  • case運算符結合邏輯運算符判斷透明度，match運算符匹配多種顏色和interpolate插值運算符匹配大小
  1. OpenLayers6實戰，WebGL圖層根據Feature要素的變數動態渲染多種顏色、不同長度和不同透明度的長方形（矩形）圖形，適用於大量矩形圖形渲染
  • match運算符配合滑鼠經過事件高亮要素效果
  1. OpenLayers6實戰，WebGL圖層滑鼠經過要素高亮顯示，根據變數自動修改WebGL圖層要素的透明度、大小和顏色

動畫特效

  1. Openlayers實戰，Openlayers實現類似呼吸燈的閃爍圓圈特效，光暈擴散動畫特效，可調光暈擴散速度，可調光暈圓圈大小
  2. Openlayers實戰，OpenLayers實現定時閃爍動畫效果，定時閃爍光暈特效
  3. OpenLayers6實戰，OpenLayers實現動態的雷達掃描圖動畫效果

運動軌跡和遷徙圖

  1. Openlayers6實戰，Openlayers一個車輛轉向運動軌跡動畫，支持根據軌跡運動方向自動改變車頭轉向角度，無需定時器，絲滑小車轉向運動效果
  2. OpenLayers6實戰，OpenLayers實現多個車輛船舶運動軌跡動畫和遷徙圖效果，車頭方向根據軌跡方向自動轉向，無需定時器
  3. OpenLayers6實戰，OpenLayers實現多個軌跡運動動畫，各個軌跡使用不同的運動速度，運動方向根據軌跡運動方向自動轉向
    飛機飛行軌跡動畫
  4. OpenLayers6實戰，OpenLayers實現飛機飛行軌跡動畫。飛機圖標自動沿著生成的貝塞爾曲線勻速運動
    氣象臺風動畫
  5. OpenLayers6實戰，OpenLayers實現氣象臺風颶風運動軌跡運動動畫，可調颱風旋轉速度和運動速度，靜態圖片旋轉動畫

特殊圖形繪製

三角形
28. OpenLayers6實戰，OpenLayers實現滑鼠拖拽繪製三角形，OpenLayers自定義繪製特殊圖形
菱形
29. OpenLayers6實戰，OpenLayers繪製特殊圖形，OpenLayers繪製四角形（菱形），OpenLayers繪製菱形
矩形
30. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製矩形（拖拽方式繪製長方形和正方形）
平行四邊形
31. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製平行四邊形
五角星
32. OpenLayers6實戰，OpenLayers繪製五角星，OpenLayers繪製特殊圖形，地圖上畫五角星
六芒星
33. OpenLayers6實戰，OpenLayers繪製六角形（六角星）圖形，OpenLayers繪製特殊圖形
扇形
34. OpenLayers6實戰，OpenLayers實現繪製扇形，OpenLayers繪製特殊殊圖形四分之一圓
箭頭
35. OpenLayers6實戰，Openlayers實現繪製箭頭，Openlayers繪製軌跡路徑箭頭，可調箭頭角度和箭頭長度
橢圓
36. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製橢圓
半圓扇形
37. OpenLayers6實戰，OpenLayers滑鼠拖拽方式繪製半圓形（半圓扇形）
畫圓環
38. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製空心圓環
39. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製環形（四分之一圓環），OpenLayers特殊圖形繪製
40. OpenLayers6實戰，OpenLayers滑鼠拖拽方式繪製半圓環形（半圓扇形）
測量距離和測量區域面積
41. OpenLayers6實戰，OpenLayers畫線測量距離和畫多邊形測量區域面積
框選地圖放大
42. OpenLayers6實戰，OpenLayers實現繪製圓形放大地圖功能，在地圖上畫圓放大地圖到滑鼠框選區域
43. OpenLayers6實戰，OpenLayers實現繪製矩形區域放大地圖功能，滑鼠框選放大地圖

自定義控制項

  1. OpenLayers6實戰：OpenLayers創建自定義控制項，以創建一個地圖複位控制項為例
  2. OpenLayers6實戰，OpenLayers創建自定義鷹眼控制項，自定義鷹眼控制項樣式，調整鷹眼控制項位置、大小、文字和按鈕等樣式

氣象風場

風場效果
46. OpenLayers6實戰，OpenLayers使用wind-layer插件實現風場動態效果

颱風/颶風
颱風/颶風動畫軌跡同時放在運動軌跡中： OpenLayers實戰，OpenLayers實現氣象臺風颶風運動軌跡運動動畫，可調颱風旋轉速度和運動速度，靜態圖片旋轉動畫

性能優化（瓦片載入速度優化）

  1. Openlayers6實戰，OpenLayers預載入瓦片，解決移動地圖或縮放地圖時出現空白瓦片的問題
  2. Openlayers6實戰，Openlayers優化載入地圖瓦片太慢的問題，Openlayers瓦片緩存實現和請求失敗瓦片重試功能
  3. Openlayers6實戰，Openlayers使用瀏覽器內置IndexDB資料庫緩存地圖瓦片，優化地圖瓦片載入速度和瀏覽器記憶體占用

坐標轉換

  1. OpenLayers6實戰，高德GCJ-02坐標系轉WGS-84坐標系
  2. OpenLayers6實戰，OpenLayers高德地圖瓦片位置糾偏，將高德底圖瓦片位置轉換為EPSG:4326和EPSG:3857

未完，持續更新中...

Vue+OpenLayers6進階專欄推薦：
《OpenLayers擴展組件系列彙總目錄：常用OpenLayers地圖擴展組件ol-ext、ol-cesium、ol-layerswitcher、ol-geocoder和ol-wind等擴展庫實戰示例》


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 重磅新品發佈！雲耀資料庫HRDS，享受輕量級的極致體驗
    本文分享自華為雲社區《重磅新品發佈！雲耀資料庫HRDS，享受輕量級的極致體驗！》，作者：GaussDB 資料庫。 所謂，凡有井水處，即能歌柳詞。 大數據時代，凡有數據處，必有資料庫。 隨著業務需求的不斷擴大和數據量的激增，資料庫的使用場景滲透到了生活的方方面面，不再是大型企業或技術部門的專利，市場對 ...
  • 玩轉雲端 | 擁有HBlock這項“存儲盤活絕技”，數據中心也能“熱辣瘦身”！
    夏天馬上就要到了，“瘦身”不光是特定人群的需求，也是數據中心的需求。構建輕量化、低碳化、高性價比的新型數據中心，更有效地支撐經濟社會數字化轉型，已成為業界主流趨勢。 如何讓數據中心“熱辣瘦身”？輕量級存儲集群控制器——天翼雲存儲資源盤活系統HBlock必不可少！ “HBlock健身房”究竟是如何發揮 ...
  • 鴻蒙HarmonyOS實戰-ArkUI動畫（頁面轉場動畫）
    前言 頁面轉場動畫是指在應用程式中，當用戶導航到另一個頁面時，使用動畫效果來過渡頁面之間的切換。這樣做的目的是為了提升用戶體驗，使頁面之間的切換更加平滑和有趣。 常見的頁面轉場動畫包括淡入淡出、滑動、翻轉、縮放等效果。通過使用這些動畫效果，可以給用戶一種流暢的感覺，讓頁面之間的切換更加自然。 在 ...
  • 鴻蒙HarmonyOS實戰-ArkUI動畫（放大縮小視圖）
    前言 在HarmonyOS中，可以通過以下方法放大縮小視圖： 使用縮放手勢：可以使用雙指捏合手勢來放大縮小視圖。將兩個手指放在屏幕上，並向內或向外移動手指，即可進行放大或縮小操作。 使用系統提供的縮放控制項：在HarmonyOS的開發中，可以使用系統提供的縮放控制項來實現視圖的放大縮小功能。通過在布 ...
  • 使用 MediaCodec 在 Android 上進行硬解碼
    要使用 MediaCodec 在 Android 上進行硬解碼，並獲取 RGBA 數據，你可以按照以下步驟進行操作： 創建 MediaExtractor 對象並設置要解碼的 MP4 文件路徑： MediaExtractor extractor = new MediaExtractor(); extr ...
  • lodash已死？radash最全使用介紹（附源碼說明）—— Array方法篇（4）
    寫在前面 tips：點贊 + 收藏 = 學會！ 我們已經介紹了radash的相關信息和部分Array相關方法，詳情可前往主頁查看。 本篇我們繼續介紹radash中Array的相關方法的剩餘方法。 本期文章發佈後，作者也會同步整理出Array方法的使用目錄，包括文章說明和腦圖說明。 因為方法較多，後續 ...
  • 面試官：在原生input上面使用v-model和組件上面使用有什麼區別？
    前言 還是上一篇面試官：來說說vue3是怎麼處理內置的v-for、v-model等指令？ 文章的那個粉絲，面試官接著問了他另外一個v-model的問題。 面試官：vue3的v-model都用過吧，來講講。 粉絲：v-model其實就是一個語法糖，在編譯時v-model會被編譯成:modelValue ...
  • 不到200行用Vue實現類似Swiper.js的輪播組件
    前言 大家在開發過程中，或多或少都會用到輪播圖之類的組件，PC和Mobile上使用 Swiper.js ，小程式上使用swiper組件等。 本文將詳細講解如何用Vue一步步實現的類似Swiper.js的功能，無任何第三方依賴，乾貨滿滿。 最終效果 線上預覽：https://zyronon.githu ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類