網頁

2021/5/31

ELK 是什麼? What is ELK?

ELK是什麼?用途在哪?

Unicode box-drawing alphabet

使用Unicode方塊繪製符繪製的英文字母。

今日風情 20210531

2021年5月31日星期一。

CSS Visual viewport 和 Layout viewport 區別

網頁Viewport又分為visual viewport與layout viewport,兩者差別如下。

2021/5/30

今日風情 20210530

2021年5月30日星期日。

Bootstrap 5 Layout Containers簡介

Bootstrap Containers為響應式頁面佈局(layout)容器,使用Bootstrap的grid排版時必須在container中使用。

2021/5/29

CSS 什麼是Media Queries?

CSS的Media Queries的用途如下。

Thymeleaf th:styleappend 附加 CSS style

Thymeleaf模板頁面使用th:styleappend在HTML標籤既有的style屬性值額外附加其他CSS style。

Thymeleaf th:classappend 附加 CSS class

Thymeleaf模板頁面使用th:classappend在HTML標籤既有的class屬性值額外附加其他class。

2021/5/28

今日風情 20210529

2021年5月29日星期六。

Spring Boot Thymeleaf TODOLIST 範例

使用Spring Boot Thymeleaf搭建TODOLIST應用程式範例。

2021/5/27

Spring Boot 使用WebJars引入前端套件 use WebJars to import front-end web libraries

在Java Web專案的頁面若要引用前端套件如Bootstrap或JQuery,除了手動下載或使用npm或yarn套件管理工具下載,還可以用本篇介紹的WebJars函式庫。

2021/5/26

Thymeleaf 行內表示式 Expression inlining

Thymeleaf 在模板頁面除了th:text標籤屬性搭配${...}帶入變數外,還可使用行內表示式[[...]][(...)]帶入變數。

今日風情 20210526

2021年5月26日星期三。

Spring Boot Thymeleaf 傳入頁面片段參數 fragment parameters

Spring Boot Thymeleaf 使用th:fragment定義頁面片段時可傳入參數。

2021/5/25

Spring Boot Thymeleaf 條件判斷屬性 th:if及th:unless

Spring Boot Thymeleaf 使用th:ifth:unless條件判斷。

今日風情 20210525

2021年5月25日星期二。

2021/5/24

今日風情 20210524

2021年5月24日星期一。

Spring Boot Thymeleaf 使用th:with設定變數 set local variables

p>Spring Boot Thymeleaf 使用th:with設定所屬標籤的的變數。

2021/5/23

Thymeleaf 使用Markup Selectors取得頁面片段

Thymeleaf 使用Markup Selectors取得頁面片段。

Thymeleaf 頁面片段 th:insert、th:replace、th:include 差別

Thymeleaf 插入頁面片段屬性th:insertth:replaceth:include差別如下。

程式 什麼是實字 what is literal

程式中的實字(literal)為原始碼中表示固定值的符號。

2021/5/21

今日風情 20210522

2021年5月22日星期六。

Spring Boot Thymeleaf 取代頁面片段 replace page fragment

Spring Boot Thymeleaf 模板使用th:replace可用指定的頁面中的標籤取代。當多個頁面中有重複出現的部分時(例如logo、header、選單、導覽列,footer區塊)便能利用插入片段的方式來提高維護性,當共同部分需要修改時只要修改被插入的片段即可。

2021/5/20

今日風情 20210521

2021年5月21日星期五。

Spring Boot Thymeleaf i18n多國語言範例

Spring Boot搭配Thymeleaf模板多國語言(i18n)範例。。

Spring Boot Thymeleaf 簡單範例

Spring Boot搭配Thymeleaf模板簡單範例。

今日風情 20210520

2021年5月20日星期四。

2021/5/19

今日風情 20210519

2021年5月19日星期三。

2021/5/17

資料庫設計 面試問題 停車場系統

最近面試被問到如何設計一個停車場系統的資料庫設計問題。

2021/5/16

今日風情 20210517

2021年5月17日星期一。

Golang go.mod檔是什麼

Go 的go.mod檔作用如下。

2021/5/15

2021/5/14

Golang 什麼是package

Go的package(包)的作用如下。

今日風情 20210513

2021年5月13日星期四。

2021/5/12

今日風情 20210512

2021年5月12日星期三。

2021/5/10

今日風情 20210511

2021年5月11日星期二。

2021/5/6

2021 老舊專案程式碼更新到新專案步驟 migrate legacy old function code base to new project

從去年10月開始至今約半年都在進行搬移老舊程式碼到新的專案工作,記錄心得及注意事項。

2021/5/5

Spring Boot Test 整合測試資料庫存取交易回滾 integration test database access transaction rollback

Spring Boot Test 進行資料存取測試時,測試結束後回滾資料異動的方式如下。

2021/5/4

Java substring avoid exception

Java 截取子字串避免錯誤的方法如下。

2021/5/2

Maven 依賴機制的 依賴傳遞 transitive dependencies

本篇介紹Maven依賴機制的依賴傳遞特性(Transitive Dependencies)。

2021/5/1

Golang go.sum 用途

如果Go程式有使用go命令下載module,例如go mod tidy命令,則可在程式根目錄看到go.sum檔,其用途如下。

Golang 使用外部package

Go使用外部的package。