上一回我們完成了用戶查詢系統–視窗程式的練習，這次我們從Web版開始吧！

請先確認Eclipse 已經整合了Tomcat，如果還沒，請參考Java web app 開發第一步 – 整合Eclipse + Tomcat

Web

1. 依照以下資訊，建立 Maven 專案 (使用 maven-archetype-webapp)
   • groupId: com.appx
   • artifactId: user-service-web
   • package: com.appx.userservice.web
   • version: 1.0-SNAPSHOT
2. 將 src/main/webapp/WEB-INF/web.xml 取代為以下內容
   
   XHTML

   <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <display-name>Archetype Created Web Application</display-name> </web-app>

   1 2 3 4 5 6

   <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <display-name>Archetype Created Web Application</display-name> </web-app>

   
   * webapp archetype 預設生成的 web.xml 定義了舊版的 Servlet 2.3的dtd，會使得一些比較新的JSP特性像是EL不能正常運作，因此必須置換為上面的xml
3. 將user-service-web 專案放上 Tomcat執行

   

4. 在 http://localhost:8080/user-service-web/ 看到 “Hello World!” 表示新建的 Maven web 專案運作正常！
5. 在POM.xml  加入以下 compiler plugin
   
   XHTML

   <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <version>3.6.1</version> <configuration> <source>1.8</source> <target>1.8</target> </configuration> </plugin> </plugins>

   1 2 3 4 5 6 7 8 9 10 11

   <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <version>3.6.1</version> <configuration> <source>1.8</source> <target>1.8</target> </configuration> </plugin> </plugins>

6. 移除JUnit dependency ，並加入下列 dependency (servlet-api 的 scope 為  provided，如果忘記的同學可以參考Maven-10-核心概念 dependency management )
   
   XHTML

   <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>3.1.0</version> <scope>provided</scope> </dependency> <dependency> <groupId>com.appx</groupId> <artifactId>user-service-core</artifactId> <version>1.0-SNAPSHOT</version> </dependency>

   1 2 3 4 5 6 7 8 9 10 11 12 13

   <dependency>   <groupId>javax.servlet</groupId>   <artifactId>javax.servlet-api</artifactId>   <version>3.1.0</version>   <scope>provided</scope> </dependency>     <dependency> <groupId>com.appx</groupId> <artifactId>user-service-core</artifactId> <version>1.0-SNAPSHOT</version> </dependency>

7. 在 src/main 底下建立 java 資料夾，下載以下程式，並放至 src/main/java 底下這個package com.appx.userservice.web
   https://drive.google.com/open?id=0B0C215CJ0AjobThwTlg3WXFkNmM
8. 在 src/main/webapp 放置以下檔案
   https://drive.google.com/open?id=0B0C215CJ0AjoOHJOeUVzV2JnQWc
9. 重啟 Tomcat ，確認搜尋功能正常運作
   • 輸入 user id 為 1

     

   • 搜尋結果為 tom
     

10. 執行 mvn package，產生可直接部署的war檔