快捷導(dǎo)航

如何配置Eclipse實(shí)現(xiàn)定制登錄界面

更新時(shí)間：2015年07月23日 15:47:10 作者：高文龍

本文介紹了如何配置Eclipse實(shí)現(xiàn)定制登錄界面，每一步的講解都很細(xì)致，感興趣的小伙伴可以閱讀一下

Eclipse工具我相信定制對于開發(fā)的人員來說都很熟悉了，但是對我這個(gè)菜鳥來說是相當(dāng)?shù)挠刑魬?zhàn)性，因?yàn)槲沂菑膶W(xué)習(xí)到工作一直學(xué)習(xí)的是運(yùn)維相關(guān)工作，沒有接觸開發(fā)相關(guān)工作，所以在使用中比較困難，但是對于一個(gè)對技術(shù)有追求的人來說，應(yīng)該上道比較快，我學(xué)習(xí)了半個(gè)月的java，因?yàn)楣ぷ髅?，沒有時(shí)間學(xué)習(xí)，通過這半個(gè)月基本上了解了最最基本的概念而已。因?yàn)楣咀罱录軜?gòu)，想吧公司的一些信息寫入到sql下，然后通過web查詢，所以自己摸索著實(shí)現(xiàn)Ecclipse下部署第一個(gè)web登錄界面，在此給大家分享一下：具體見下：
我們也知道運(yùn)行web程序一般最為常見的是通過tomcat、iis、apache進(jìn)行實(shí)現(xiàn)的，但是最為常見的個(gè)人覺得還是tomcat，所以需要下載windows for tomcat程序，然后需要在windows上配置jdk、jre變量等問題；最后準(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)境變量：右擊“我的電腦”-->"高級"-->"環(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（注意變量值之間用“;”隔開）
6、“開始”-->“運(yùn)行”-->輸入“javac”-->"Enter"，如果能正常打印用法說明配置成功！
補(bǔ)充環(huán)境變量的解析:
JAVA_HOME:jdk的安裝路徑
classpath:java加載類路徑，只有類在classpath中java命令才能識別，在路徑前加了個(gè)"."表示當(dāng)前路徑。
path：系統(tǒng)在任何路徑下都可以識別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.我們下載后打開找到自己喜歡的模板程序然后做標(biāo)記。我比較喜歡這款，所以就準(zhǔn)備用這個(gè)模板文件了

我們打開該文件的相關(guān)應(yīng)用：因?yàn)槎际莌tml文件，所以我們需要將文件打開替換到j(luò)sp文件下，然后將css標(biāo)示文件拷貝過去即可

三、我們首先新建一個(gè)命令為：login.jsp文件，新建默認(rèn)的文件后，我們發(fā)現(xiàn)有錯(cuò)誤，其實(shí)這個(gè)錯(cuò)誤也算是錯(cuò)誤，因?yàn)樵撳e(cuò)誤是程序運(yùn)行環(huán)境的配置，為了方便起見，我們首先要解決這個(gè)錯(cuò)誤的問題。

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)添加

我們在將程序的字符碼更改成”UTF-8”

程序錯(cuò)誤問題已經(jīng)解決了，接下來我們是替換下載下來的login登錄及跳轉(zhuǎn)頁面。

我們首先是打開login.html文件以文本的格式打開復(fù)制內(nèi)容。

我們將新建的login.jsp文件內(nèi)容刪除，除了前兩行格式語言。粘貼剛才復(fù)制的login.html文件內(nèi)容

我們粘貼后的結(jié)果見下：

接下來我們要?jiǎng)?chuàng)建一個(gè)index.jsp文件，作為跳轉(zhuǎn)頁面。登錄完成后，會(huì)跳轉(zhuǎn)到改頁面

同時(shí)我們將下載后的index.html以文本的格式打開后復(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ǎng)?chuàng)建一個(gè)server package（Action）；右擊Dymanic web object(Sam)---新建---Package
該程序主要是控制頁面的訪問及跳轉(zhuǎn)。

Server packer的名一般建議用公司域名的反向輸入：比如我的域名是iiosoft.com再次要輸入com.iiosoft.action

創(chuàng)建完成server package（Action）

創(chuàng)建完Action后，我們需要?jiǎng)?chuàng)建servlte來控制程序了。

我們右擊server package-àweb-àServlet

名字我們可以任意起，再次我們用ActionServlet

所以程序創(chuàng)建完成，接下來我們就是需要修改程序了。

我們所有的程序創(chuàng)建完成后，我們需要在login.jsp文件內(nèi)創(chuàng)建form，

復(fù)制代碼代碼如下:

最主要的是要添加<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>&nbsp; </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>&nbsp;</TD>
<TD>&nbsp;</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>&nbsp; </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>&nbsp;</TD> 
<TD>&nbsp;</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>

最后修改登陸信息名稱：

復(fù)制代碼代碼如下:

Name=username password= password

最后我們在ActionServlt下定義用戶及名稱

String name = request.getParameter("username");
String password = request.getParameter("password");
System.out.println(name);
System.out.println(password);

修改完成后，我們可以運(yùn)行進(jìn)行測試了

頁面能正常打開

運(yùn)行后我們通過控制臺(tái)能看見輸入的賬戶及密碼信息

接下來我們通過添加條件語句進(jìn)行跳轉(zhuǎn)。我們先進(jìn)行定義指定的賬戶及密碼進(jìn)行測試。
我們定義用戶名及密碼均為admin，如果輸入正確跳轉(zhuǎn)到index.jsp頁面下，如果輸入錯(cuò)誤跳轉(zhuǎn)到當(dāng)前頁面

if (name.equals("admin") && password.equals("admin")) {
response.sendRedirect("index.jsp");
} else {
response.sendRedirect("login.jsp");
}
}

添加后，我們進(jìn)行測試；

輸入正確后，我們登陸跳轉(zhuǎn)正常

以上是本文的全部內(nèi)容，希望大家能都理解，對大家有所幫助。

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

軟件下載

源碼下載

軟件編程

網(wǎng)絡(luò)編程

在線工具

數(shù)據(jù)庫

CMS

常用工具

如何配置Eclipse實(shí)現(xiàn)定制登錄界面

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具