在當今的開發環境中，桌面應用程式的開發方式有了巨大的改變，從原生的桌面應用開發到跨平台技術的應用開發，隨著 Modern Web 技術的迅速發展，我們現在已經可...
Ci
‧
2024-09-15
三十天，一個說長不長說短不短的時間，還真沒料到要連續三十天都發文章也不是一件容易的事情，原本今年是想報名自我挑戰組試試水溫，有了今年的經驗之後明年再來挑戰正式組...
能夠間隔讀取CPU風扇轉速後，我們的Electron應用程式基本的功能就完成了，但是UI的呈現略顯單調。由於我們是基於React來開發UI，所以可以使用既有的U...
程式打包 安裝執行結果 開發流程 環境建立 套件功能測試 系統功能需求定義 後端ＡＰＩ開發 功能開發 登入功能 文章列表 文章編輯 使用者管理 地圖標記...
圖片上傳與圖片顯示ＵＩ設計 <div class="flex justify-content-start"> &...
昨天成功在Electron應用程式使用動態連結函庫讀取CPU風扇轉速，但這個轉速數值只會在Electron應用程式UI載入後更新一次，之後就會維持同樣的轉速數值...
昨天簡單介紹了node-ffi-npi的基本概念，今天要實際使用node-ffi-npi來呼叫我們動態連結函庫內的函式。 首先安裝node-ffi-npi：...
新增使用者UI <div class="container"> <div> <div class=...
我們先前有產生出讀取環控晶片的動態連結函庫，但是在Electron應用程式中並不能像Windows console application一樣直接引入使用。要在...
頁面中嵌入Google map 進行顯示 <div class="flex justify-content-start">...
昨天將使用React的Electron開發環境建置完成了，就可以開始動手撰寫Electron應用程式。第一步先修改Electron應用程式的UI，目前的UI還是...
使用者密碼變更UI <p-tabPanel header="Header II"> <ng-tem...
使用者資料編輯UI <p-tabView styleClass="tabview-custom"> <...
實際建置Electron的開發環境後，可以發現範例中的UI是採用靜態的HTML產生，所以我們可以藉由不同的前端框架(如React、Vue等等)來做為UI的開發工...
文章列表編輯功能 editArticle(article: any) { void this.router.navigate(['/article',...
提供欄位驗證確認資料是否輸入 設定表單: 使用 Template-driven Forms 來建立表單。 定義驗證規則: 使用內建驗證器，Vali...
今天要來將之前編寫的Electron應用程式實際執行，以及介紹如何打包Electron應用程式。 執行start腳本： pm start `` 這次...
服務紀錄登入使用者資料 export class LocalDataService { private userData = new BehaviorSub...
昨天僅在文章後段介紹了呈現UI的HTML檔案index.html，要啟動Electron應用程式，還需要新增一些javascript檔案。 main.js...
完成了驅動程式及動態連結函庫後，接著就是應用程式的呈現，如Day01所提，會使用Electron作為基礎。今天會來介紹如何建置Electron應用程式的開發環境...
文章物件開發 <div class="container"> <div> <div class...
文章物件 export interface Article { IdArticle: number; Title: string; ArticleT...
檔案上傳ＵＩ實作 <input type="file" class="file-input" (change)=&...
SQLData @Entity() export class Article { @PrimaryGeneratedColumn() IdArticle...
使用者資料存取 使用者資料 @Entity() export class User { @PrimaryGeneratedColumn() id: nu...
軟體名稱 隨身旅遊雜記 開發目標 提供可以記錄旅遊或美食的雜記功能，可以透過關鍵字收尋主題內容，找尋之前撰寫的內容，並可以提供離線查詢功能，可以留存與查詢圖片．...
Express簡介 Express 是一個非常受歡迎的 Node.js Web 應用程式框架。它被廣泛用於建立後端環境，並提供了一個簡潔而靈活的方式來處理 HT...
動機 近來發現工作上用來讀取環控晶片的應用程式漸漸不堪使用，有時候要更改介面或是修改功能，都非常不容易。加上這隻應用程式所用到的驅動程式被列入微軟的易受攻擊的驅...
本系列文章將會把怎麼建構巴哈瀑布流、所有遇到的問題毫不保留全部紀錄 之前非本科菜雞如我，用 React 做了個失智列車網站，就去投了兩個前端實習（講白了整個...
今天我們來用 electron-forge 打包程式。 新增 electron-forge 到專案 npm i -D @electron-forge/cli...
CarterChu
Terry
JacobLinCool
iThome鐵人賽
看影片追技術