使用Spring Data JPA建立公版的DAO、Repository樣板

Spring Data JPA是一個非常方便的資料庫Connection與Mapping的框架,它可以幫你建立資料表、添加資料表的欄位、維護連接池、將Java物件轉換為Table資料。有時候我們會希望自己建立一個我們的公版interface,讓他繼承某一個Repository再添加一些方法,然後之後的DAO interface再繼承我們的公版interface,可以簡化更多程式碼。

使用Java與JavaScript檢查密碼強度

跟帳號有關的系統,不管是網頁、手機App、或是單機桌面應用程式都可能遇上密碼,有些簡單點的會限制使用者的密碼文字長度要多長,複雜一點的還會限制密碼至少要包含某些內容,已達到足夠的複雜強度。本文提供Java、JavaScript與TypeScript的範例,提供檢測密碼是否符合強度的程式碼。

用JavaScript取得作業系統與瀏覽器的名稱、版本、螢幕尺寸、頁面尺寸、縮放比例

在瀏覽器內透過JavaScript可以讀取螢幕尺寸、瀏覽器視窗尺寸、瀏覽器可視區尺寸、整個網頁的尺寸、縮放比例等。但是使用的時候要從各個不同的Object讀取,因此我寫成一個JavaScript的function,將各個資訊包裝成一個Object可以直接讀取使用。還會介紹一個好用的套件可以解析瀏覽器和作業系統的名稱與版本。

在Netlify部署React的Browser Router,不要出現#井字Hash的方式,其他單頁式網頁也適用

Netlify是一個部署前端網頁的好選擇,光是免費方案就有100GB可以使用,一個帳號可以部署多個網站,在全球多處都有伺服器可以加速。但使用React Router DOM的Browser Router產生的虛擬路徑不是真的存在於Netlify上,讓Netlify無法處理。本文教學讓Browser Router順利運作的設定方式。

在Windows使用IIS、Apache、Nginx申請免費SSL/TLS憑證,自動從Let’s Encrypt更新

本文將教學如何在Windows上申請Let’s Encrypt的SSL/TLS憑證,讓網站擁有HTTPS連線的機制。有時候為了讓各種後端語言同時存在,會在Windows上先安裝Apache或Nginx網頁伺服器,再反向代理到伺服器上的PHP、ASP、Java、NodeJS、Django等AP Server。因此在Windows上使用IIS(Internet Information Server)、Apache、Nginx申請憑證的方法都包含在文章內,一起讓瀏覽器網址列上面顯示有鎖頭的HTTPS吧。

一個腳本快速使用Parcel建立React、Router、Redux、Bootstrap立刻進行前端網頁開發

想要快速建立一個React專案時,可以使用npx create-react-app這個工具來快速建立,還可以決定template,但是想要使用Parcel的話可能有點麻煩,因此我寫了一個腳本可以快速建立所需的資料夾與檔案。使用NPM、Visual Studio Code與本篇文章內的初始化腳本即可快速開始進行開發囉。