1、 准备素材,放到项目中如图的位置
![023282fc442579828f61066ac8a42e79.png](https://i-blog.csdnimg.cn/blog_migrate/e052ed238ab91c85ee3a8782c6304aa3.jpeg)
请自行下载安装包
![28450d334e7cc2ca55f457c52d1ca0a2.png](https://i-blog.csdnimg.cn/blog_migrate/0719cf27f199039259cc07bc93be8750.jpeg)
我们先完成首页
访问地址
![6d75f25e5df32661134e953a23a324f3.png](https://i-blog.csdnimg.cn/blog_migrate/2fee178ae899eab5574395dbaf54e2d9.jpeg)
访问页面
![56118c756d543bc877ea1c3c06fa49fa.png](https://i-blog.csdnimg.cn/blog_migrate/8fb7bad8a65490f4216c2d7542427525.jpeg)
首页创建Servlet,注意全包、类名和分发的页面
![5e25f567aa424e75ba1c290b4f9aa318.png](https://i-blog.csdnimg.cn/blog_migrate/2fdfbd985bb63675a5f0c0307fb063a8.jpeg)
在web.xml页面中配置相关内容
![810919d4800661db357a2a599af6121c.png](https://i-blog.csdnimg.cn/blog_migrate/126a462c28461b5d328273e3605445a0.jpeg)
然后完成我们的index.jsp页面
首先创建页面
![f3a0e07891063ebe47998649b62d21e2.png](https://i-blog.csdnimg.cn/blog_migrate/05b6f286a17270cfa09c1387ac1b967a.jpeg)
编写index.jsp文件
编写以下内容,下面的内容主要是引用一些工具和库,方便我们后续代码的实现
![06257bdd5226e5f153fd2f714f15ddbc.png](https://i-blog.csdnimg.cn/blog_migrate/02c3fda19b90bab4a5e6f34b6912f532.jpeg)
(内容)
"java.text.SimpleDateFormat"%>
"java.text.DateFormat"%>
"java" import="java.util.*" pageEncoding="utf-8"%>
"c" uri="http://java.sun.com/jsp/jstl/core" %>
"fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
"http://java.sun.com/jsp/jstl/core" prefix="c"%>
继续编写代码
![31cf0a79ca06dd8ddd90419989edb6e8.png](https://i-blog.csdnimg.cn/blog_migrate/9dbd8c22d77adf37762c172bc40b17bc.jpeg)
其中各代码的意思如下
![ce5d963c11d89f2acf59c05c780409f7.png](https://i-blog.csdnimg.cn/blog_migrate/66173bd44179ddcf7e08692f3422fd8b.jpeg)
我们编写body部分
![051a985ff66b3e799d3c43cd43647bc6.png](https://i-blog.csdnimg.cn/blog_migrate/349e056441d191e1939a9db4b1baf333.jpeg)
其中check方法如下
![b857aa9c8ecf006beb6664200f833d9b.png](https://i-blog.csdnimg.cn/blog_migrate/4d51eb89ce887268bd903544584e02b6.jpeg)
页面完成,点击地址访问出现效果
![56118c756d543bc877ea1c3c06fa49fa.png](https://i-blog.csdnimg.cn/blog_migrate/8fb7bad8a65490f4216c2d7542427525.jpeg)
利用Session存放登录信息,我们先创建Servlet
创建Servlet
![447f2f69d23bb155080ac157073ddd06.png](https://i-blog.csdnimg.cn/blog_migrate/56de8900abd348d2df4d889a0f3a571a.jpeg)
配置LoginServet
![9cbf2f987dbf14038fc79f8d3ce2384b.png](https://i-blog.csdnimg.cn/blog_migrate/4522eddc557698525a86f6288389618e.jpeg)
500的页面做个展示,可以任意完成,我上传了一个我先写的
![75793f7fe1a97266c4da1cfd93403d49.png](https://i-blog.csdnimg.cn/blog_migrate/e111d32b162a690e255ae4a76fbfa45d.jpeg)
页面截图
页面第一部分(顺序)
![300cd448705e21df383d464041109b0c.png](https://i-blog.csdnimg.cn/blog_migrate/8f9edec95a3e0c4631bca92aed203d6e.jpeg)
页面第二部分(顺序)
![c5343648f21f125e728ee8b0eb79c756.png](https://i-blog.csdnimg.cn/blog_migrate/7993eadad7bd4a4131947fe38ef0aae1.jpeg)
页面第三部分(顺序)
![7d7ec18db9294acab9de81d9b9186216.png](https://i-blog.csdnimg.cn/blog_migrate/4a00a322b9390a7ad146d851792979ed.jpeg)
获取我们提交的数据
![a5c660b85032efa17aaba6053d102c36.png](https://i-blog.csdnimg.cn/blog_migrate/adf07dc9ca138a161b47ea0c76c9acf8.jpeg)
我们将登录信息设置到Session中
![847797398051360090df77cb8ca12d99.png](https://i-blog.csdnimg.cn/blog_migrate/1b6011a7bb203c6746288496de8e89cb.jpeg)
是否登录验证
![2d288445c62dfc329c877129141ab057.png](https://i-blog.csdnimg.cn/blog_migrate/8e0d513e009c3130fa06781f7f8413a9.jpeg)
如果登录过那么在登录页面应该有提示
![fb740ef95dd3e441559c49ecc5bd9646.png](https://i-blog.csdnimg.cn/blog_migrate/e6bac4ac80fedaee9e701cc14eb63dbc.jpeg)
在首页中加一行代码
![0355df4a7f5a3a0fa65958933360d01d.png](https://i-blog.csdnimg.cn/blog_migrate/5eea0d5a236a3aeaa6b615dff3efc77e.jpeg)
如果登录过后会如图显示
![232f7cccacc2a719871dbc38c0327353.png](https://i-blog.csdnimg.cn/blog_migrate/d5e539be294f651dff684c69b7ebb6a0.jpeg)