1. 程式人生 > >5、搭建web專案

5、搭建web專案

學習目標:

1、使用maven搭建web專案

2、掌握jetty的maven外掛。

學習過程:

一、使用Eclipse新建一個maven的web專案

1、新建一個web專案

attcontent/e4a939cf-77b9-4fa0-a7e4-c70daec2d672.png

也是一樣輸入基本資訊就可以了。

attcontent/c3808821-abe3-49fd-8d85-8ff85a22dac4.png

專案建立後和普通的java專案不同,我們可以開啟pom.xml檔案看一下.打包方式為war包

<packaging>war</packaging>

部署後war的名稱,就是訪問的專案路徑

<finalName>shopweb</finalName>

2、依賴需要javax.servlet和JSTL,修改pom.xml。

	<dependencies>
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>javax.servlet-api</artifactId>
			<version>3.1.0</version>
			<scope>provided</scope>
		</dependency>

		<dependency>
			<groupId>jstl</groupId>
			<artifactId>jstl</artifactId>
			<version>1.2</version>
			<scope>provided</scope>
		</dependency>
	</dependencies>

注意scope都是provided,因為這些包最後由web 容器提供。

3、maven web專案的目錄結構

因為我們建立的專案的目錄只有一個,所以我們需要自己建立maven的標準的目錄結構,目錄如下;

attcontent/33b0b33b-e68b-4afd-98aa-8588b9fd3f87.png

4、新建的專案的web.xml也只是寫著2.3版本的,我們也可以相應的修改3.0

<?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" version="3.0"
	metadata-complete="true">


  <welcome-file-list>
     <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

</web-app>

二、使用外掛部署專案

以前我們都是使用eclipse配置外部的tomcatl伺服器,然後把專案部署到tomcat中,如果你不喜歡使用外掛的方式,還是可以使用原來的部署方式的。

下面我們介紹一種使用外掛的方式部署,這種部署方式可以讓開發者更加簡便,只需要取得原始碼執行命令即可執行專案了,不需要額外的配置。

我們知道web專案必須部署到web伺服器才能執行。相信大家馬上就想到tomcat了,不過這裡我們介紹一個更加簡單的一個servlet容器,就是jetty,開發人員可以將Jetty容器例項化成一個物件,可以迅速為一些獨立執行(stand-alone)的Java應用提供網路和web連線。同時maven提供了jetty的外掛,我們不需要另外下載和安裝jetty了。使用更加簡單。

1、修改pom.xml,新增jetty外掛

在bulid下面建立

		<pluginManagement>
			<plugins>
				<plugin>
					<groupId>org.eclipse.jetty</groupId>
					<artifactId>jetty-maven-plugin</artifactId>
					<version>9.3.4.v20151007</version>
					<configuration>
						<scanIntervalSeconds>5</scanIntervalSeconds>
						<stopPort>9999</stopPort>
						<webAppConfig>
							<contextPath>/manweb</contextPath>
						</webAppConfig>
						<httpConnector>
							<port>8080</port>
						</httpConnector>
					</configuration>
				</plugin>
				<plugin>
					<groupId>org.apache.maven.plugins</groupId>
					<artifactId>maven-compiler-plugin</artifactId>
					<version>2.3.2</version>
					<configuration>
						<source>1.8</source>
						<target>1.8</target>
						<encoding>UTF-8</encoding>
					</configuration>
				</plugin>
			</plugins>
		</pluginManagement>

點選Run as,maven Bulider...,然後輸入jetty:run,記得在eclipse 前面不需要輸入mvn的。

attcontent/a2fa6e2f-31d1-4cd2-995e-7ec9317584b9.png

第一次是需要下載jetty外掛的時間回比較長一點。

看到控制檯:

[INFO] Started [email protected]{HTTP/1.1,[http/1.1]}{0.0.0.0:8080}

[INFO] Started @3968ms

[INFO] Started Jetty Server

就表示啟動成功了。輸入網址http://localhost:8080/manweb

就可以看到頁面了。我們的web開發環境就成功了。