為了方便以後讓任何網站都能快速擁有回頂部按鈕,特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕,輕鬆就能使用!基本上只要在網頁 <head> 到 & […]
網站技術,包含網頁設計、網站架設與網站經營三大部分。
Node-RED 可以讓使用者在 Node.js 的環境中做非常多事情,只要拖拉節點,寫一點點的 Code,就能做到挺複雜的事情,而為了練習讀取 MySQL 資料庫並從其中查詢資料表內的所有資料 […]
Node-RED 預設是無帳號與密碼的,因此若建立在公開的伺服器上就是不安全的,任何人都可以透過 IP 或網域連上平台,且直接修改及部屬編輯器上的節點,因此我們要運用其內建的使用者身分驗證機制來保 […]
XAMPP 是一款易於安裝的 Apache 發行版本,其中還包含了 MariaDB、PHP 和 Perl,僅需要下載且安裝軟體,再以軟體控制面板啟動相關服務,就能輕鬆在電腦或伺服器上架設網 […]
在預設的 PHP 環境中,因為資安的因素,錯誤資訊是被隱藏的,如果網頁哪邊撰寫錯誤,可能會直接給出一個空白頁面,因此在偵錯上就會比較麻煩,為了方便暫時進行開發作業,我們可以用簡單的兩種方式 […]
在前端領域,最近最常被提到的一定是 Bootstrap,它是一組用於網站和網路應用程式開發的開源前端框架,也是包含了 HTML、CSS 及 JavaScript(簡稱「JS」)的框架,提供排 […]
近期 Bootstrap 穩定版已經開發到 5.1 了!不過很多人還是用較舊的版本在進行網頁的開發,而我自己在用 Bootstrap 3.4.1 做面板(Panel)時,就發現了其一個很棒的功能,就是 […]
這次要一次解說兩個 PHP 的方法(函數),首先先來介紹 glob(),它可以用來取得匹配之檔案路徑,您可以透過一些特殊字元來尋找檔案的完整相對路徑,舉例來說要取得在 gpx 資料夾下的所 […]
學過網頁的人都知道 HTML 中的 <a> 標籤是用來做連結的,而我們有時會需要在網頁中導引訪客連結至一個檔案,而該檔案有可能是 DOCX、PPTX 或 PDF 等,而某 […]
學習 PHP,一定要知道 php.ini 是做什麼的!這個設定檔其實就是 PHP 的初始設定,所以一切跟 PHP 有關的環境設定都在裏頭做修改,而每次的修改都必須重新啟動伺服器才會生效,如果您是 […]
這次要運用 PHP 中的 PDO 物件來連線至 MySQL 資料庫,接著取得整個資料表(即所有資料筆數),這邊要注意!若遇上資料表很大的情況可能導致記憶體崩潰,請注意伺服器系統資源的使 […]
在 HTML 中,<button> 並沒辦法直接加上 href 屬性使按鈕作為連結,因此需要靠一些「手段」讓按鈕有像是 <a> 一樣的行為。 首先是方法一,利用一個 […]
上次提到 Node-RED 只做了簡單的介紹與教大家如何安裝,還沒有實際去用一些節點來傳輸資料與顯示資料等,因此這次想藉著簡單的亂數輸出來顯示到儀表板,做個簡易的小練習。首先我們需要在 Node- […]
Node-RED 建構在 Node.js 之上,也就是說需要先行安裝好該環境,這款工具才能運作。早期由 IBM 所開發,後來在 2016 年交給 OpenJS 基金會維護及運作網站等,現今為 […]
<datalist> 是 HTML 原生的標籤,目的是用來建立一組資料清單,並與 <input> 輸入欄位做結合,到瀏覽器端顯示時,使用者只要點擊輸入欄位即會跳 […]
























