1. 程式人生 > >eclipse開發jsp之HelloWorld

eclipse開發jsp之HelloWorld

開始咱們的第一個程式,首先是配置環境,按照上一章所描述的方式下載開發工具,然後配置Java環境變數,給大家看下具體的結構:

環境變數配置OK的提示,如上圖。

Eclipse和Tomcat的檔案目錄位置,本系列採用的都是綠色版本,如上圖。

啟動Eclipse.exe,Workspace路徑的配置,下面的複選框表示選中後就預設一直使用該工作空間,不選擇每次啟動都出出現該提示框,如上圖。

在這裡講解下Workspace的概念,這裡目錄儲存專案程式段的,假如你在別的目錄建立一個Java的專案,那麼在Workspace會對映同時建立和你建立專案同名的目錄,這裡儲存配置資訊,每次執行的時候Eclipse都是通過這裡來讀取配置資訊。例如我的Workspace設定為C:\Users\MB\workspace,我在D:\LhkJava下建立一個名為HelloWorld的專案,那麼相應的C:\Users\MB\workspace下會建立HelloWorld的目錄,儲存著HelloWorld的程式碼段和配置資訊,如果HelloWorld專案我使用了非常多的外接Jar包,而且是用相對路徑引入,現在我換電腦了,把D:\LhkJava\HelloWorld目錄拷貝到新電腦去執行,可能跑不起來,但是把C:\Users\MB\workspace下的HelloWorld也一同拷貝過去,放在新電腦Eclipse的Workspace目錄再去執行HelloWorld就不會出現問題了,希望這段描述可以加深大家對Workspace的理解,在實際工作中遇見很多人換了電腦或者重灌系統後,以前做的專案就跑不起來了,最簡單的解決方案就是一同拷貝Workspace下的目錄。

選擇OK,我的工作空間就預設設定為C:\Users\MB\workspace,啟動後的介面如下圖:

這就是傳說中的開發工具了,通過Eclipse大家可以實現各種專案,包括Android專案,下面就要新建一個專案了?NO,不要急,我們做Web開發,需要有一個Web伺服器來執行我們所寫的程式,由於Eclipse是綠色版的,所以沒有內建Tomcat,並且沒有Tomcat的外掛,需要自己配置,如果使用Maven框架來做專案,就不需要配置Tomcat了,這個在進階教程以後會講到,目前就講這種方式的配置,而且不是Tomcat外掛配置方式,那種對環境依賴比較大,目前我們以實戰為主,儘量都做綠色配置,首先選擇Eclipse上選單的Window--->Preferences--->Server--->Runtime Environments-->Add,在這裡我們選擇Tomcat7,然後點Next,如下圖:

點選Next出現配置Tomcat7的介面,Name不用管,第二個地方填寫Tomcat的路徑,本文一開始就截圖了我的Tomcat解壓路徑,第三個地方選擇JRE版本,我的是1.6版本,如下圖所示:

配置好後,點選Finish,點選OK,選擇Tomcat配置好了,開始建立第一個Java Web專案,選擇 File--->New--->Other--->輸入WEb--->選擇Dynamic Web Project 如下圖:

選擇Dynamic Web Project點選Next後,出現專案的配置填寫,ProjectName填寫專案的名字,Target runtime目標執行的環境,我們就選擇之前配置好的Tomcat7,

Dynamic web module version需要配置和Tomcat對應的版本,我們使用的是Tomcat7,所以這裡需要選擇3.0,Configuration裡選擇預設的Tomcat7.0作為模型,Working set不需要配置,這個選項是避免多個專案存在同一Workspace造成載入緩慢和查詢專案複雜,可以很好的釋放Package Explore的壓力,設定好後然後一直點選Next最後點選Finish即可,不需要額外新增類到src,配置如下圖:

建立好後的介面如下圖:

接下來,咱們在Servers面板上新增Tomcat7,點選No servers are.......後在彈出的面板上點Next,然後新增我們的專案到Tomcat,如下圖:

選中Tomcat7.0後,點選Next,把當前專案Add到右側的列表中,,Server面板就會出現新增專案的選項,選擇綠色的啟動按鈕,Tomcat伺服器就啟動了,如下圖:

啟動後,Console會輸出執行的資訊,如果出現 Server start up就說明啟動成功了,可以輸入網址去檢視專案的執行效果,但是我們現在還不能執行這個專案,因為一個Java Web專案需要有web.xml,而且需要新增頁面才可以,下面我們來新增web.xml和index.jsp這兩個檔案:

web.xml中我們只做最基礎的配置,程式碼如下:

index.jsp中我們只輸出HelloWorld,通過HTML和Java Web兩種方式,程式碼如下:

1 2 3 4 5 6 7 8 9 10 11 12 13 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> </head> <body> Hello,World! <%="Hello,World." %> </body> </html>

新增的位置如下:

然後,讓我們再來到Server的面板,點選綠色的啟動按鈕,

輸出結果如下圖:

啟動成功,我們開啟瀏覽器,輸入:http://localhost:8080/HelloWorld/index.jsp訪問,則看到以下頁面:

OK,第一個Hello,World!完成了,不要高興噢,現在是剛剛開始,之前所做的只是一個鋪墊,目前才是學習的開始,我們來分析問題,大家肯定也有很多疑問:

1.Tomcat在Eclipse中啟動和在Tomcat的Bin目錄下Startup.bat啟動有什麼區別?

2.8080是什麼?為什麼路徑中需要輸入HelloWorld?localhost是什麼?

3.為什麼需要web.xml檔案?

4.index.jsp中顯示的結果都一樣,區別在哪裡?

PS:今天先到這裡,等待大家的問題反饋,我剛提到的只是典型的問題,明天白天會完善後面的資訊,並且包括Tomcat外掛方式和這種方式執行機制區別的解析。

接著昨天的,咱們繼續,首先,先把昨天的4個問題回答了先:

1.Tomcat在Eclipse中啟動和把源程式放置在Tomcat的webapps目錄下,然後啟動Tomcat的bin目錄下的startup.bat是一樣的,這種在Eclipse內建的方式方便除錯和斷點跟蹤,其他和Tomcat中直接啟動都是一樣的,我們把一個新的專案通過Server面板中的Add把專案新增到Tomcat,其實和手動把專案放置在Tomcat下的Webapps目錄是一個概念,我們點選綠色的啟動按鈕,相當於啟動Tomcat的bin目錄下startup.bat,兩則的最主要區別則是內建的tomcat適用於開發,而通過Tomcat直接啟動的方式比較適用於正式執行,釋出後的專案,具體的區別我做了演示,大家可以到這裡地址去體驗下,當然最好自己實際動手試下,感受下,下面貼出不同的地方:

先說按照本文教程這種方式配置的Tomcat,配置完後會在右側的面板有一個Servers的資料夾,這裡裝載著eclipse關聯的tomcat有關配置資訊,埠號和對映等的配置,可以通過修改server.xml來實現

而直接在tomcat下執行的,啟動程式startup.bat在tomcat目錄下的bin目錄下,專案檔案放在tomcat目錄下的webapps目錄下,配置檔案放在tomcat目錄下的conf目錄下的server.xml,如圖所示:

在這裡特別要注意的是:eclipse配置的tomcat雖然和tomcat是一個目錄,但是修改eclipse配置的tomcat的配置,不會對tomcat的conf目錄下server.xml有影響,反之對tomcat目錄下的conf目錄下的server.xml修改,也不會對eclipse關聯的tomcat配置有影響,他們用了一個例項,但是配置是按照各自的讀取,不會互相干涉,而且只允許執行一個,如果運行了tomcat的bin目錄下的startup.bat就不可以在eclipse裡啟動關聯的tomcat,反之亦然。

2.8080則是埠號【http://localhost:8080/HelloWorld/index.jsp】這個網址解釋下來就是訪問IP是127.0.0.1的機器,埠號為8080,目錄是HelloWorld,頁面是index.jsp,訪問的協議是http,下面來詳解:

協議:訪問的協議有HTTP,FTP,TCP/IP,UDP,HTTPS等,一般我們使用網際網路使用的協議都是HTTP,登入的協議一般用的都是HTTPS+SSL協議加密,例如網銀的登入和一些涉及比較重要資訊的驗證都會使用的安全協議;FTP協議一般是操作檔案,例如我們買一個空間,IDC會提供給我們一個IP和賬戶密碼,這個IP就需要用FTP訪問,例如:FTP:*.*.*.*;

TCP/IP和UDP這種一般是通訊協議,像網路通訊和最早的網遊都是通過TCP/IP協議實現的,UDP協議騰訊剛開始採用的是,但是基於這種協議只管傳送,不等待確定是否收到資訊,通訊過程中容易丟失資料,所以應用面比較窄,具體協議的有關內容,是屬於網路程式設計的範疇,不多描述

IP/域名:每個聯網的計算機都會有IP,如果不聯網就只有本機IP,例如:localhost或者127.0.0.1,這兩個都是一個意思,如果只連線內網會有內網IP,例如192.168.*.*這類的,如果連線外網就會有一個外網的動態IP,這個IP每次分配的不同,所以叫動態IP,而伺服器是靜態IP,靜態IP就是不變的IP,一般我們在網際網路訪問的網站都是靜態IP,如果老變的話,我們就無法去訪問網站了,因為IP不好記憶,所以出現了域名,例如 baidu.com,cnblogs.com這些都是域名,通過域名對映到一個IP,然後IP根據這臺計算機的Web伺服器相關配置,找到對應目錄,對網站進行訪問,我們在DOS下通過ping 域名的方式,可以看出域名對應的IP,首先這個IP的計算機沒有禁止ping才可以,域名涉及到上線的範疇,不過講,大家明白http://後面的這段IP和域名的作用即可

目錄/埠:目錄名則是通過對映來決定的,有可能我沒有HellWorld的目錄,但是我可以對映過去,這個是在web伺服器中設定的,看下圖就是我們這個專案的對映路徑,通過使用者輸入網址的HellWorld訪問到實際的HellWorld目錄,我們也可以把這裡的path改為'/',這樣以來這個訪問地址就變為http://localhost:8080/index.jsp,如果我們再把tomcat的埠號改為80,訪問的地址就變為:http://localhost/index.jsp,如果我們做一個本地IP的對映,在hosts檔案裡把 www.baidu.com對映為127.0.0.1,那麼訪問http://www.baidu.com/index.jsp就可以訪問我們的專案了,其實它真實的網址是:http://127.0.0.1:80/index.jsp,如果你在專案的web.xml中配置下過濾,把html對映為jsp頁面,那麼訪問:http://127.0.0.1:80/index.html也可以訪問的

更改目錄

更改埠

更改IP對映(只有本地訪問有效)

訪問結果:

3.為什麼需要web.xml,是因為從Serlvet3.0開始強制規定的,並且對目錄也有強制要求,web.xml裡面彙總配置資訊,更深刻的體驗Java Web程式,就和我們當初剛學Java時候手動寫.java檔案一樣,我們來手動寫一個Java Web程式,這樣就能更深刻的認知:

1.需要建立一個資料夾,這個是專案名,隨便起,我取的名字就是:MyNotAutoJspProgram

2.需要按照Java Web程式的標準結構來構造,所以需要建立一個WEB-INF資料夾,這個資料夾下需要有classes資料夾和lib資料夾,並且需要有一個標準的web.xml檔案,classes放置編譯後的位元組碼檔案,lib檔案放呼叫到的jar包,web.xml裡面做配置

3.結構搭建好後,我們需要有一個jsp頁面,把它放在MyNotAutoJspProgram下面,頁面的名字隨便起,我就新建一個index.jsp吧,裡面輸出一句話:我不是eclipse生成的

web.xml的程式碼,設定預設頁面為index.jsp

index.jsp的程式碼,輸出一句話

1 2 3 4

相關推薦

eclipse開發jspHelloWorld

開始咱們的第一個程式,首先是配置環境,按照上一章所描述的方式下載開發工具,然後配置Java環境變數,給大家看下具體的結構: 環境變數配置OK的提示,如上圖。 Eclipse和Tomcat的檔案目錄位置,本系列採用的都是綠色版本,如上圖。

eclipse 開發jsp 智能提示設置

設置 rgb enc span html size spa cde div 1.打開eclipse→Windows→Preferences→Java→Editor→Content Assist 改動Auto Activation triggers for java

Eclipse搭建SpringBootHelloWorld

nbsp xml文件 blank itl depend ips autoconf pack bin 你的eclipse需要先安裝 Spring Tool Suite? 首先新建Maven工程 勾選第一個按鈕,第三個是選擇working set ,你可以不選 下一步,配

eclipse中java Dynamatic web的創建過程(或者eclipsejsp的創建或eclipse開發環境(jdk,eclipse,tomcat)的測試)

alt 進行 lan .cn ges log image oct ips 1.啟動eclipse程序。 2.File-New->Dynamatic web project,如圖 3.右擊項目名-->new-->New jsp file---> 點

c# Activex開發HelloWorld

ring org pan true orm doc 文本 用戶控件 ces 最近需要在Web上使用WinFrom程序,所以要用到Activex技術將WinFrom程序變成插件在Web運行 一、創建用戶控件 1.1 新建用戶控件項目 1.2 在界面上拉一

ESP32的SDK開發window系統下eclipse開發環境搭建

在window系統下可以依託eclipse的環境開發ESP32 eclipse下載地址:下載Eclipse IDE for C/C++ Developers版本的 64位:點這裡 32位:點這裡 環境JDK下載地址 64位:點這裡 32位:點這裡 安裝好eclipse開啟報錯的話,就需要配置

基於EclipseJSP開發環境的搭建

基於Eclipse 的JSP的開發環境的搭建 說明:順利地開發、測試和執行JSP程式少不了規範而安全的開發環境,本文將會詳細地展示如何搭建JSP的開發環境。內容詳盡,適合零基礎學者作為學習參考。 一、JSP介紹:   1.JSP全稱Java Server Pages,是一種動態網頁開發技術。它使用JSP

Android開發入門第一個安卓工程:HelloWorld!

前提: 已安裝完畢AndroidStudio,安裝指導可以參考:https://www.jianshu.com/p/a0e0e11cac1f 開始第一個安卓工程 新建工程 第一步中如果是Kotlin,就勾選“Include Kotlin support”;否則就不勾選

(九)eos開發實戰dapp+遊戲--智慧合約HelloWorld

開言:此教材只是個人學習過程記錄自己理解和各種坑如有問題可提出修正,個人注重是開發動手,小白,寫也是為了重複加深印象,目標此教學習實現開發一個EOS小遊戲,堅持.......  環境: ubuntu+EOS-1.3.0 任務:接觸eos智慧合約基礎 HelloWorld:分

基於EclipseJSP/Servlet的開發環境的搭建

基於Eclipse 的JSP的開發環境的搭建 說明:順利地開發、測試和執行JSP程式少不了規範而安全的開發環境,本文將會詳細地展示如何搭建JSP的開發環境。內容詳盡,適合零基礎學者作為學習參考。 一、JSP介紹: 1.JSP全稱Java Server Pages,是一種動態網頁開發技術。它使用JSP標籤(通常

Idea不能使用JSP問題解決&開發工具配置檔案

1.編寫application.yml配置檔案 #SpringBoot啟動埠和專案路徑 server: port: 8080 context-path: / #SpringMVC中JSP檢

axis2系列eclipse開發環境搭建

Axis2是目前比較流行的WebService 引擎。WebService 被應用在很多不同的場景。例如,可以使用 WebService 來發布服務端 Java 類的方法,以便使用不同的客戶端進行呼叫。這樣可以有效地整合多種 不同的技術來完成應用系統。 Axis2是一套嶄新

Electro桌面應用開發HelloWorld

簡介 Electron (http://http://electron.atom.io‎)提供了一個使用Node.js進行桌面應用開發的環境。 本文介紹了一個基於Electron的HelloWorld應用的開發過程。 第一步: 建立應用原始碼檔案 在本地新建一個HelloWorld目錄, 並建立如下檔案 p

Android開發環境eclipse安裝

    早有想法開發Android的APK,也聽說現在傻瓜式的APK創作方式很容易,控制元件什麼的都很好操作之類的,但是一直沒有找到合適的入口。後來看了羅昇陽的《Android系統原始碼情景分析》,裡面有“Hello World”的詳細程式碼結構,遂在已有的開發平臺上實驗了一

Eclipse/MyEclipse 開發JSP頁面卡死的解決方法

部落格分類: javaee  MyeclipseJSPWindowsSUNJSF 在用[MyEclipse] 寫程式碼很容易卡宕機,尤其是在對JSP檔案的<%%>之間寫程式碼的時候,只要一彈出智慧提示就立刻卡死,程式失去響應,我以為是MyEclipse版本的問題,結果換了6.0版-》6.5版-》7

eclipse開發Android專案Rejecting re-init on previously-failed class java.lang.Class錯誤

本來好好的一個專案,都使用好久了的,結果在我加入訊飛語音識別功能,一切準備就緒,就差上機執行的時候,安裝完apk之後突然閃退。。。一倆懵逼啊我,我確定我的程式碼都是非常完美的啊,並且該新增的許可權啊,jar包啊啥的,該有的都有了啊,為啥還會閃退啊。 尤其是當我看到錯誤提示的

java學習Eclipse開發工具

Eclipse是功能強大Java整合開發工具。它可以極大地提升我們的開發效率。可以自動編譯,檢查錯誤。在公司中,使用的就是Eclipse進行開發。1.1     Eclipse的下載、安裝、解除安裝l  安裝 (只需要解壓後就能使用)l  解除安裝(只需要將資料夾刪除就可以了)l  注意: 開發軟體的安裝目錄

spark築基篇-01-Eclipse開發Spark HelloWorld

1 前言 Spark這麼火,越來越多的小夥伴開始搞大資料。 通過多方查閱資料,這個單機版的Spark的HelloWorld終於跑出來了。 此HelloWorld非彼HelloWorld,並不是打印出HelloWorld那麼簡單,而是

Eclipse開發第一個Android應用程式HelloWorld

序簡單除錯執行 一. AVD的建立 AVD 就是指Android 模擬器 1. 通過Eclipse選單【Window】->【Android SDK and AVD Manager】或者 Android Icon開啟 Android SDK and AVD Manager, 選擇左邊第一項 Virtua

第十期 路由器除錯HelloWorld 《路由器就是開發板》

        前面幾期都是在做準備工作,這一期我們開始實際操作。很多教程的開始都喜歡用HelloWorld來先做個演示,我也不例外,在硬體開發板教程裡流水燈就是一種HelloWorld,程式簡單,只