PIXNET Logo登入

桃園網頁設計

跳到主文

桃園網頁設計

部落格全站分類：不設分類

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 5月 13 週六 202301:40

  • 網頁設計 在 Arduino IDE 上面安裝 ESP32



下載安裝請看此篇





本篇文在申明若何讓 Arduino IDE 可使用 ESP32 開辟板。



我手上今朝的這兩塊 ESP32 開發板，都同時具有 WiFi 和藍芽功能，個人感覺大塊的這片(ESP32 Wemos D1) 比較好用，因為它可以合用 Arduino UNO 擴展板。



 

1.jpg


2.jpg










開始安裝



在入手下手前請先安裝妥 CH340G USB to UART 驅動程式。



STEP1 啟動 Arduino IDE 並點擊下拉功能表「File」>「Preferences」。

3.jpg







STEP2 將下面一行複製到 Additional Boards Manager URLs: 裡(註A)，然後點擊「OK」鈕。網頁設計



https://dl.espressif.com/dl/package_esp32_index.json



註A：如果您之前有利用 esp8266 相幹板子，可以在原網址後方加一個逗號隔開，然後再貼入 esp32 的網址，完整網址以下方



https://dl.espressif.com/dl/package_esp8266_index.json

https://dl.espressif.com/dl/package_esp32_index.json





接著，封閉 Arduino IDE。





STEP3 再次啟動 Arduino IDE 並點擊下拉功能表「Tools」>「Board」>「Board Manager...」，在 Type 右方空白欄位輸入「esp32」。

4.jpg





點擊「Install」，然後等待幾分鐘下載終了後點擊右下角落的「Close」鈕關閉視窗。





STEP4 點擊下拉功能表「Tools」>「Board」，捲動到下方找到適合您的開辟板，然後再選擇毗連埠。

我目前是利用大板子，所以選擇「"WeMos" WiFi & Bluetooth Battery」。





5.jpg



STEP5 開啟範例檔，點擊下拉功能表「File」>「Examples」>「WiFi」>「WiFiScan」，點擊「Upload」上傳程式。







6.jpg7.jpg





STEP6 期待程式順遂完成上傳後，開啟「Serial Monitor」，將 Baud Rate 調到 115200，然後您可以看到 esp32 板子開始掃描 WiFi。在這個例子中 esp32 板子掃描到 3 個 WiFi 訊號。

 


8.jpg






相幹貫穿連接

Arduino ESP32 WIN驅動程式

https://www.silabs.com/products/development-tools/software/usb-to-uart-bridge-vcp-drivers



http://pizgchen.blogspot.com/2019/08/esp32-arduino-ide-esp32.html

(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 11 週四 202303:44

  • 網頁設計 Ckeditor Ckfinder https 沒法瀏覽伺服器及上傳問題

1.png

網頁設計今日把http轉成https





到後台編輯時發現沒法瀏覽伺服器及上傳圖片











到ckeditor目次下，找到config.js
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 09 週二 202308:09

  • Python 利用 MySQL Connector 操作 MySQL MariaDB 資料庫教授教養與範例 網頁設計

1.jpg

介紹如何使用 Python 的 MySQL Connector 模組毗連 MySQL/MariaDB 資料庫，進行查詢、新增或刪除等各類操作。







Python 有很多 MySQL/MariaDB 資料庫相幹的模組，而最常被利用的就是 MySQL Connector 與 MySQLdb 這兩個模組，以下是 MySQL Connector 模組的使用方式。

安裝 MySQL Connector 模組

開啟 Windows 中的敕令提醒自元，使用 pip 安裝 Python 的 MySQL Connector 模組：

 
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 09 週二 202300:33

  • 讓網頁表格能主動排序 TableSorter

1.png

1、TableSorter 介紹



在所有 jQuery 表格排序外掛裡面，TableSorter 算是使用率最高的，並且擴充功能相當多(但不一定用獲得)，是以本篇保舉這個對象。



1. 官網申明



https://mottie.github.io/tablesorter/docs/



下載檔案後找到這幾個檔案

 
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 07 週日 202316:41

  • 網頁設計 ESP32如何行使可變電阻讀取外部電壓數值

1.jpg
ESP32 腳位34 連接到可變電阻腳位 2

ESP32 腳位VIN 毗連到可變電阻腳位 1

ESP32 腳位GND 毗連到可變電阻腳位 3







讀取數值為12 bits = 4096

0 - 4095



程式碼:
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 06 週六 202306:03

  • CPanel SMTP 寄信時呈現毛病無法寄出 網頁設計

1.png
網頁設計昨日要寄信到GMAIL信箱

發現CPanel SMTP出現毛病網頁設計
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 04 週四 202306:17

  • bootstrap 在小銀幕下如何把導覽列下移不致蓋住LOGO

1.png
再用bootstrap時，經常會碰到一些小細節必要修改網頁設計



經常為了一些小問題找半天



GOOGLE半天也沒看到有人說明此問題



所以就只好本身來了



找到bootstrap.css



到場
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 02 週二 202319:44

  • 網頁設計 Google reCAPTCHA V2 機械人驗證 講授 PHP典範榜樣


如果已經註冊過，想查詢本身的公私鑰:

https://www.google.com/recaptcha/admin#list

還沒註冊過的，下面三步調建立Google reCAPTCHA~
網頁設計

 
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 02 週二 202310:38

  • 用jquery做相册



範例圖片

網頁設計

1.png

網頁設計




CSS



  1. body{ text-align:center;}

  2. *{ margin:0; padding:0;}

  3. img{ border:none;}

  4. #container{ width:900px; height:900px; background:#000000; border:1px solid #006633; margin:auto; padding:0;}

  5. #loader{ width:480px; margin:auto; height:500px; background:#FFFFFF; float:left; margin-right:5px;}

  6. #imageOptions{ float:left;}

  7. #imageOptions li{ list-style:none; margin:10px;}

  8. .loading{ background:url(images/spinner.gif) center center no-repeat;}

  9. h3{ line-height:500px;}


網頁設計
複製代碼

HTML code



  1. <div id="container">

  2.         <div id="loader">

  3.         <h3>Click on an image to view it full size.</h3>

  4.         </div>

  5.         <ul id ="imageOptions">

  6.                 <li><a href="#"><img width="200px" src="./uploads/20131251.jpg" alt="image" /></a></li>

  7.                 <li><a href="#"><img width="200px" src="./uploads/20131252.jpg" alt="image" /></a></li>

  8.                 <li><a href="#"><img width="200px" src="./uploads/20151213.jpg" alt="image" /></a></li>

  9.                 <li><a href="#"><img width="200px" src="./uploads/20160415netyea_banner1.jpg" alt="image" /></a></li>

  10.                 <li><a href="#"><img width="200px" src="./uploads/20160414netyea_banner5.jpg" alt="image" /></a></li>

  11.         </ul>

  12. </div>


網頁設計
複製代碼



JavaScript code



  1. $(function(){

  2.         $("#imageOptions a").click(function(){

  3.                 var imageSource = $(this).children("img").attr("src");

  4.                 $('#loader').addClass("loading");

  5.                 $("h3").remove();

  6.                 showImage(imageSource);

  7.                 return false;

  8.         });

  9. });

  10. function showImage(src)

  11. {

  12. $("#loader img").fadeOut("slow").remove();

  13. var largeImage = new Image();

  14. $(largeImage).attr("src",src)

  15.         .load(function(){

  16.                 $(largeImage).hide();

  17.                 $("#loader").removeClass("loading").append(largeImage);

  18.                 $(largeImage).fadeIn("slow");

  19.         });

  20. }



複製代碼



(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
  • 5月 01 週一 202306:55

  • ESP32 節制 TB6612FNG 直流馬達驅動∕節制板 網頁設計

1.jpg
影片







TB6612FNG是東芝生產的馬達驅動與控制IC，內部包含兩組H橋式電路，可驅動和控制兩個小型直流馬達，或一個雙極性步進馬達。
(繼續閱讀...)
文章標籤

hpxvrus 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類：NetYea
▲top
«1234...8»

個人資訊

hpxvrus
暱稱：
hpxvrus
分類：
不設分類
好友：
累積中
地區：

熱門文章

  • (3)jquery.pagination.js JS分頁插件：簡單，易用，輕量級
  • (2)Cpanel gmail 檔信問題.. google workspace設定 網頁設計

文章分類

  • NetYea (74)
  • 未分類文章 (1)

最新文章

  • Arduino ESP32 PWM輸出 讓LED漸亮漸暗 網頁設計
  • CPanel 辦事器用transfer Tool對拷主機, 有些網站顯示error 500 網頁設計
  • 網頁設計 Cpanel Email Outlook 設定
  • CSS+JQUERY 靠山圖滿版的做法
  • 用SiteTag 幫網站增添排名 網頁設計
  • PWM晶片看很多了，那PWM節制又是怎麼一回事呢 網頁設計
  • 若何行使google商家資訊提高暴光率 網頁設計
  • 若何行使PHP製作並匯出PDF報表 網頁設計
  • 網頁設計 JAVA 若何在LINUX COPY files時泛起PROCESS圖標
  • 網頁設計 CKeditor 4.11.1 網頁編纂器與CKfinder 2.6.2.1 圖片上傳PHP5.4運用

最新留言

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣：
    • 累積人氣：