JSP環境設定

終身學習：智慧電子(物聯網)含金融證卷 » 團隊運作與實作心得 » 程式設計 » JSP環境設定

無頭像

s6351301

註冊 2013-3-2
用戶註冊天數 4081
狀態離線

發表於 2015-6-17 19:33
219.84.219.197

分享私人訊息

使用Eclipse開發JSP環境

本文會引導讀者從頭開始到成功開新JSP專案

步驟1:安裝JDK，如果電腦已經有安裝過，可以略過
官方下載網頁
有些是說明文件下載,不要弄錯

步驟2:安裝eclipse
官方下載網頁
安裝Eclipse IDE for Java EE Developers (EE= Enterprise Edition 企業版)
如果不是企業版，之後就會沒有[建立sever]和[建立Web project]選項
解壓縮至一新資料夾(建議命名為eclipse)之後直接執行eclipse.exe即可

步驟3:安裝Tomcat
官方網站
下載自己需要的版本，如果是自行練習，隨意挑選版本即可
如果工作團隊有既定版本，請下載相同版本

步驟4:下載並安裝Tomcat在eclipse的Plugin
下載網頁

下載最新版即可，當前(2012/01)最新版本為tomcatPluginV33.zip
Plugin的下載網站歷年換過幾次，如果載點又掛掉，就要自己上網搜尋
安裝Plugin的方法：打開eclipse安裝資料夾中的plugins資料夾，將整個plugin資料夾(com.sysdeo.eclipse.tomcat_3.3.0)解壓縮進來

重新啟動eclipse即可在toolBar上看到Tomcat選項，表示安裝有成功

步驟5:設定Plugin
在eclipse中，toolBar上的[視窗]>[喜好設定]＞[Tomcat]
選擇安裝Tomcat的版本，並填寫安裝路徑，例如C:\Apache Software Foundation\Tomcat 6.0
如果是win7的話，建議不要裝在Program Files底下，有些動作eclipse會沒有修改該資料夾的權限
如果已經裝了也沒關係，整個資料夾剪下來貼在別的地方就可以，我直接貼在eclipse的目錄下了

步驟6:開新本機伺服器
到現在為止，設定就已經完成了，現在就要來開一個本機伺服器讓等下的專案可以運作
選擇[Windows]>[Show view]>[Severs]
如果你沒有這個選項，表示eclipse不是企業版本，請重新安裝eclipse吧

然後就會出現Severs的視圖，在視圖上點右鍵>[New]>[sever]

選擇先前安裝的Tomcat版本，按下finish

可以看到視圖中出現了新的sever

步驟7:開新專案
[File]>[New]＞[Dynamic Web Project]
如果沒有的話就[File]>[New]>[Other]用搜尋[Dynamic Web Project]>[Next]

填寫想要的專案名稱，其他的欄位預設值應該就正確了，按下[Finish]

步驟8:建立JSP動態網頁
在專案中，有個WebContent資料夾，在上面點右鍵>[New]>[JSP File]>[Finish]

一個空的JSP網頁就形成了，web.xml可以不用擔心，eclipse基本上都會幫忙寫好

步驟9:運行動態網頁
第一次點下run按鈕，他會詢問要在哪個伺服器上運行，選擇剛才建立的伺服器

你的JSP網頁就跑出來了！
網址應該是這樣的
http://localhost:8080/[專案名稱]/[JSP檔案名稱].jsp
可以在各個瀏覽器上面進行測試

http://yaya741228.pixnet.net/blog/post/86054568-%E4%BD%BF%E7%94%A8eclipse%E9%96%8B%E7%99%BCjsp%E7%92%B0%E5%A2%83

無頭像

s6351301

註冊 2013-3-2
用戶註冊天數 4081
狀態離線

發表於 2015-6-17 19:36
219.84.219.197

私人訊息

[教學] 快速建立Tomcat Development Environment + 簡單 jsp 示範
本筆記是為一些有Java 經驗的朋友所寫，方便他們快速由頭開始建立好Tomcat 的開發環境，
所以不懂Java 的朋友這篇文章或許不識合你。
另外本筆記依據小弟開發經驗所記下，由於現在用的開發環境已經用了好一陣子，
所以我沒有由頭每一個步驟驗證，中間或有錯漏，有錯請指正！

Software Requirment:
1. Java EE 6 SDK
http://www.oracle.com/technetwork/java/javaee/downloads/index.html
2. Tomcat 6.0
http://tomcat.apache.org/download-60.cgi
3. Eclipse IDE for Java EE Developers
http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/junosr2
4. MySQL
主要是在本教學內的JSP 示範用，MySQL 的安裝教學我想不難在網絡上找到
5. MySQL JDBC Driver
http://dev.mysql.com/downloads/connector/j/

開發環境設定:
1. Setup Java EE (全部選 default setting 即可)
2. Unzip eclipse，打開eclipse.exe (Eclipse 是小弟常用的IDE，所以在本教學都會用eclipse 演示)

3. 先在Eclipse設定好一個Web Project 備用: Right click “Project Explorer”，打開 New Project 選單，選擇 Dynamic Web Project ，做好一些簡單的設定

4. Eclipse 已經準備好了

5. 開始設定Tomcat: 打開Tomcat，先到conf folder 內，編輯tomcat-users.xml，這裡是tomcat manager 的使用者設定

6. 在lib folder 內放好JDBC Driver

7. 在<tomcat-users> 內插入以下使用者設定 (user=user1, password=welcome)
<rolerolename="manager"/>
<rolerolename="admin"/>
<userusername="user1"password="welcome"roles="admin,manager"/>

8. 在tomcat 的bin folder 內，執行setclasspath.bat，最後執行startup.bat，你就會看到tomcat 在啓動了

9. 打開localhost:8080，看見老虎頭像就大功告成了

10. 現在假設MySQL 已經在本機安裝好，並有以下一個簡單的Database tutorial，裡面有一個Table tbl_tutorial，內容如下

11. 在Eclipse 的web project 裡，打開WebContent folder，然後新增一個jsp file (right click WebContent, New > JSP File)

12. 編輯JSP
<%@ page language="java" c
pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<%@ page import="javax.sql.*" %>
<%@ page import="java.util.*" %>
<%@ page import="java.lang.Number" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"c>
<title>Insert title here</title>
</head>
<body>
<%
Class.forName("com.mysql.jdbc.Driver");
java.sql.Connection con =DriverManager.getConnection("jdbc:mysql://<DB host>:<DB port>/tutorial","<DB user>","<DB password>");
Statement st= con.createStatement();
String sql ="SELECT name FROM tbl_tutorial;";
ResultSet rs=st.executeQuery(sql);
while(rs.next()){
out.println("Hello world! "+ rs.getString(1)+"<br/>");
}
%>
</body>
</html>

13. 將完成好的web app 打包成war 檔案：right click web project, Export > WAR file

14. 登入Tomcat Manager (用step 7 的設定)

15. Deploy 剛剛 export 出來的WAR file

16. 打開http://localhost:8080/Tutorial/testing.jsp 你就會看到結果了！

17. 最後簡單介紹一下剛deploy 的web app 的folder structure
Depoly 後在webapps 底下就會自動生成一個project 名的folder

對應Eclipse 內WebContent folder 內的所有檔案都會被搬到這裡

WEB-INF folder 內主要放complie 好的java class，如果將來要寫servlet ，class file 就會被搬到 classes folder 內
而lib 則是用來放這個web app 專用的library

http://momopad.blogspot.tw/2013/04/tomcat-development-environment-jsp.html

無頭像

s6351301

註冊 2013-3-2
用戶註冊天數 4081
狀態離線

發表於 2015-6-17 19:40
219.84.219.197

私人訊息

JSP安裝方式

一、安裝軟體如下：

軟體名稱
檔名
安裝路徑

JDK
jdk-1_5_0_01-windows-i586-p.exe
C:\Java\jdk1.5.0_01\

tomcat
jakarta-tomcat-5.5.4.zip
C:\Java\jdk1.5.0_01\jakarta-tomcat-5.5.4

Mysql
mysql-4.0.12-win.zip
C:\java\mysql

JDBC
mysql-connector-java-5.0.4.zip
c:\java\mysql-connector-java-5.0.4

二、軟體功能概述
tomcat
TOMCAT是由APACHE組織下的Jakarta專案所開發出來的，延續APACHE的開放架構精神，是廣受歡迎的JSP容器之一。如果要用JSP寫網頁，就得靠這個軟體架站，相當於ASP所需的IIS或PWS。

Mysql
MySQL是一個真正的多用戶、多線程SQL數據庫服務器。SQL（結構化查詢語言）是世界上最流行的和標准化的數據庫語言。MySQL是以一個客戶機/服務器結構的實現，它由一個服務器守護程序mysqld和很多不同的客戶程序和庫組成。

JDBC
JDBC是Java Database Connectivity的縮寫，是一種Java API讓JAVA程式可以去運作SQL資料庫並與SQL資料庫系統互動。幾乎所有的資料庫系統均支援SQL標準，且Java可以跨平台，因此JDBC可以讓應用程式跨平台存取不同的資料庫系統。JDBC行為有點類似ODBC，但主要是發展出來給Java程式使用的。JDBC係由Sun Microsystems所開發出來。

三、安裝方式

B.到開始/控制台/系統編輯系統變數 C:\Java\jdk1.5.0_01\bin;

C.新增系統變數JAVA_HOME C:\Java\jdk1.5.0_01\ 註釋1

D.將jakarta-tomcat-5.5.4.zip 解壓縮至C:\Java\jdk1.5.0_01\jakarta-tomcat-5.5.4

E.新增系統變數 TOMCAT_HOME C:\Java\jdk1.5.0_01\jakarta-tomcat-5.5.4

F.新增系統變數CLASSPATH %JAVA_HOME%\lib;%TOMCAT_HOME%\lib

之後從開機 注釋2

G.測試Tomcat請執行 C:\Java\jdk1.5.0_01\jakarta-tomcat-5.5.4\bin\startup.bat出現

看到"Server startup ...."代表Tomcat已啟動,將以上的DOS視窗"最小化"(可不要把它關掉哦)

H.接著試著連連看(http://localhost:8080),若看到以下的畫面代表Tomcat(JSP Container)已成功

網頁路徑 C:\Java\jdk1.5.0_01\jakarta-tomcat-5.5.4\webapps\ROOT\

I. mysql安裝路徑 C:\java\mysql

J.執行c:\java\mysql\bin\winmysqladmin.exe之後輸入DBA的user name及password

K.輸入完後按"OK",可看到右下角有紅綠燈且亮綠燈代表MySQL已正常運作了

L.接著要安裝jsp連結MySQL的JDBC，解壓縮至c:\java\mysql-connector-java-5.0.4

O. 等解壓縮完成,將c:\java\ mysql-connector-java-5.0.4\ mysql-connector-java-5.0.4-bin.jar 這個檔案複製到"c:\java\ jdk1.5.0_01\jre\lib\ext\"目錄內

注釋
1.
設定 path 是告訴系統, 執行檔程式位於什麼地方主要是在執行 javac 跟 java 這兩個程式時使用的也就是當你在命令列打入 javac xxx.java 和 java xxx 時系統要去那裡找 javac 和 java 這兩個執行檔設定 classpath 是告訴 Java 要使用或執行的 class 檔所在的路徑比如說: 我們輸入 "java A" 命令要求 Java 執行 A.class 這個類別檔時 Java 會由 classpath 所設定的路徑位置開始尋找 A.class所以如果你沒有設定, 那 Java 就會跟你說他找不到就算你是在 A.class 所在的路徑執行這個命令也要在 classpath 裡面跟 Java 說要到目前所在的路徑尋找 A.class 否則 Java 還是找不到的另外如果 A.class 裡面用到 B.class 時在 classpath 設定中也要包含 B.class 所在的路徑
2.
JDK 下的目錄說明大致如下：
-- bin
JDK工具集，包括了開發、執行、除錯Java程式等基本開發工具，另外還有一些其他的相關工具，像是產生javadoc。
-- jre
JDK的執行環境，就是Java Runtime Environment，JDK工具執行時所需的執行環境。
-- lib
JDK工具額外需要的一些函式庫(libraries)。
-- demo
Java Swing與Applet的範例程式。
-- include
JDK平台或使用JNI時所需的C語言header檔案。

http://fecbob.pixnet.net/blog/post/34682209-jsp%E7%92%B0%E5%A2%83%E8%A8%AD%E5%AE%9A%E6%95%99%E5%AD%B8

檢舉論壇