全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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就好像一般网站的首页一样感觉,将header.jsp和footer.jsp引入其中

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<style>
  #nav>ul>li{
    float:left;
    margin-left:50px;
  }
  #login{
    clear:both;
  }
</style>
</head>
<body>
<!-- 引入header.jsp的头部文件 -->
<%@ include file="header.jsp" %>
<div id="login">
  <a href="login.jsp" rel="external nofollow" ><button>登陆</button></a>
</div>
<!-- 引入footer.jsp的脚部文件 -->
<%@include file="footer.jsp" %>
</body>
</html>

header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<div id="nav">
  <ul>
    <li ><a href="">导航1</a></li>
    <li><a href="">导航2</a></li>
    <li><a href="">导航3</a></li>
    <li><a href="">导航4</a></li>
    <li><a href="">导航5</a></li>
    <li><a href="">导航6</a></li>
  </ul>
</div>

footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
  <div>
<p>xxxxxxxxxxx可以试试|xxxxxxxxxxxx技术有限公司</p>
 <p>京 ICP 证 1234567 号|Copyright © 1999-2017, All Rights Reserved </p>
 </div>

页面内容展示:

login.jsp登陆用户名密码填写界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆页面</title>
</head>
<body>
<%--表单--%>
  <fieldset>
  <legend>登陆界面</legend>
  <form action="test.jsp" method="post">
  <input type="text" name="username"><br>
  <input type="password" name="password"><br>
  <input type="submit" value="登陆">
  <!-- EL语句,后面验证表单时,验证错误反回信息-->
  ${error}
  </form>
</fieldset>
</body>
</html>

内容显示:

test.jsp 是对表单login.jsp 的提交的内容与数据库中的数据对比验证,再相应的跳转

<%@page import="java.sql.*"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%
//请求获取login.jsp的用户名username的值
 String username=request.getParameter("username");
//请求获取login.jsp的密码password的值
String password=request.getParameter("password");
//数据库MySQL的地址
String DBURL="jdbc:mysql://localhost:3306/zhou?useUnicode=true&characterEncoding=utf-8"; 
String DBName="root"; //登入用户名
String DBPwd="123456";//登入密码
//加载mysql驱动
Class.forName("com.mysql.jdbc.Driver");
//连接数据库
Connection conn=DriverManager.getConnection(DBURL,DBName,DBPwd);
//创建Statement对象
Statement st=conn.createStatement();
//sql语句,搜索这个username和password在数据库是否存在
String sql="select * from user where name='"+username+"'and pwd='"+password+"'";
//运行sql语句,并把得到的结果放入结果集ResultSet中
ResultSet rs=st.executeQuery(sql);
//判断这个结果集是否存在,一般username只有一个
if(rs.next()){
  //设置一个username,将后面username其内容赋值给前面一个username,可以以便下一个页面使用
  request.setAttribute("username", username);
  //跳转页面到userpage.jsp
  request.getRequestDispatcher("userpage.jsp").forward(request, response);
}else{
  //设置一个error,将后面的字赋给这个error,以便先一个跳转页面的使用,request的作用域有限
  request.setAttribute("error", "用户名或密码错误!!!");
  request.getRequestDispatcher("login.jsp").forward(request, response);
}


conn.close();
rs.close();
%>

登陆错误显示的页面内容:

userpage.jsp这个页面就是登陆成功之后显示的页面

<%@page import="javafx.scene.chart.PieChart.Data"%>
<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户界面</title>
</head>
<body>
<div>
<!-- ${username}是获取到test.jsp 中判断中重新设置的username,知道是谁登陆了,这个是谁的页面 -->
<p>${username},你好,登陆成功!!</p>
</div>
<%
//session的作用域问题,可以记录一个网站的浏览量。先得到一个count
  Object obj=session.getAttribute("count");
//判断这个对象是否为空
  if(obj==null){
    //空则重新设置一下count的值
    session.setAttribute("count", 0);
  }else{
    //否则将得到的对象强转加1,就可以记录浏览量
    int i=(int)obj+1;
    session.setAttribute("count", i);
    %>
    <div>你是第<%=i %>位登陆的用户</div>
  <%
  }
  //获取当前时间
  Date date=new Date();
  out.print("现在时间:"+date);
%>
<div>你的IP地址:<%=request.getRemoteAddr()%></div>
</body>
</html>

页面内容:localhost就是127.0.0.1,有时候地址栏是local host时会显示8个0:

整个简单的登陆就完事了

想了解EL语言的具体感觉可以看这个 JSP中的EL表达式详细介绍

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# jsp简单的登录界面  # JSP  # 登录界面  # jsp实现登录界面  # 跳转  # 表单  # 运行环境  # 登入  # 首页  # 浏览量  # 是否存在  # 就可以  # 几个  # 放在  # 你是  # 不需要  # 都能  # 给大家  # 想了  # 只有一个  # 详细介绍  # 谁的  # 先把  # 介绍一下 


相关文章: 网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  手机怎么制作网站教程步骤,手机怎么做自己的网页链接?  定制建站模板如何实现SEO优化与智能系统配置?18字教程  如何快速搭建高效香港服务器网站?  制作电商网页,电商供应链怎么做?  如何在自有机房高效搭建专业网站?  如何将凡科建站内容保存为本地文件?  网站图片在线制作软件,怎么在图片上做链接?  道歉网站制作流程,世纪佳缘致歉小吴事件,相亲网站身份信息伪造该如何稽查?  建站之星官网登录失败?如何快速解决?  网站企业制作流程,用什么语言做企业网站比较好?  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?  建站之星好吗?新手能否轻松上手建站?  网站制作网站,深圳做网站哪家比较好?  家具网站制作软件,家具厂怎么跑业务?  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  建站之星收费标准详解:套餐费用及年费价格表一览  招商网站制作流程,网站招商广告语?  广州顶尖建站服务:企业官网建设与SEO优化一体化方案  深圳网站制作培训,深圳哪些招聘网站比较好?  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么?  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  C++中的Pimpl idiom是什么,有什么好处?(隐藏实现)  北京专业网站制作设计师招聘,北京白云观官方网站?  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的,性价比高,模板也多的?  宝塔建站后网页无法访问如何解决?  动图在线制作网站有哪些,滑动动图图集怎么做?  如何快速查询网址的建站时间与历史轨迹?  详解jQuery中基本的动画方法  天河区网站制作公司,广州天河区如何办理身份证?需要什么资料有预约的网站吗?  深入理解Android中的xmlns:tools属性  深圳网站制作案例,网页的相关名词有哪些?  如何通过商城自助建站源码实现零基础高效建站?  建站之星展会模版如何一键下载生成?  如何通过二级域名建站提升品牌影响力?  巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成  如何用免费手机建站系统零基础打造专业网站?  专业网站制作服务公司,有哪些网站可以免费发布招聘信息?  网站代码制作软件有哪些,如何生成自己网站的代码?  如何在西部数码注册域名并快速搭建网站?  h5网站制作工具有哪些,h5页面制作工具有哪些?  如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?  公众号网站制作网页,微信公众号怎么制作?  在线制作视频的网站有哪些,电脑如何制作视频短片?  宿州网站制作公司兴策,安徽省低保查询网站?  建站主机是否属于云主机类型? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。