Fork me on GitHub

如何使用JDBC連接資料庫(mysql)

這邊我是連接公司的XAMPP伺服器上的MySQL，以為連接方式會跟一般MySQL不同(因為公司專案的檔案寫法跟連接SQL Server差很多，雖然看得出意思差不多……)

1. 產生一個Package來裝檔案

功能相近或相關的JAVA檔案通常會放在同一個Package裡，這次要接資料庫也一樣，幫它開一個包廂(X)，package的命名也有慣例，這邊就不歪樓了 (實際上是自己也還搞不清楚)
在專案的Java Resources/src資料夾右鍵，新建一個Package(套件)，然後建立一個JAVA檔案dbConnect.java

2. 準備套件

在JAVA使用SQL主要是依賴java.sql這個系列的(?)jar包，剛開始嘗試寫連接的code時，Eclipse的自動修正幫我import了

1
2
3
4
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Connection;
import java.sql.Statement;

雖然要能動，import這些檔案就行了，但import一大串不太好看，萬一又要用其他sql功能可能又要再加，在網上查到很多資料都是直接引入java.sql.*，所以這邊我就引入整包sql的package。

1
import java.sql.*;

3. 連接

終於可以開始連接資料庫啦~老樣子先創建一個main方法，使用try執行，我習慣在測試的時候印訊息，確保有成功啟動，搭配catch捕捉錯誤訊息比較好除錯。

a. 首先裝上第一個零件：driver，使用Class.forName(dbDriver)註冊驅動，如果有順利啟動就會在終端機Log看到「驅動成功啟動」的訊息

b. 第二個零件：資料庫登入訊息，就像上飛機要檢查機票一樣，要知道我們要去哪裡，核對身分證以及姓名，這邊DriverManager提供的getConnection()方法可以告訴電腦我要連去哪個資料庫(格式：jdbc:資料庫://IP位址:port/欲連接的table)、登入資料庫的帳號密碼(根據之前Rails開發的經驗，Java的帳號密碼資訊應該也是也要丟在其他檔案的吧，這樣直接寫在Code超可怕的耶“ 有空研究一下)

1
Connection dbConn=DriverManager.getConnection("jdbc:mysql://localhost:3306/test", "(你的帳號)", "(你的密碼)");

總結這個步驟3，現在code長這樣

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
public class dbConnect{
    public static void main(String[] args) {
        try {
            Class.forName("com.mysql.jdbc.Driver");
            System.out.println("驅動成功啟動");
            
            Connection dbConn=DriverManager.getConnection("jdbc:mysql://localhost:3306/test", "(你的帳號)", "(你的密碼)");
            System.out.println("連接成功");

        }catch(ClassNotFoundException e) {
            e.printStackTrace();
            System.out.println("找不到驅動程式");
			
        }catch(Exception e){
            e.printStackTrace();
            System.out.println("加載失敗");
        }
    }
}

4. 查詢SQL資料

在try的block繼續加上code，畢竟連接成功才能搜尋嘛~
建立一個和資料庫溝通用的Statement物件，搭配儲存結果用的ResultSet物件進行SQL查詢，再用
迴圈把結果轉出來

1
2
3
4
5
6
7
8
9
10
11
12
13
Statement stmt = dbConn.createStatement();
String sql="SELECT *  FROM user";
ResultSet rs = stmt.executeQuery(sql);		

System.out.println("-----資料輸出開始-----");
while (rs.next()) {
    String name = rs.getString("name");
    int age = rs.getInt("age");
    String gender = rs.getString("gender");
    String email = rs.getString("email"); 
    System.out.println(name+","+age+","+gender+","+email);
}
System.out.println("-----資料輸出完畢-----");

呈現出來的結果

5. 清除垃圾

最後，我們使用完查詢要記得關閉資料庫連接，把剛才建立的物件清乾淨，減少記憶體的負擔

1
2
3
dbConn.close();
stmt.close();
rs.close();

6. 整理連接用的數據

全部塞在code裡面很長，把這些資料整理出來另外寫比較好維護，而把這些落落長的資料寫成變數放在方法裡也比較好理解這些方法帶入的資料代表的是什麼。

1
2
3
4
5
private static String dbDriver="com.mysql.jdbc.Driver";
private static String dbURL="jdbc:mysql://localhost:3306/test";
                            
private static String userName="你的帳號";
private static String userPassword="你的密碼";

最後成果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
package com.test.dbConnect;

import java.sql.*;

public class dbConnect{
    private static String dbDriver="com.mysql.jdbc.Driver";
    private static String dbURL="jdbc:mysql://localhost:3306/test";
    private static String userName="你的帳號";
    private static String userPassword="你的密碼";
    
    public static void main(String[] args) {
        try {
            Class.forName(dbDriver);
			
            Connection dbConn=DriverManager.getConnection(dbURL, userName, userPassword);
            Statement stmt = dbConn.createStatement();
			
            String sql="SELECT *  FROM user";
            ResultSet rs = stmt.executeQuery(sql);			
            while (rs.next()) {
                String name = rs.getString("name");
                int age = rs.getInt("age");
                String gender = rs.getString("gender");
                String email = rs.getString("email");
                System.out.println(name+","+age+","+gender+","+email);
            }
                    
            dbConn.close();
            stmt.close();
            rs.close();
	        
        }catch(ClassNotFoundException e) {
            e.printStackTrace();
            System.out.println("找不到驅動程式");
			
        }catch(Exception e){
            e.printStackTrace();
            System.out.println("加載失敗");
        }
    }
}

為什麼還是連不上?

java.lang.ClassNotFoundException: com.mysql.jdbc.Driver

出現這就代表mysql-connecter的jar包可能沒有被成功的引入到這個專案，這次的解決方法是：
a. 工作區的專案名稱按右鍵/內容

b. JAVA 建置路徑/按類別路徑/add library/Web 應用程式程式庫/下一步/完成

如果本身專案有Web應用程式庫，可以檢查看看WEB-INF\lib資料夾有沒有mysql-connector-java-(版本號).jar檔案，可能只缺它，如果沒有的話可以去MySQL下載，windows可以選擇Platform Independent版本的zip檔，解壓縮就會獲得jar檔了。

c.新增完成後就能解決這個問題~

比對了一下發現Java Resources底下的Libraries資料夾，原本直接寫好code就能動的專案，底下有個Web應用程式庫，不知道是不是new專案的時候選了什麼選項自動生成的，既然漏掉了，現在知道怎麼補救了(經驗+1)

參考資料

Lesson: JDBC Introduction
JDBC查詢資料範例
JDBC快速入門教學
Installing MySQL JDBC driver(下載driver教學)
java.lang.ClassNotFoundException: com.mysql.jdbc.Driver in Eclipse

展開全文 >>

Thunderbird，關於資料備份匯入

公司信箱用的是Thunderbird，遇到某些狀況需要重裝，同事的資料都需要備份(之前有一次忘記備份差點被追殺orz)，可是Thunderbird的資料夾功能可能因為本人覺得不是那麼好理解，來簡單說說怎麼備份~

相關的檔案在C:\Users\(使用者名稱 )\AppData\Roaming\Thunderbird\Profiles\(亂數).default-release這一層資料夾裡，而亂數名稱的資料夾則是一個亂數對應一個帳號，例如現在我有新增一個A信箱的帳號，就會產生一個像是lyh99o1n之類的亂數名稱資料夾，再新增一個B信箱的話，就會再產生另一個新的亂數名稱hqk49oc9資料夾，就可以得知關於這個帳號的資料都在這個資料夾裡，整個資料夾複製到找的到的地方，但我自己習慣整個Thunderbird資料夾都複製，以免有遺漏。

信件備份匯入

亂數資料夾點開之後會看到非常多的資料夾以及檔案，找到Mail資料夾，他是用來存放信件的。

打開重新安裝的Thunderbird同樣找到C:\Users\(使用者名稱)\AppData\Roaming\Thunderbird\Profiles\資料夾，就會看見多了一個新的亂數資料夾，點進去，把剛才複製的Mail資料夾貼上並且覆蓋即可。

小提醒:如果沒有要定期自動刪郵件，重裝之後也要自己在帳號設定/伺服器設定那邊勾選不刪除伺服器上的郵件，這樣可以避免下次要重裝結果有信件遺失的意外。

通訊錄匯入

亂碼資料夾下有三個檔案關於通訊錄資料，分別是

  • 個人通訊錄：abook.mab
  • 收集到的E-mail：history.mab
  • 群組：impab.mab

原本我以為只要複製貼上到相對應位置就可以成功，結果怎麼試都沒用，突然想起剛才研究匯出檔案類型時路過的匯入檔案按鈕，巧了，mab檔案可以匯入:

這樣就選擇使用mab檔匯入資料，下一步選擇檔案，把剛才備份、也就是舊資料夾的abook.mab、history.mab、impad.mab這三個檔案依次匯入，通訊錄資料就可以回復囉~

參考資料

Thunderbird通訊錄手動還原

展開全文 >>

在JAVA Web的JSP檔案使用Bootstrap

發現公司系統的專案都是寫原生CSS，開發切版花了很多時間，不如來用一下之前學過的Bootstrap加速一下~
先貼上一段bootstrap的程式碼，還沒成功引入bootstrap的畫面

預期會變成這樣，它是一個可以展開、摺疊的摺頁，這樣就需要引入bootstrap的CSS和JavaScript控制的這兩個部分

最簡單粗暴的-線上導入

在head標籤中加入這串，這樣就能導入css部分的程式碼：

1
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

別忘了還有負責動態效果的JavaScript，

1
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

使用下載版本的Bootstrap

  1. 先到載點下載CSS以及JS的檔案，這裡下載完會獲得一個壓縮檔

  2. 在專案的WebContent資料夾裡新建一個Bootstrap資料夾(或是其他名字也可以)，把剛才下載的壓縮檔裡的CSS、JS資料夾塞進去，像這樣(js資料夾的錯誤還沒搞清楚是怎麼一回事，但目前用起來沒什麼問題)

  3. 和上一種方法相同，將這段程式碼貼在head標籤內，將路徑位置改成資料夾的位置就可以正常使用了

    1
    2
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"  >
    <script src="Bootstrap/js/bootstrap.min.js"></script>

參考資料

bootstrap-Download
How to Get Started with Bootstrap (UI) & Eclipse
Add Bootstrap to JSP Page

展開全文 >>

Github如何使用SSH推送檔案

最近桌機換新，終於可以用比較大的螢幕寫Code了(灑花)，但當我要push到github的時候，一直跳出SSH是不合法的(大概這個意思，忘了截圖)，才突然想到之前上課的時候有設定用SSH的方式上傳檔案，翻出這個簡略的筆記檔，照做卻卡關!是時候把它完善一下了，步驟開始~

先產出電腦的SSH KEY

1. 在終端機輸入ssh-keygen 建立新的ssh key

1
2
Generating public/private rsa key pair.
Enter file in which to save the key (C:\User\(使用者)/.ssh/id_rsa):

這邊會顯示等等ssh key存放的位置，如果有設定過的會顯示：

1
2
C:\Users\(使用者)/.ssh/id_rsa already exists.
Overwrite (y/n)?

這邊可以選擇要不要覆寫之前創建的ssh檔案，如果要覆寫就輸入y繼續創建流程，不要的話就輸入n。

2. 設定上傳密碼

1
2
Enter passphrase (empty for no passphrase):
Enter same passphrase again:

承上一步驟，輸入y之後會顯示Enter passphrase選項，這是用來設定上傳密碼的，如果想要每次上傳都輸入密碼的話可以設定，沒有要設定的話就直接Enter到下一步。下面的選項就是重複輸入密碼而已，不設定密碼的話一樣Enter進入下一步。

3. 成功產生檔案(可以備份到隨身碟帶著走）

成功產出ssh key檔案之後會出現以下訊息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Your identification has been saved in C:\Users\(使用者)/.ssh/id_rsa
Your public key has been saved in C:\Users\(使用者)/.ssh/id_rsa.pub
The key fingerprint is:
SHA256:(一大串密鑰) xx@xxxxx
The key's randomart image is:
+---[RSA 3072]----+
|                 |
|                 |
| .               |
|+   .   .        |
|                 |
|=                |
|                 |
|                 |
|                 |
+----[SHA256]-----+

上傳到Github囉~

1. 讀取SSH key

注意!!這很重要!!特別是Windows的朋友!!我卡在這裡!!如果前面操作都是用cmd在操作的朋友，
這邊要換成PowerShell、這邊要換成PowerShell、這邊要換成PowerShell，因為cat是Linux Bash，在cmd使用這個指令會一直不斷地跳'cat' 不是內部或外部命令、可執行的程式或批次檔。

cd到.ssh資料夾下可以下這個指令，cat id_rsa.pub把公鑰內容印出來；或是直接點出資料夾，把資料夾的路徑複製過來，也就是cat "C:\Users\(使用者)\.ssh\id_rsa.pub"這樣也能讀取，讀出來的資料格式像是下面這樣，把這一大串複製起來備用

1
ssh-rsa (一大串密鑰)= xxx@xxxxxx

2. Github帳戶設定

a. 帳戶設定中找到Settings

b. 找到SSH and GPG keys選項，點選New SSH key新增SSH key

c. Title可以取一個方便辨識的名字就行了，Key欄位就貼上剛才我們cat出來複製的那一大串key，按下Add SSH key就完成新增

3. 終於，SSH可以用了

在Github新建一個repository(步驟不贅述啦)，這邊我們就可以使用SSH的方式上傳檔案了

搬運一下Github的步驟說明，這裡我們remote的分支就是用SSH上傳啦~

1
2
3
4
5
6
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:charsin1olly/JSP-from-zero.git
git push -u origin main

展開全文 >>

JSP是什麼 & 如何開始使用

JSP 全名 Java Server Pages，本質上是 Servlet，是一種動態網頁開發技術，用於回應客戶端傳送的請求，並根據請求內容動態地生成 HTML、XML 或其他格式文件的 Web 網頁，然後返回給發送請求的客戶端。比起 Servlet 要生成網站 HTML 的方式還要更簡便、快速。

而且，它是一個可以在 HTML 頁面使用 Java 的酷東西。

開始 JSP（使用 Eclipse）

1. 新建一個專案(參考文章裡的使用介面跟這個版本不太一樣):

a. 打開 Eclipse(這裡版本是 2023.6 版)，找到工具列左上角的檔案/新建/動態 Web 專案（Dynamic Web Project）

b. 設定專案環境

_ 專案名稱(Project name): 就是專案名稱，方便辨識的就行了
_ Target runtime:我們剛才下載的 Tomcat(如果沒有的話去 New Runtime 找，Apache 資料夾裡會有，選擇一樣版本號的 Tomcat)
到這裡如果沒有其他細節（例如更改資料夾結構之類的）可以直接完成。

2.新增 JSP 頁面

可能因為結構設定不同，所以介面差的有點多，不過我猜測 webapp 就是 WebCotent，在這個資料夾中建立一個叫做 index 的 JSP 檔。
建立的步驟很簡單，在 webapp 資料夾上按右鍵，新建選項裡有個 JSP File 點下去就對了，命名 JSP 檔案名稱完畢後，按完成即可建立新的 JSP 頁面。

3. 預覽頁面

點執行按鈕，啟動 Tomcat 就可以進行頁面預覽

JAVA 要寫在哪裡呢

由 Eclipse 產生的 JSP 文件檔案有類似 HTML 的基本架構，title 是網頁分頁名稱，而<% %>內則可以撰寫 JAVA，像是這樣：

在網頁呈現出來的畫面：

參考資料

Eclipse JSP/Servlet 环境搭建
JSP - 維基百科

展開全文 >>

百百種錯誤訊息之 The origin server did not find a current representation for the target resource or ....

太長了標題放不下，全部的錯誤訊息是這樣：

1
The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.

這個訊息在我學習 servlet 拜訪網址的時候出現過，有以下幾種可能

1. web.xml 文件標籤錯字導致的文法錯誤
2. 拜訪的網址有錯字
3. 新增或是修改 servlet 網址之後沒有重開 tomcat(本次問題)
4. 網址名稱不能和 servlet 的名字一樣(本次問題)

基本上這個錯誤訊息都是各種錯字造成的，請大家要仔細檢查自己打的有沒有錯啊~另外，網址名稱不能和 Servlet 的名字一樣這一點不知道是不是巧合，當我的網址改成和 Servlet 名稱不同的網址就能順利拜訪，希望有知道原理的大大可以告訴我(跪

參考資料裡面還有幾個解決方式，但具體為甚麼會有關聯沒有說得很清楚，也許有朝一日我也會用到?

關於伺服器設定的部分

第二篇參考文章中提到這個錯誤有可能會與伺服器設置有關，而參考文章第一篇的問題三中也有和伺服器設定有關的解決方法，我照著設置結果 tomcat 直接開不起來，顯示的錯誤訊息和路徑錯誤有關，重新新增伺服器之後發現一切正常，而我的電腦預設 Server Locations 選項是選Use workspace metadata，發現不一定要和文中說的一樣選擇Use Tomcat installation這個選項，但如果要對應問題六的畫面，就必定要選這個選項才會有自己的專案資料夾生成在 tomcat 的資料夾中(依照 Deploy path 位置生成，我這邊會佈署到wtpwebapps資料夾)，否則就會跑進workspace的.metadata資料夾，所以在 tomcat 找不到專案資料夾的話，可以去檢查 tomcat 伺服器設定，看看它究竟把專案佈署到哪裡去囉~

參考資料

Web 开发：关于 Tomcat 出现 The origin server did not find a current representation for the target resourc…的问题

“404: The origin server did not find a current representation for the target resource or is not willing to disclose that one exists” with Tomcat

展開全文 >>

JAVA 數據類型的自動轉換

基本：範圍小的類型會自動提升為數據範圍大的類型

範圍由小到大：byte < short < int < long < float < double

float的範圍是3.4e−038～3.4e+038比long的-9,223,372,036,854,775,808～9,223,372,036,854,775,807還廣，所以long可以被轉換成float，但float不能轉換成long

1
2
3
4
5
6
7
8
9
10
int intOne = 1;

long longOne = intOne;
System.out.println("這是longOne ->"+longOne);
//印出 這是longOne ->1

long longTwo = 222;
float floatTwo = longTwo;
System.out.println("這是floatTwo ->"+floatTwo);
// 印出 這是floatTwo ->222.0

如果想把float轉成long就會產生錯誤訊息 ：cannot convert from float to long

1
2
3
4
float floatThree = 2.01f;
long longThree = floatThree;
System.out.println("這是longThree ->"+longThree);
System.out.println("這是floatThree ->"+floatThree);

特殊：byte、short和char的運算結果為int

byte和byte以及short和short之間運算的結果為int，這個設計是為了避免運算過程超出byte和short的數據範圍

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// 先寫一個可以檢查數據類型的方法
public static String getType(Object obj){
    return obj.getClass().toString();
  }

public static void main(String[] args){
    byte byteOne = 1;
    short shortOne = 2;
    char charOne = 'a';
    long longTwo = 222;
      
    System.out.println("byte相加的數據類型是："+getType(byteOne+byteOne));
    // byte相加的數據類型是：class java.lang.Integer
    
    System.out.println("short相加的數據類型是："+getType(shortOne+shortOne));
    // short相加的數據類型是：class java.lang.Integer
    
    System.out.println("char相加的數據類型是："+getType(charOne+charOne));
    // char相加的數據類型是：class java.lang.Integer
    
    System.out.println("byte+short的數據類型是："+getType(byteOne+shortOne));
    // byte+short的數據類型是：class java.lang.Integer
    
    System.out.println("char+byte相加的數據類型是："+getType(charOne+byteOne));
    // char+byte相加的數據類型是：class java.lang.Integer
    
    System.out.println("long相加的數據類型是："+getType(longTwo+longTwo));
    // long相加的數據類型是：class java.lang.Long
  }

特殊：不按照規則宣告變數的自動轉換

當宣告變數時不按照JAVA宣告變數，像是宣告long的時候沒有在數字後方加上L，則這個數據會被判斷為int，但因為int是可以轉換成
long的數據類型（int範圍小於long），所以編譯時不會報錯

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public static void main(String[] args){
   long a = 123L;
   long b = 123; //此時的123判定為int
    
   System.out.println(getType(a));
    // 印出 class java.lang.Long
    
   System.out.println(getType(123));
    // 印出 class java.lang.Integer
    
   System.out.println(getType(b));
    // 印出class java.lang.Long
 }

同理如果是把範圍較大的double轉換成範圍較小的float，則會報錯

1
2
3
4
5
6
7
8
9
10
11
public static void main(String[] args){
    float c = 123.01F;
    float d = 123.01; //此時的123.01判斷為double
    
    System.out.println(getType(c));
    System.out.println(getType(123.01));
    System.out.println(getType(d));
}

// 錯誤訊息 ：
// error: incompatible types: possible lossy conversion from double to float

數據運算的預設類型

整數運算後的預設數據類型為int、有小數的數據則為double

1
2
3
4
5
6
7
8
9
public static void main(String[] args){
    byte b1 = 123;
    
    System.out.println(getType(b1+1));
    // 印出 class java.lang.Integer
    
    System.out.println(getType(b1+1.1));
    // 印出 class java.lang.Double
}

如果運算結果超過int範圍的話，結果則還是int類型(但答案會很奇怪):

1
2
3
4
5
6
7
public static void main(String[] args){
    System.out.println(getType(b1+2147483647));
    System.out.println(b1+2147483647);
}

//class java.lang.Integer
// -2147483526

為了不產生奇怪的結果，則要使用Long，數據類型也會依照運算結果變成Long（）：

1
2
3
4
5
6
7
public static void main(String[] args){
    System.out.println(getType(b1+2147483647L));
    System.out.println(b1+2147483647L);
}

// class java.lang.Long
// 2147483770

結論

JAVA數據類型是根據結果判斷的，如果兩種不同類型的數據進行運算，結果則會轉換為範圍大的數據類型；另外，運算結果會超出該數據類型的範圍，則會報錯或是產出不正確的答案，要謹慎選擇宣告類型。

展開全文 >>

Tomcat如何使用

迷茫的JAVA之路，跟之前學的rails不一樣啊~(懷念一下專案裡面直接rails s，就能打開的localhost)JavaWeb專案的預覽server還要另外裝，而我們公司前輩跟我說是使用tomcat，上網查過之後得知tomcat是在JavaWeb開發中蠻常見的伺服器工具，那它要怎麼用呢?

安裝Tomcat

  1. 這裡可以查看適合的版本，找到適合版本可以在左側欄找到相對應版本的下載點，如下圖：

  2. 記得選對作業系統的版本

  3. 下載後可在任何地方解壓縮即可使用(不要解到自己找不到的地方就行了)，下圖為解壓縮完的樣子(下面那個檔案是下載下來的壓縮檔)，我自己創建了一個tomcat資料夾專門存放tomcat各個版本:

資料夾結構

  • bin：可以在tomcat上運行的程序
  • conf：tomcat的配置文件，像是運行用的port設定之類的
  • lib：tomcat運行要用的jar包
  • logs：伺服器運行紀錄，啟動之後會產生的伺服器訊息通通都會存在這裡
  • temp：運行時所產生的暫存檔
  • webapp：存放執行專案，如果要將專案佈署到web上就是要塞進這資料夾
    這裡的docs資料夾裡面就是tomcat的技術文件，和網站上看到的一樣；ROOT資料夾則是預設畫面，例如等等要確認開啟是否成功的那個歡迎畫面，就是這個資料夾裡的index.jsp檔案
  • work：存放JSP轉成Servlet的編譯檔案

啟動Tomcat伺服器

有兩種方法可以開啟tomcat伺服器，挑一種開就行了，我自己是方法一打得開，但輸入網址一直有問題，換了方法二就可以進入成功畫面。

方法一、使用startup.bat

a. 找到tomcat的bin資料夾，有一個檔案叫做startup.bat，點擊兩下即可啟動伺服器

b. 在網址列輸入http://localhost:8080 或是 http://127.0.0.1:8080檢查是否成功開啟，下圖為成功啟動之畫面

  • 如果視窗點兩下就閃退，可以去檢查JAVA_HOME設定是否正確(名稱是否全大寫、_有沒有打錯、路徑是否到JDK的目錄)

  • 遇到閃退情形也有可能是Tomcat與當前使用的JAVA版本不相容，原本下載10(支援JAVA 8以後，使用同樣支援JAVA8以後的Tomcat 9也是閃退)，發現系統JAVA是1.7，下載Tomcat 8就可以順利開啟。

啟動後顯示亂碼怎麼辦呢?


雖然似乎不影響使用，但看起來不太舒服，該怎麼讓它正常顯示呢?

a. 到Windows的設定，找到時間和語言/相關設定/系統管理語言設定

b. 變更系統地區設定

c. 將下方 Beta:使用Unicode UTF-8提供全球語言支援選項打勾，確定

d. 可以正常顯示中文了~

方法二、 使用終端機指令

a. 用Win+R，輸入cmd

b. 輸入指令到tomcat的bin資料夾，例如:cd C:\Program Files\tomcat\apache-tomcat-8.5.90\bin

c. 輸入指令catalina run開啟伺服器，這個方法的好處就是如果JAVA_HOME設置上有問題，可以直接在終端機上顯示錯誤訊息，一看就知道哪裡有問題~

d. 在網址列輸入http://localhost:8080 或是 http://127.0.0.1:8080檢查是否成功開啟，成功結果如方法一

關閉Tomcat伺服器的方式

三種方法可以選一種用：

  1. 把視窗直接關掉
  2. 在執行的視窗(startup.bat或終端機畫面)按下ctrl+c
  3. bin資料夾裡的shutdown.bat點兩下，剛才用startup方式打開的視窗就會關掉了

修改Tomcat使用的port

  1. 進到tomcat的conf資料夾，修改server.xml檔案，可用記事本或是其他編輯器修改
  2. 打開後找到connector標籤，會看到預設port是8080，可以修改成其他的port(1~65535之間的數字，盡量1000以上，避免撞系統使用到的port)，改完存檔 
    1
    2
    3
    4
    5
    <Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443"
               maxParameterCount="1000"
               />
  3. 重新開啟tomcat伺服器，這樣就修改完成了

在Eclipse上使用

1. 新增伺服器

a. 視窗(Window) / 喜好設定(Preferences) / 伺服器（Server） / Runtime Environments / 新增(add)/找到我們要用的Tomcat版本 / 下一步

b. 瀏覽/選擇tomcat所在資料夾，要在apache-tomcat-（版本號）這個資料夾的目錄 /完成

2. 執行

a. 找到上方工具列的視窗(Window) / Web 瀏覽器能設定我們開啟server的時候要用哪個瀏覽器

b. 進到想預覽的頁面檔案，按工具列的綠色執行按鈕，選擇剛才添加的伺服器/完成

c.成功啟動～

d.關閉伺服器
下方視窗的主控台分頁有個紅色的停止鍵，按下去就能關閉

參考資料

【尚硅谷】JavaWeb 2020IDEA新版

展開全文 >>

算是初次見面吧?XML

XML這個檔案類型，對於它的印象，我只是隱約記得長得很像HTML，直到工作上用到JavaWeb專案裏頭有一個Servlet用的web.xml檔案，看了很多教學發現XML檔的規範都不太了解，決定先了解基礎再去實作~(不先打好地基，後續真的很麻煩呢)

甚麼是XML?它又能做什麼?

  1. XML是一種可擴張的標記性語言

  2. 可以用於保存數據，標籤名稱可以自訂，例如

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    student[id=3, name="小明"]
    student[id=4, name="小華"]

    存為xml檔則為
    <students>
        <student>
            <id>3</id>
            <name>小明</name>
        </studnet>
        <student>
            <id>4</id>
            <name>小華</name>
        </studnet>
    </students>

    可用students標籤表示很多學生，裡面又用student表示單個學生，學生又分別有id以及姓名name

  3. 可用於設定專案配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    <?xml version="1.0" encoding="UTF-8"?>

    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" 
    id="WebApp_ID" version="3.0">
     <display-name>HelloJSP</display-name>
      
    <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.jsp</welcome-file>
    <welcome-file>default.htm</welcome-file>
    </welcome-file-list>
      
    <servlet>
        <description></description>
        <display-name>index</display-name>
        <servlet-name>index</servlet-name>
        <jsp-file>/index.jsp</jsp-file>
    </servlet>
    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>
      
    </web-app>

  4. 可當網路資料的傳輸格式(但現在較多使用JSON檔)

第一個XML檔

1. xml檔一定會有這個宣告，分別是version宣告版本以及encoding宣告編碼方式

1
<?xml version="1.0" encoding="UTF-8"?>

2. 註解

1
<!-- 這是XML的註解 -->

3. 標籤名稱規則

  • 可以包含字母、數字、其他字元(包含中文)，例如:<學生></學生>、<book1></book1>
  • 不能以數字、標點開頭，像是<1book></1book>
  • 不能用xml開頭(但其實可以)
  • 名稱不能包含空格
  • 可以是單標籤或雙標籤，例如<student id="15" name="小明"/>或是<student id="15" name="小明"></<student>
  • 標籤的屬性必須要用引號，例如<student id=15 />會報錯
  • 使用雙標籤必須有頭有尾，否則會報錯，例如:<book>沒有</book>
  • XML檔的大小寫是有區分的，若大小寫不同則會區別為不同標籤
  • 必須要有根元素，一大包的資料必須要有一層「外殼」，例如 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <students>
        <student>
            <id>3</id>
            <name>小明</name>
        </studnet>
        <student>
            <id>4</id>
            <name>小華</name>
        </studnet>
    </students>
    students則是根元素。
  • 如果資料內容有<>則要以<、>表示，否則會報錯，例如<name>&lt;小明&gt;</name>，產出的結果會顯示為<name><小明></name>，或是使用<![CDATA[輸入想打的字]]>使XML不轉譯文字，例如<![CDATA[<<<<<這裡不會報錯]]>

展開全文 >>

JAVA 識別字規則

我的老師說過，如果要成為真正的工程師，每個語言都有命名慣例，依照這些慣例寫出來的Code可以讓自己看起來更專業，從頭學JAVA，也要遵守！

必須遵守！否則會造成編譯錯誤！

  1. 由英文+數字(可包含 _ 及 ＄)組合而成，但不可用數字當開頭（例：可以main_1，不能1_main或是main+）
  2. 不可以包含保留字（例如：for，可參考Java Keyword）
  3. 長度沒有限制，大小寫有別
  4. 不可以包含空格（例如：Hello World）

不會有錯，但寫好會更好看

  1. package名稱：全小寫（例：java.lang）
  2. Class名、接口名：大駝峰式命名（例：HelloWorld）
  3. 變數名、方法名：小駝峰式命名（例: userName）
  4. 常數名：全大寫，組合單字中間用 _ 串接（例：USER_IP）
  5. 就算沒有字數限制，也不要取太長或是太類似的名稱（例:MyWebContentForTextChange、MyWebContentForImageChange）

展開全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

正在努力成為一個厲害的工程師，
希望對世界有小小的貢獻
這邊已經變成工作日記區啦～
記錄一些日常遇到的問題
如果可以幫助到人那就更好了