当前位置： 移动技术网 > IT编程>开发语言>Java > 如何配置Eclipse实现定制登录界面

如何配置Eclipse实现定制登录界面

2019年07月22日  | 移动技术网IT编程  | 我要评论

eclipse工具我相信定制对于开发的人员来说都很熟悉了，但是对我这个菜鸟来说是相当的有挑战性，因为我是从学习到工作一直学习的是运维相关工作，没有接触开发相关工作，所以在使用中比较困难，但是对于一个对技术有追求的人来说，应该上道比较快，我学习了半个月的java，因为工作忙，没有时间学习，通过这半个月基本上了解了最最基本的概念而已。因为公司最近更新架构，想吧公司的一些信息写入到sql下，然后通过web查询，所以自己摸索着实现ecclipse下部署第一个web登录界面，在此给大家分享一下：具体见下：
我们也知道运行web程序一般最为常见的是通过tomcat、iis、apache进行实现的，但是最为常见的个人觉得还是tomcat，所以需要下载windows for tomcat程序，然后需要在windows上配置jdk、jre变量等问题；最后准备eclipse程序；
1、 windows for tomcat程序下载：
2、 jdk下载：
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下载：
二、我们已经在将以上环境准备好了：
apache-tomcat程序放入到了d盘跟目录下

2.运行eclipse程序后，我们新建第一个项目--àdynamic web project(命名sam)--à然后创建.jsp文件，因为我在网上找到了相应的模板，所以需要替换即可。

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.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，

复制代码 代码如下:
<form action=”actionservlet” method=”post”>

最主要的是要添加<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 href="http://www.865171.cn/" target=_blank><img
height=26 src="images/login_6.gif" >165
border=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 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);

修改完成后，我们可以运行进行测试了

页面能正常打开

运行后我们通过控制台能看见输入的账户及密码信息

接下来我们通过添加条件语句进行跳转。我们先进行定义指定的账户及密码进行测试。
我们定义用户名及密码均为admin，如果输入正确跳转到index.jsp页面下，如果输入错误跳转到当前页面


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

添加后，我们进行测试；

输入正确后，我们登陆跳转正常

以上是本文的全部内容，希望大家能都理解，对大家有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网