简单WEB登录页面代码实现

longin.html：登录页面，此处action引用**/**类型的地址，JSP可以用${ pageContext.request.contextPath }/LS

<!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">
</head><body><form action="/lianxiti/LS"，method="post">用户名: <input name="username" type="text" /><br/>密码：<input name="password" type="password" /><br/>   <input type="submit" value="提交" id="bt" /></form></body>

LoginServlet.java用户和前台WEB页面数据进行交互

package it.tongyou.web.servlet;import java.io.IOException;
import java.io.PrintWriter;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class LoginServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {//乱码解决response.setContentType("text/html;charset-utf-8");//获取页面传过来的数据String username=request.getParameter("username");String password=request.getParameter("password");//判断账号密码if(("xm").equals(username) && ("123").equals(password)){response.sendRedirect("/lianxiti/success.html");}else{response.sendRedirect("/liantixi/longin.html");}}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doGet(request, response);}
}

web.xml应用路径配置/LS和longin.html引用地址一定要一样，因为此处需要把WEB页面的数据提交到对应的servlet中；

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"><!-- 页面WEB跳转servlet层 --><servlet><servlet-name>LoginServlet</servlet-name><servlet-class>it.tongyou.web.servlet.LoginServlet</servlet-class></servlet><servlet-mapping><servlet-name>LoginServlet</servlet-name><url-pattern>/LS</url-pattern></servlet-mapping><!-- 打开项目优先展示页面 --> <welcome-file-list><welcome-file>longin.html</welcome-file></welcome-file-list>
</web-app>

成功后跳到success.html页面

<!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">
</head><body>成功登录</body>
</html>

简单WEB登录页面代码实现相关推荐

JSP实现简单的登录页面实现及代码（非连接数据库）
** JSP实现简单的登录页面实现及代码(非连接数据库) ** 1.实现一个简单的登陆页面: 2.如果登陆成功,提示页面欢迎你,进入我的主页: 3.如果登陆不成功跳转到登陆页面: 4.使用固定用户名和 ...
实现一个简单的登录页面
实现一个简单的登录页面设计了一个登录页面,感觉还挺不错的实现效果设计的还是挺好看的吧分析需要的功能一个登录页面一个注册页面翻转效果输入后的正则判断,给用户提示信息翻转要清空页面的全部信 ...
Android开发实现简单QQ登录页面
Android开发实现极为简单的QQ登录页面设计一个简单QQ登录页面,无任何功能.然后打包安装到手机. 1.首先创建一个空白页面 2.打开样式设计的页面在activity_main.xml中写入代 ...
PHP连接数据库实现简单的登录页面
最后实现结果如下图所示: 如果输入的用户名或密码为空,则会弹出对话框提示同样的,如果输入的密码不正确也会弹出对话框提示: 登录成功页面: 具体实现代码如下: HTML代码: <!DOCTYPE ...
Kotlin实现简单的登录页面
目录一.流程: 二.代码实现: 一.流程: 输入登录昵称+密码,点击登录按钮,登录成功显示成功toast并进入详情页面,登录失败显示失败toast Kotlin实现简单的登录页面视频 Kotlin实 ...
写一个简单的登录页面!!!(html)
写一个简单的登录页面!!! 大家好,我是伍柒. 今天我又双叒叕发现了一个好东西. 那就是用html做一个登录页面那,该如何做呢? 首先现在html里的body里写一个头部header标签(双标签 ...
html+css 制作简单QQ登录页面
HTML+css制作简单QQ登录页面这是效果图这是HTML源码 <!DOCTYPE html> <html lang="zh"><head> ...
微信小程序-登录-页面-代码-实现-峯-推荐
学习目标 1.掌握 JAVA入门到进阶知识(持续写作中--) 2.学会Oracle数据库用法(创作中--) 3.手把手教你vbs脚本制作(完善中--) 4.强大的 IDEA编程利器(编写中--) 5. ...
投票功能+代码+java_JSP实现的简单Web投票程序代码
这篇文章主要介绍了JSP实现的简单Web投票程序代码,较为详细的分析了JSP实现投票功能的具体步骤与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了JSP实现的简单Web投票程序. ...
用HTML做一个简单的web登录页面,简单的JavaWeb注册登录案例
简单的JavaWeb注册登录案例 1.注册页面register.html register 姓名: 电话: 邮箱: qq: 2.注册案例实现程序register.java /** * 注册案例实现程序 ...

简单WEB登录页面代码实现

简单WEB登录页面代码实现相关推荐

最新文章

热门文章