如何配置Eclipse實(shí)現(xiàn)定制登錄界面
Eclipse工具我相信定制對(duì)于開(kāi)發(fā)的人員來(lái)說(shuō)都很熟悉了，但是對(duì)我這個(gè)菜鳥(niǎo)來(lái)說(shuō)是相當(dāng)?shù)挠刑魬?zhàn)性，因?yàn)槲沂菑膶W(xué)習(xí)到工作一直學(xué)習(xí)的是運(yùn)維相關(guān)工作，沒(méi)有接觸開(kāi)發(fā)相關(guān)工作，所以在使用中比較困難，但是對(duì)于一個(gè)對(duì)技術(shù)有追求的人來(lái)說(shuō)，應(yīng)該上道比較快，我學(xué)習(xí)了半個(gè)月的java，因?yàn)楣ぷ髅?，沒(méi)有時(shí)間學(xué)習(xí)，通過(guò)這半個(gè)月基本上了解了最最基本的概念而已。因?yàn)楣咀罱录軜?gòu)，想吧公司的一些信息寫入到sql下，然后通過(guò)web查詢，所以自己摸索著實(shí)現(xiàn)Ecclipse下部署第一個(gè)web登錄界面，在此給大家分享一下：具體見(jiàn)下：
我們也知道運(yùn)行web程序一般最為常見(jiàn)的是通過(guò)tomcat、iis、apache進(jìn)行實(shí)現(xiàn)的，但是最為常見(jiàn)的個(gè)人覺(jué)得還是tomcat，所以需要下載windows for tomcat程序，然后需要在windows上配置jdk、jre變量等問(wèn)題；最后準(zhǔn)備eclipse程序；
1、 Windows for tomcat程序下載： http://tomcat.apache.org/
2、 Jdk下載：http://rj.baidu.com/soft/detail/14459.html?ald
3、 Jdk、jre環(huán)境變量配置：
4、安裝jdk-6u14-windows-i586.exe
5、配置環(huán)境變量：右擊“我的電腦”-->"高級(jí)"-->"環(huán)境變量"
1）在系統(tǒng)變量里新建JAVA_HOME變量，變量值為：C:\Program Files\Java\jdk1.6.0_14（根據(jù)自己的安裝路徑填寫）
2）新建classpath變量，變量值為：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
3）在path變量（已存在不用新建）添加變量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin（注意變量值之間用“;”隔開(kāi)）
6、“開(kāi)始”-->“運(yùn)行”-->輸入“javac”-->"Enter"，如果能正常打印用法說(shuō)明配置成功！
補(bǔ)充環(huán)境變量的解析:
JAVA_HOME:jdk的安裝路徑
classpath:java加載類路徑，只有類在classpath中java命令才能識(shí)別，在路徑前加了個(gè)"."表示當(dāng)前路徑。
path：系統(tǒng)在任何路徑下都可以識(shí)別java,javac命令。
7、Eclipse下載：http://eclipse.org/downloads/
二、我們已經(jīng)在將以上環(huán)境準(zhǔn)備好了：
Apache-tomcat程序放入到了D盤跟目錄下
2.運(yùn)行eclipse程序后，我們新建第一個(gè)項(xiàng)目--àDynamic Web Project(命名Sam)--à然后創(chuàng)建.jsp文件，因?yàn)槲以诰W(wǎng)上找到了相應(yīng)的模板，所以需要替換即可。
http://down.51cto.com/data/678743
3.我們下載后打開(kāi)找到自己喜歡的模板程序然后做標(biāo)記。我比較喜歡這款，所以就準(zhǔn)備用這個(gè)模板文件了
我們打開(kāi)該文件的相關(guān)應(yīng)用：因?yàn)槎际莌tml文件，所以我們需要將文件打開(kāi)替換到j(luò)sp文件下，然后將css標(biāo)示文件拷貝過(guò)去即可
三、我們首先新建一個(gè)命令為：login.jsp文件，新建默認(rèn)的文件后，我們發(fā)現(xiàn)有錯(cuò)誤，其實(shí)這個(gè)錯(cuò)誤也算是錯(cuò)誤，因?yàn)樵撳e(cuò)誤是程序運(yùn)行環(huán)境的配置，為了方便起見(jiàn)，我們首先要解決這個(gè)錯(cuò)誤的問(wèn)題。
2.我們單擊windows-àPreferences
Server-àRuntime Environment--àAdd
我們環(huán)境內(nèi)準(zhǔn)備及已安裝的是apache-tomgcat8.0，所以我們選擇該版本
我們選擇tomcat程序的安裝路徑
選擇后我們單擊完成
我們右擊Dynimac web object(Sam)--àBuild path--àConfigure build path
我們選擇，Server Runtime
我們接著選擇Libraries--àAdd Library
我們添加完成
添加完成后，我們發(fā)現(xiàn)Apache tomcat版本的程序已經(jīng)添加
我們?cè)趯⒊绦虻淖址a更改成”UTF-8”
程序錯(cuò)誤問(wèn)題已經(jīng)解決了，接下來(lái)我們是替換下載下來(lái)的login登錄及跳轉(zhuǎn)頁(yè)面。
我們首先是打開(kāi)login.html文件以文本的格式打開(kāi)復(fù)制內(nèi)容。
我們將新建的login.jsp文件內(nèi)容刪除，除了前兩行格式語(yǔ)言。粘貼剛才復(fù)制的login.html文件內(nèi)容
我們粘貼后的結(jié)果見(jiàn)下：
接下來(lái)我們要?jiǎng)?chuàng)建一個(gè)index.jsp文件，作為跳轉(zhuǎn)頁(yè)面。登錄完成后，會(huì)跳轉(zhuǎn)到改頁(yè)面
同時(shí)我們將下載后的index.html以文本的格式打開(kāi)后復(fù)制內(nèi)容。
粘貼到index.jsp文件內(nèi)。
因?yàn)橄螺d后的登錄界面是有標(biāo)示信息的，所以我們需要將標(biāo)示信息復(fù)制粘貼到Dymaci web object下進(jìn)行調(diào)用。復(fù)制以下5個(gè)文件。
我們復(fù)制后粘貼文件
粘貼后的結(jié)果見(jiàn)下：
以上文件配置完成后，我們需要?jiǎng)?chuàng)建一個(gè)server package（Action）；右擊Dymanic web object(Sam)---新建---Package
該程序主要是控制頁(yè)面的訪問(wèn)及跳轉(zhuǎn)。
Server packer的名一般建議用公司域名的反向輸入：比如我的域名是iiosoft.com再次要輸入com.iiosoft.action
創(chuàng)建完成server package（Action）
創(chuàng)建完Action后，我們需要?jiǎng)?chuàng)建servlte來(lái)控制程序了。
我們右擊server package-àweb-àServlet
名字我們可以任意起，再次我們用ActionServlet
所以程序創(chuàng)建完成，接下來(lái)我們就是需要修改程序了。
我們所有的程序創(chuàng)建完成后，我們需要在login.jsp文件內(nèi)創(chuàng)建form，
最主要的是要添加<form><form/>信息將登陸信息添加到改form中。
比如最終的信息為：
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>管理中心登陸 V1.0</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <LINK href="css/admin.css" type="text/css" rel="stylesheet"> </HEAD> <BODY onload=document.form1.name.focus();> <form action="ActionServlet" method="post"> <TABLE height="100%" cellSpacing=0 cellPadding=0 >"100%" bgColor=#002779 border=0> <TR> <TD align=middle> <TABLE cellSpacing=0 cellPadding=0 >468 border=0> <TR> <TD><IMG height=23 src="images/login_1.jpg" >468></TD></TR> <TR> <TD><IMG height=147 src="images/login_2.jpg" >468></TD></TR></TABLE> <TABLE cellSpacing=0 cellPadding=0 >468 bgColor=#ffffff border=0> <TR> <TD >16><IMG height=122 src="images/login_3.jpg" >16></TD> <TD align=middle> <TABLE cellSpacing=0 cellPadding=0 >230 border=0> <FORM name=form1 action=? method=post> <TR height=5> <TD >5></TD> <TD >56></TD> <TD></TD></TR> <TR height=36> <TD></TD> <TD>用戶名</TD> <TD><INPUT style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" maxLength=30 size=24 name=username></TD></TR> <TR height=36> <TD> </TD> <TD>口 令</TD> <TD><INPUT style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" type=password name=password maxLength=30 size=24 name=pass></TD></TR> <TR height=5> <TD colSpan=3></TD></TR> <TR> <TD> </TD> <TD> </TD> <TD><INPUT type=image height=18 >70 src="images/bt_login.gif"></TD></TR></FORM></TABLE></TD> <TD >16><IMG height=122 src="images/login_4.jpg" >16></TD></TR></TABLE> <TABLE cellSpacing=0 cellPadding=0 >468 border=0> <TR> <TD><IMG height=16 src="images/login_5.jpg" >468></TD></TR></TABLE> <TABLE cellSpacing=0 cellPadding=0 >468 border=0> <TR> <TD align=right><A target=_blank><IMG height=26 src="images/login_6.gif" >165 border=0></A></TD></TR></TABLE></TD></TR></TABLE> </form> </BODY></HTML>
修改前的代碼結(jié)構(gòu)：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>管理中心登陸 V1.0</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <LINK href="css/admin.css" type="text/css" rel="stylesheet"> </HEAD> <BODY onload=document.form1.name.focus();> <TABLE height="100%" cellSpacing=0 cellPadding=0 ;100%" bgColor=#002779 border=0> <TR> <TD align=middle> <TABLE cellSpacing=0 cellPadding=0 border=0> <TR> <TD><IMG height=23 src="images/login_1.jpg" ;</TD></TR> <TR> <TD><IMG height=147 src="images/login_2.jpg" ;</TD></TR></TABLE> <TABLE cellSpacing=0 cellPadding=0 bgColor=#ffffff border=0> <TR> <TD ;<IMG height=122 src="images/login_3.jpg" ;</TD> <TD align=middle> <TABLE cellSpacing=0 cellPadding=0 border=0> <FORM name=form1 action=? method=post> <TR height=5> <TD ;</TD> <TD ;</TD> <TD></TD></TR> <TR height=36> <TD></TD> <TD>用戶名</TD> <TD><INPUT style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" maxLength=30 size=24 value="www.865171.cn" name=name></TD></TR> <TR height=36> <TD> </TD> <TD>口 令</TD> <TD><INPUT style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" type=password maxLength=30 size=24 value="www.865171.cn" name=pass></TD></TR> <TR height=5> <TD colSpan=3></TD></TR> <TR> <TD> </TD> <TD> </TD> <TD><INPUT type=image height=18 src="images/bt_login.gif"></TD></TR></FORM></TABLE></TD> <TD ;<IMG height=122 src="images/login_4.jpg" ;</TD></TR></TABLE> <TABLE cellSpacing=0 cellPadding=0 border=0> <TR> <TD><IMG height=16 src="images/login_5.jpg" ;</TD></TR></TABLE> <TABLE cellSpacing=0 cellPadding=0 border=0> <TR> <TD align=right><A href=" http://www.865171.cn/" target=_blank><IMG height=26 src="images/login_6.gif" border=0></A></TD></TR></TABLE></TD></TR></TABLE></BODY></HTML>
最后修改登陸信息名稱：
最后我們?cè)贏ctionServlt下定義用戶及名稱
String name = request.getParameter("username");
String password = request.getParameter("password");
System.out.println(name);
System.out.println(password);
修改完成后，我們可以運(yùn)行進(jìn)行測(cè)試了
頁(yè)面能正常打開(kāi)
運(yùn)行后我們通過(guò)控制臺(tái)能看見(jiàn)輸入的賬戶及密碼信息
接下來(lái)我們通過(guò)添加條件語(yǔ)句進(jìn)行跳轉(zhuǎn)。我們先進(jìn)行定義指定的賬戶及密碼進(jìn)行測(cè)試。
我們定義用戶名及密碼均為admin，如果輸入正確跳轉(zhuǎn)到index.jsp頁(yè)面下，如果輸入錯(cuò)誤跳轉(zhuǎn)到當(dāng)前頁(yè)面
if (name.equals("admin") && password.equals("admin")) {
response.sendRedirect("index.jsp");
} else {
response.sendRedirect("login.jsp");
}
}
添加后，我們進(jìn)行測(cè)試；
輸入正確后，我們登陸跳轉(zhuǎn)正常
以上是本文的全部?jī)?nèi)容，希望大家能都理解，對(duì)大家有所幫助。
相關(guān)文章
java數(shù)學(xué)工具類Math詳解（round方法）
這篇文章主要為大家詳細(xì)介紹了java數(shù)學(xué)工具類Math，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
這篇文章主要介紹了idea首次使用需要配置哪些東西,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-08-08
這篇文章主要介紹了Spring注解之@PropertySource詳解,@PropertySource注解用于指定資源文件讀取的位置,它不僅能讀取properties文件,也能讀取xml文件,并且通過(guò)YAML解析器,配合自定義PropertySourceFactory實(shí)現(xiàn)解析YAML文件,需要的朋友可以參考下2023-11-11
本文主要介紹Java 中二維碼,QR碼,J4L-QRCode,這里整理了詳細(xì)的資料供大家學(xué)習(xí)參考關(guān)于二維碼的知識(shí)，有需要的小伙伴可以參考下2016-08-08
這篇文章主要介紹了Spring循環(huán)依賴實(shí)現(xiàn)過(guò)程，Spring的解決循環(huán)依賴是有前置條件的，要解決循環(huán)依賴我們首先要了解Spring Bean對(duì)象的創(chuàng)建過(guò)程和依賴注入的方式2023-04-04
如何處理后臺(tái)向前臺(tái)傳遞的json數(shù)據(jù)
這篇文章主要介紹了如何處理后臺(tái)向前臺(tái)傳遞的json數(shù)據(jù),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了在今天這篇博文中，我將要介紹一下mybatis的框架原理，以及mybatis的入門程序，實(shí)現(xiàn)用戶的增刪改查，她有什么優(yōu)缺點(diǎn)以及mybatis和hibernate之間存在著怎么樣的關(guān)系，大家這些問(wèn)題一起通過(guò)本文學(xué)習(xí)吧2021-06-06
Java 線程池ExecutorService詳解及實(shí)例代碼
這篇文章主要介紹了Java 線程池ExecutorService詳解及實(shí)例代碼的相關(guān)資料,線程池減少在創(chuàng)建和銷毀線程上所花的時(shí)間以及系統(tǒng)資源的開(kāi)銷.如果不使用線程池,有可能造成系統(tǒng)創(chuàng)建大量線程而導(dǎo)致消耗系統(tǒng)內(nèi)存以及”過(guò)度切換“2016-11-11
這篇文章主要介紹了Response如何實(shí)現(xiàn)重定向方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-09-09
eclipse項(xiàng)目在IDEA中打開(kāi)并運(yùn)行的詳細(xì)圖文教程
這篇文章主要給大家介紹了關(guān)于eclipse項(xiàng)目在IDEA中打開(kāi)并運(yùn)行的詳細(xì)圖文教程,至從使用IDEA開(kāi)發(fā)工具以來(lái),不少次有使用IDEA運(yùn)行Eclipse項(xiàng)目或非Maven項(xiàng)目,所以這里給大家總結(jié)下,需要的朋友可以參考下2023-09-09