因為項目中需要用到圖表生成，所有Google了下，找到了這個插件，順帶寫了個DEMO。點擊跳轉官網

先上三個圖，離別曲直線、柱狀、扇形。
 

1.png

(繼續閱讀...)
文章標籤
網頁設計

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

▲top
1.jpg
(繼續閱讀...)
文章標籤
網頁設計

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

▲top
網頁設計

當在設計網頁時，網頁預設是新細明體，

看起來真的不是很悅目

所以測驗考試改變一下字體

讓網頁看起來更順眼

所以在CSS裡，插手
 

  1. @font-face {
  2.   font-family: 'cwTeXHei';
  3.   font-style: normal;
  4.   font-weight: 500;
  5.   src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  6.   src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
  7.        url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
  8.        url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
  9.        url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
  10. }
(繼續閱讀...)
文章標籤
網頁設計

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

▲top

進入CPANEL ROOT後台

選取Transfer Tool
Remote Server Address:
輸入原主機的IP


拔取 ROOT帳號


輸入密碼


在下一步設定便可

 

(繼續閱讀...)
文章標籤
網頁設計

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

▲top
最新版nagios 3.3.1 也能用

此3.06版本筆者已測試完成安裝之筆記，
請列位注意裡面的步調細節，不要LOST必然能成功
 

1. 安裝說明
1.1. Nagios簡述
　　Nagios為知名的遠端主機監看對象，為主從式架構軟體。此中主體可安裝於Linux型功課系統，包括Fedora、Ubuntu及Debian等，另亦可安裝於其他Unix like功課系統，如FreeBSD；而 Nagios偵測Agent，則可安裝於Unix like或Windows主機。詳見圖1。
　　利用Nagios供應給Windows系統之Agent，該Agent稱為NSClient++，連系安裝Nagios監看主機，便可把握Windows系統狀況。運作概念為，由監看主機的Nagios，呼喚本機查抄程式 check_nt，該查抄程式透過安裝在遠端主機的署理程式NSClient++，取得相幹系統資訊，以後再回傳給Nagios，並出現於Web介面上。

1.jpg
　　 
　　圖1：利用Nagios監看Windows系統狀況示意
　　資料濫觞：[2]
　　至於Nagios供給給Linux主機的偵測Agent，則稱為NRPE，其架構示意圖與Windows主機相似，詳見圖2。
　　 2.jpg
　　圖2：利用Nagios監看Linux系統狀況示意
　　資料來源：[3]

1.2. 系統架構
　　本文展示的系統架構，使用1部Fedora功課系統主機，同時監看Windows與Fedora主機。其系統架構與IP位址，詳見圖3。
(繼續閱讀...)
文章標籤
網頁設計

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

▲top

1.jpg

 

(繼續閱讀...)
文章標籤
網頁設計

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

▲top

1.png

1、TableSorter 介紹

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

1. 官網說明

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

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

(繼續閱讀...)
文章標籤
網頁設計

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

▲top
網頁設計

學會Arduino根基操控後
必然會想學會無線遙控，如藍芽Bluetooth, Wifi
這篇說明藍芽Bluetooth操控
結果圖
1.png


影片


代碼：

  1. // Include necessary libraries
  2. #include <BLEDevice.h>
  3. #include <BLEServer.h>
  4. #include <BLEUtils.h>
  5. //#include <BLE2902.h>
  6. //#include <Wire.h>
  7.  
  8. // 界說 UUIDs （注意要與App Inventor內容對應）
  9. #define SERVICE_UUID            "C6FBDD3C-7123-4C9E-86AB-005F1A7EDA01"
  10. #define CHARACTERISTIC_UUID_RX  "B88E098B-E464-4B54-B827-79EB2B150A9F"
  11. #define CHARACTERISTIC_UUID_TX  "D769FACF-A4DA-47BA-9253-65359EE480FB"
  12.  
  13. // 界說LM35 ESP32 GPIO接腳
  14. const int analogIn = A0;
  15.   
  16. int RawValue= 0;
  17. double Voltage = 0;
  18. double tempC = 0;
  19. double tempF = 0;
  20. String BLE_Code;
  21. BLECharacteristic *pCharacteristic;
  22. bool deviceConnected = false;
  23. // Handle received and sent messages
  24. boolean ledState=false;
  25. String message = "";
  26. char incomingChar;
  27.  
  28. // Temperature Sensor 與led接腳變數
  29. float temperature = 0;
  30. const int ledPin = 2;
  31.  
  32. // 設定 callbacks onConnect & onDisconnect函數
  33. class MyServerCallbacks: public BLEServerCallbacks {
  34.   void onConnect(BLEServer* pServer) {
  35.     deviceConnected = true;
  36.   };
  37.   void onDisconnect(BLEServer* pServer) {
  38.     deviceConnected = false;
  39.   }
  40. };
  41.  
  42. // 設定 callback function 當收到新的資訊 (from the Android application)
  43. class MyCallbacks: public BLECharacteristicCallbacks {
  44.   void onWrite(BLECharacteristic *pCharacteristic) {
  45.     std::string rxValue = pCharacteristic->getValue();
  46.     BLE_Code="";
  47.     if(rxValue.length() > 0) {
  48.       Serial.print("領受資料為 : ");
  49.       for(int i = 0; i < rxValue.length(); i++) {
  50.         BLE_Code+=rxValue[i];
  51.         Serial.print(rxValue[i]);
  52.       }
  53.       Serial.println();
  54.       BLE_Code.toUpperCase();
  55.       Serial.println(BLE_Code);
  56.       if(BLE_Code.indexOf("LED")==0)
  57.       {
  58.         ledState=!ledState;
  59.       Serial.println(ledState);
  60.       }
  61.       if(BLE_Code.indexOf("ON")==0)
  62.       {
  63.         Serial.println("LED 點亮!");
  64.         ledState=true;
  65.       }
  66.       else if(BLE_Code.indexOf("OFF")==0) {
  67.         Serial.println("LED 熄滅!");
  68.         ledState=false;
  69.       }
  70.     }
  71.   }
  72. };
  73.  
  74. void setup() {
  75.   Serial.begin(115200);
  76.   pinMode(ledPin, OUTPUT);
  77.    
  78.   // 建樹BLE Device
  79.   BLEDevice::init("ESP32_WeMos1");
  80.  
  81.   // 豎立BLE Server
  82.   BLEServer *pServer = BLEDevice::createServer();
  83.   pServer->setCallbacks(new MyServerCallbacks());
  84.  
  85.   // 豎立BLE Service
  86.   BLEService *pService = pServer->createService(SERVICE_UUID);
  87.  
  88.   // 建立BLE Characteristic
  89.   pCharacteristic = pService->createCharacteristic(
  90.                       CHARACTERISTIC_UUID_TX,
  91.                       BLECharacteristic::PROPERTY_NOTIFY);                     
  92. //  pCharacteristic->addDescriptor(new BLE2902());
  93.   BLECharacteristic *pCharacteristic = pService->createCharacteristic(
  94.                                          CHARACTERISTIC_UUID_RX,
  95.                                          BLECharacteristic::PROPERTY_WRITE);
  96. pCharacteristic->setCallbacks(new MyCallbacks());
  97.  
  98.   // 入手下手（起）service
  99.   pService->start();
  100.  
  101.   // 起頭（起）advertising
  102.   pServer->getAdvertising()->start();
  103.   Serial.println("期待BLE手機連線....");
  104.   
  105.   digitalWrite(ledPin,LOW);
  106.   delay(500);
  107.   digitalWrite(ledPin,HIGH);
  108.   delay(500);
  109.   digitalWrite(ledPin,LOW);
  110. }
  111.  
  112. void loop() {
  113.   // Check received message and control output accordingly
  114.     if (ledState)
  115.         digitalWrite(ledPin, HIGH);
  116.       else
  117.         digitalWrite(ledPin, LOW);
  118.   delay(20);
  119. }
(繼續閱讀...)
文章標籤
網頁設計

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

▲top

在搜索引擎不絕改版網頁不能不進入https
所以後台編輯器圖片上傳也變得不能用了
不得已又就教了谷哥大神
多方嘗試後，找到
CKeditor 4.11.1 網頁編纂器與CKfinder 2.6.2.1 圖片上傳可以用
1.png


檔案下載了以後，籠蓋之前檔案
找到 ckeditor/config.js

  1. CKEDITOR.editorConfig = function( config ) {
  2.         // Define changes to default configuration here. For example:
  3.         // config.language = 'fr';
  4.         // config.uiColor = '#AADC6E';
  5. }
(繼續閱讀...)
文章標籤
網頁設計

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

▲top

網頁設計Google的地圖相當的方便，不僅圖資完全，因此也有很多店家，會將Google地圖嵌到網頁中，讓消費者方便找尋，但Google改版後，很多朋友已找到地點，卻不知要如何嵌到網頁中，這個嵌入鈕，還相當的不顯著，所以筆者就花點時候，將它整理，需要的朋友，就操作看看吧!

嵌入Google地圖：

Step1
起首，進到https://www.google.com.tw/maps/，接著在左上角輸入要查尋的地址。
1.png
Step2
當找到後，點左上的同享圖示，再點分享和嵌入地圖選項。
2.png


Step3
當設定好後，將下方的語法複製起來。網頁設計

Step4
再貼到網頁中。網頁設計
3.png

Step5
如許就會呈現在網頁中顯示。

 

(繼續閱讀...)
文章標籤
網頁設計

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

▲top
1 23...8