JSP制作简单登录界面实例

时间:2021-05-26

现在很多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://.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表达式详细介绍

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章