Eclipse工具我相信定制對于開發的人員來說都很熟悉了，但是對我這個菜鳥來說是相當的有挑戰性，因為我是從學習到工作一直學習的是運維相關工作，沒有接觸開發相關工作，所以在使用中比較困難，但是對于一個對技術有追求的人來說，應該上道比較快，我學習了半個月的java，因為工作忙，沒有時間學習，通過這半個月基本上了解了最最基本的概念而已。因為公司最近更新架構，想吧公司的一些信息寫入到sql下，然后通過web查詢，所以自己摸索著實現Ecclipse下部署第一個web登錄界面，在此給大家分享一下：具體見下：
我們也知道運行web程序一般最為常見的是通過tomcat、iis、apache進行實現的，但是最為常見的個人覺得還是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環境變量配置：
4、安裝jdk-6u14-windows-i586.exe
5、配置環境變量：右擊“我的電腦”-->"高級"-->"環境變量"
1）在系統變量里新建JAVA_HOME變量，變量值為：C:/Program Files/Java/jdk1.6.0_14（根據自己的安裝路徑填寫）
2）新建classpath變量，變量值為：.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar
3）在path變量（已存在不用新建）添加變量值：%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin（注意變量值之間用“;”隔開）
6、“開始”-->“運行”-->輸入“javac”-->"Enter"，如果能正常打印用法說明配置成功！
補充環境變量的解析:
JAVA_HOME:jdk的安裝路徑
classpath:java加載類路徑，只有類在classpath中java命令才能識別，在路徑前加了個"."表示當前路徑。
path：系統在任何路徑下都可以識別java,javac命令。
7、Eclipse下載：http://eclipse.org/downloads/
二、我們已經在將以上環境準備好了：
Apache-tomcat程序放入到了D盤跟目錄下
2.運行eclipse程序后，我們新建第一個項目--àDynamic Web Project(命名Sam)--à然后創建.jsp文件，因為我在網上找到了相應的模板，所以需要替換即可。
http://down.51cto.com/data/678743
3.我們下載后打開找到自己喜歡的模板程序然后做標記。我比較喜歡這款，所以就準備用這個模板文件了
我們打開該文件的相關應用：因為都是html文件，所以我們需要將文件打開替換到jsp文件下，然后將css標示文件拷貝過去即可
三、我們首先新建一個命令為：login.jsp文件，新建默認的文件后，我們發現有錯誤，其實這個錯誤也算是錯誤，因為該錯誤是程序運行環境的配置，為了方便起見，我們首先要解決這個錯誤的問題。
2.我們單擊windows-àPreferences
Server-àRuntime Environment--àAdd
我們環境內準備及已安裝的是apache-tomgcat8.0，所以我們選擇該版本
我們選擇tomcat程序的安裝路徑
選擇后我們單擊完成
我們右擊Dynimac web object(Sam)--àBuild path--àConfigure build path
我們選擇，Server Runtime
我們接著選擇Libraries--àAdd Library
我們添加完成
添加完成后，我們發現Apache tomcat版本的程序已經添加
我們在將程序的字符碼更改成”UTF-8”
程序錯誤問題已經解決了，接下來我們是替換下載下來的login登錄及跳轉頁面。
我們首先是打開login.html文件以文本的格式打開復制內容。
我們將新建的login.jsp文件內容刪除，除了前兩行格式語言。粘貼剛才復制的login.html文件內容
我們粘貼后的結果見下：
接下來我們要創建一個index.jsp文件，作為跳轉頁面。登錄完成后，會跳轉到改頁面
同時我們將下載后的index.html以文本的格式打開后復制內容。
粘貼到index.jsp文件內。
因為下載后的登錄界面是有標示信息的，所以我們需要將標示信息復制粘貼到Dymaci web object下進行調用。復制以下5個文件。
我們復制后粘貼文件
粘貼后的結果見下：
以上文件配置完成后，我們需要創建一個server package（Action）；右擊Dymanic web object(Sam)---新建---Package
該程序主要是控制頁面的訪問及跳轉。
Server packer的名一般建議用公司域名的反向輸入：比如我的域名是iiosoft.com再次要輸入com.iiosoft.action
創建完成server package（Action）
創建完Action后，我們需要創建servlte來控制程序了。
我們右擊server package-àweb-àServlet
名字我們可以任意起，再次我們用ActionServlet
所以程序創建完成，接下來我們就是需要修改程序了。
我們所有的程序創建完成后，我們需要在login.jsp文件內創建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=#002779border=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><INPUTstyle="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><INPUTstyle="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=24name=pass></TD></TR><TR height=5><TD colSpan=3></TD></TR><TR><TD> </TD><TD> </TD><TD><INPUT type=image height=18 >70src="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><IMGheight=26 src="images/login_6.gif" >165border=0></A></TD></TR></TABLE></TD></TR></TABLE></form></BODY></HTML>
修改前的代碼結構：
<!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 target=_blank><IMG height=26 src="images/login_6.gif" border=0></A></TD></TR></TABLE></TD></TR></TABLE></BODY></HTML>
最后修改登陸信息名稱：
最后我們在ActionServlt下定義用戶及名稱
String name = request.getParameter("username");String password = request.getParameter("password");System.out.println(name);System.out.println(password); 
修改完成后，我們可以運行進行測試了
頁面能正常打開
運行后我們通過控制臺能看見輸入的賬戶及密碼信息
接下來我們通過添加條件語句進行跳轉。我們先進行定義指定的賬戶及密碼進行測試。
我們定義用戶名及密碼均為admin，如果輸入正確跳轉到index.jsp頁面下，如果輸入錯誤跳轉到當前頁面
if (name.equals("admin") && password.equals("admin")) {response.sendRedirect("index.jsp");} else {response.sendRedirect("login.jsp");}}
添加后，我們進行測試；
輸入正確后，我們登陸跳轉正常
以上是本文的全部內容，希望大家能都理解，對大家有所幫助。
新聞熱點
疑難解答
