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

2024-11-30 17:48:55

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，

代码如下:

最主要的是要添加<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");
}
}

添加后，我们进行测试；

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

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

eclipse配置tomcat开发Dynamic Web Project环境图解

一.引子习惯了MyEclipse的你是否曾想过基于Eclipse进行Dynamic Web Project项目开发呢?网上资料颇多,但是实践起来却发现总有这样那样的问题,设计Lucene搜索引擎项目的一个需要,重新搭建了一次环境,感触颇多,先总结下来,以备后用. 二.版本说明 2.1 Eclipse J2EE Eclipse Java EE IDE for Web Developers.Version: Kepler Service Release 1Build id: 20130919-08
如何配置Eclipse实现定制登录界面

Eclipse工具我相信定制对于开发的人员来说都很熟悉了,但是对我这个菜鸟来说是相当的有挑战性,因为我是从学习到工作一直学习的是运维相关工作,没有接触开发相关工作,所以在使用中比较困难,但是对于一个对技术有追求的人来说,应该上道比较快,我学习了半个月的java,因为工作忙,没有时间学习,通过这半个月基本上了解了最最基本的概念而已.因为公司最近更新架构,想吧公司的一些信息写入到sql下,然后通过web查询,所以自己摸索着实现Ecclipse下部署第一个web登录界面,在此给大家分享一下:具体见下:
VUE脚手架框架编写简洁的登录界面的实现

目录前言安装Vue脚手架创建登录界面的文件--login.Vue 配置路由-- router.js 配置main.js 编写登录界面--Login.Vue 总结前言一个好的前端开发项目,都是一个团队负责一个部分进行通力合作的.简单的一个系统网站一般包含登录.主体.各个模块功能这三个大部分,现在我们写的登录界面,我们一般编写这样的登录界面可以说有一定的固定套路. 安装Vue脚手架 1.我们一Windows 10为例子,安装Vue 3脚手架前,我们先要配置node js环境: 2.接下来,
java语言图形用户登录界面代码

本文实例为大家分享了java登录界面的具体实现代码,供大家参考,具体内容如下 1. Login.java package wzb; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Panel; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.e
JSP制作简单登录界面实例

现在很多web项目都能用到登录界面,本文介绍一下JSP制作简单登录界面,分享给大家,具体如下: 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表这里我先把jsp文件先放在Web-INF外面访问 1.需要建立的几个文件在图上.jsp 2.还要导入MySQL的jar包mysql-5.0.5.jar,导到WEB-INF中的lib文件夹就可以不需要Bulid Path 3.开始编写代码: 代码演示: index.jsp就好像一般网站的首页一样
FineReport中自定义登录界面的方法

FineReport报表软件是一款纯Java编写的.集数据展示(报表)和数据录入(表单)功能于一身的企业级web报表工具,它"专业.简捷.灵活"的特点和无码理念,仅需简单的拖拽操作便可以设计复杂的中国式报表,搭建数据决策分析系统. 在登录平台时,不希望使用FR默认的内置登录界面,想通过自定义登录界面实现登录操作,内置登录界面如下图: 登录界面,获取到用户名和密码的值,发送到报表系统,报表服务带着这两个参数访问认证地址进行认证. 自定义登录界面 1)登录界面设置自定义html登录页面:
Android实现背景可滑动登录界面 (不压缩背景弹出键盘)

废话不多说,先看下实现后的效果: 实现思路看到上边 gif 图的效果,主要列举一下实现过程过程中遇到的难点. 如何使键盘弹出时候不遮挡底部登录布局: 当键盘弹出的时候如何不压缩背景图片或者背景延伸至「屏幕以外」: 从「 windowSoftInputMode 」说起相信大家都清楚,Google 官方提供给开发者控制软键盘显示隐藏的方法不多,「windowSoftInputMode」算是我们可控制的软键盘弹出模式的方法之一.关于其属性的说明Google 官方和网上的教程说了很多,他的属性值
PyQt5设置登录界面及界面美化的实现

写在前面前一段时间博主刷了半个多月的LeetCode算法题,刷的归类为简单的那些题,做到自己简直要怀疑人生.想着人生在世,何苦这么为难自己呢,何不做点自己擅长的东西.想到博主还有个项目没做完呢,于是开始捣鼓起来.项目的最终成果是要写一个软件,把所有研究的内容可视化的展示出来,研究的内容都写的差不多了,还差个登录界面,于是就开始元气满满的干起来. 先上编译环境: Python3.7 pycharm2020专业版 PyQt5 博主习惯用Spyder做编译器,但如果做大项目,最好还是用pycharm
React利用路由实现登录界面的跳转

上一篇在配置好了webpack和react的环境后,接下来开始写登录界面,以及接下来的跳转到主页的功能. 1.首先看一下总体的目录结构. 因为很多时候在看别人写的例子的时候因为目录结构不熟悉后边会出现意想不到的岔子. 2.大体流程: 1)webpack配置入口文件src/index.js 2)运行index.html后首先加载入口文件src/index.js 3)加载路由表src/router/index.js 4)根据路由表中的配置会首先加载登录界面src/login.js 5)当在登录界面登
如何利用PyQt5制作一个简单的登录界面

目录环境配置额外工具配置生成UI界面总结环境配置新建python虚拟环境并激活 conda create -n pyqt python=3.8 conda activate py36 安装pyqt5 pip install pyqt5 安装pyqt5-tools pip install pyqt5-tools 在PyCharm中新建一个qtdemo工程,并使用这个新建的python虚拟环境作为工程环境额外工具配置依次点击File---Settings---Tools---Exte
SpringSecurity自定义登录界面

为什么需要自定义登录界面? 答:因为SpringBoot整合SpringSecurity时,只需要一个依赖,无需其他配置,就可以实现认证功能.但是它的认证登录界面是固定那样的,如下图所示,但是我们希望自己搞个好看的登录界面,所以需要自定义登录界面. 第一步:创建springboot项目 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.or

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

相关推荐

随机推荐