腳本之家服務器常用軟件

快捷導航

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

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

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

Eclipse工具我相信定制對于開發(fā)的人員來說都很熟悉了，但是對我這個菜鳥來說是相當?shù)挠刑魬?zhàn)性，因為我是從學習到工作一直學習的是運維相關工作，沒有接觸開發(fā)相關工作，所以在使用中比較困難，但是對于一個對技術有追求的人來說，應該上道比較快，我學習了半個月的java，因為工作忙，沒有時間學習，通過這半個月基本上了解了最最基本的概念而已。因為公司最近更新架構(gòu)，想吧公司的一些信息寫入到sql下，然后通過web查詢，所以自己摸索著實現(xiàn)Ecclipse下部署第一個web登錄界面，在此給大家分享一下：具體見下：
我們也知道運行web程序一般最為常見的是通過tomcat、iis、apache進行實現(xiàn)的，但是最為常見的個人覺得還是tomcat，所以需要下載windows for tomcat程序，然后需要在windows上配置jdk、jre變量等問題；最后準備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、“開始”-->“運行”-->輸入“javac”-->"Enter"，如果能正常打印用法說明配置成功！
補充環(huán)境變量的解析:
JAVA_HOME:jdk的安裝路徑
classpath:java加載類路徑，只有類在classpath中java命令才能識別，在路徑前加了個"."表示當前路徑。
path：系統(tǒng)在任何路徑下都可以識別java,javac命令。
7、Eclipse下載：http://eclipse.org/downloads/
二、我們已經(jīng)在將以上環(huán)境準備好了：
Apache-tomcat程序放入到了D盤跟目錄下

2.運行eclipse程序后，我們新建第一個項目--àDynamic Web Project(命名Sam)--à然后創(chuàng)建.jsp文件，因為我在網(wǎng)上找到了相應的模板，所以需要替換即可。
http://down.51cto.com/data/678743
3.我們下載后打開找到自己喜歡的模板程序然后做標記。我比較喜歡這款，所以就準備用這個模板文件了

我們打開該文件的相關應用：因為都是html文件，所以我們需要將文件打開替換到jsp文件下，然后將css標示文件拷貝過去即可

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

2.我們單擊windows-àPreferences

Server-àRuntime Environment--àAdd

我們環(huán)境內(nèi)準備及已安裝的是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”

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

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

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

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

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

同時我們將下載后的index.html以文本的格式打開后復制內(nèi)容。

粘貼到index.jsp文件內(nèi)。

因為下載后的登錄界面是有標示信息的，所以我們需要將標示信息復制粘貼到Dymaci web object下進行調(diào)用。復制以下5個文件。

我們復制后粘貼文件

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

以上文件配置完成后，我們需要創(chuàng)建一個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后，我們需要創(chuàng)建servlte來控制程序了。

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

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

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

我們所有的程序創(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>&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>

最后修改登陸信息名稱：

復制代碼代碼如下:

Name=username password= password

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

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

修改完成后，我們可以運行進行測試了

頁面能正常打開

運行后我們通過控制臺能看見輸入的賬戶及密碼信息

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

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

添加后，我們進行測試；

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

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

您可能感興趣的文章:

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

軟件下載

源碼下載

軟件編程

網(wǎng)絡編程

在線工具

數(shù)據(jù)庫

CMS

常用工具

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

相關文章

最新評論

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

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

常用在線小工具