当前课程知识点:Web后端开发技术 > 第2章 Servlet技术基础 > 2.4 任务实现:某高校毕业生信息发布系统-注册与登录(Servlet版) > 2.4.1 注册代码实现
同学你好
今天我们学习这个知识点
本节开始给大家去演示一个高校
毕业生信息发布系统的注册和登录的
代码实现
那么
我们可以看到这是我们的用户的一个
注册页面
很简单
需要输入用户名密码和确认密码
点击注册就可以了
因为我们现在还没有学习Java
和数据库之间的连接
那么我们注册只是模拟一下
临时的存储一下
再有一个就是我们在做这个项目的
时候
因为前端页面不是我们的关注点
但是又不能非常的难看
所以说我们用到了一个叫做
bootstrap这样的一个框架
然后大家可以不去了解这个框架具体
怎么去使用
只需按照我的方式把他加载到项目
里面
大家能看明白他
我们给提供的样例代码或者说是模板
代码就可以了
当他百度当中说bootstrap
然后点击Bootstrap
中文网就可以打开它的官方文档
那么我们用的是Bootstrap3
大家可以在这个页面上去自己去看
bootstrap的相关实现
它这里也有很多的丰富的案例
那么大家可以去把bootstrap的这个包给
下载下来
好
我这里已经下载好了
在我这个文件夹当中
我给他解压出来
解压出来就有Bootstrap
我用的版本是3.3.7
那么我们整个把文件夹拷贝
然后我们新建一个我们的项目
我们的动态Javaweb项目
我们叫做chapter2的一个
protect
好
我把它整个文件夹直接黏贴在我们的
webContent的下面
那么因为Bootstrap他的运行是依赖于
我们的jQuery
所以大家可以在百度里去搜索jQuery
或者直接进入jQuery.com进入
jQuery的网站
然后点击download下载我们的jQuery
就可以了
我这里已经下载好了一个我们的jQuery
好
我直接把JS文件拷贝
然后粘在我们的
我就跟bootstrap到一起了
搁到他JS文件夹里面了
那么大家注意一下
jQuery的版本有很多
那么我们这门课用的版本我点开以后
给大家看一下
大家可以把这个版本跟我这个版本
保持一致
避免出现一些其他的错误
我们用的版本是1.12.4
好了
那么这样的话
我们基本上就可以把我们的bootstrap
给加载进来了
然后我这里也给大家提供好了我们的
模板文件
一个叫做reg.jsp一个叫做
login.jsp
他俩还会用到一个CSS的文件
都已经给大家写好
所以说我把拷贝然后拷到我们的
WebContent的目录下
CSS文件无非就是一些样式的表单
那么把这些东西拷过来以后
大家就可以访问一下我们的两个页面
看看我们的页面是不是正常
那么下面我们就进行一下访问
首先把这个项目新的项目给他部署
上去
好
我们运行起来
在浏览器当中看下效果
我们先访问reg.jsp
大家可以看到就会出现我们
这样的一个页面还是蛮漂亮的
好了
那么紧接着我们就要实现我们的注册
功能了
我们注册现在很简单
从页面来看就无非两个选项
一个是用户名
一个是密码
那么因为我们现在只是考虑到具体的
实现
那么前端怎么去验证我说的用户名
是否合法
这两次密码是不是输入的一致
那么我们都不考虑
我们只是接收到两个请求参数
一个用户名一个密码
然后给它存起来
也不存到数据库里
我们用一个临时的方法给它存起来就
可以了
那么首先我要想保存用户名和密码
我得有一个java类
来表示我们user对象
所以这里我建立一个普通的java类
大家来看
我把它放在com.hbun.
我叫PO这么一个包里
一般情况下叫做 叫做Persistence Object
持久化对象
好
这是package
那么这个人我叫student
好
finish
那么这个student呢
如果我们用数据库以后
它会有一个他的ID号
当然了现在ID号有可能是没用的
但是我们先给他留着
那么这个student还会有一个他的姓名
还会有他的一个密码
好
那么我们对这些属性生成它们对应的
get和set方法
好
这样的话我就建立好了这么一个
student对象
那么我回到这个页面来看
当我用户点击注册的时候
我需要把请求提交在哪
所以form表单我给他一个action
比如说叫做userServlet
好
那么对应着里面的用户名
我都要给他一个name名称
以便他输入什么
我在后台可以获取到它的输入的东西
比如说叫做username
那密码呢
name等于PWD当然了确认密码
在实际情况下我肯定也要给一个名称
去验证
他两次输入的密码是不是一致
但是我再强调一遍
这里我不做这项操作了
因为我的核心不是在讲解业务
而是在讲解流程该怎么去实现
好
那么这时候我就要去定义userServlet
当然他的请求方式是post
好
那么我们这里面我定义一个新的Servlet
我给它放在Servlet这个包下
名称就叫做user
Servlet
好
finish
好
那么我们在do post方法里面
很显然我们可以通过string点
request.
getParameter
我拿到username为了保持一致
好看
我把他也叫做username
同理我可以拿到pastward
getParameter pwd
然后
我就定义我们之前的user对象
我们user对象
我们叫做student对象S吧
好
引入我们的包
我们的S里面set的user name
就是我们获取到的username
S里面setPassword
就是我们获取到的Password
Pwd就可以了
那么我们是不是要把S对象保存起来
因为现在没有数据库
大家注意看我在我的Servlet这块
属性当中
因为Servlet
一旦启动
它就初始化了我定一个全局变量
我叫做Map
假如说我把它看成一个的database
好吧
hashmap
好
那么这个map我给大家指定一下
它的K分别是string类型和string类型
key和value都是string类型的
好
倒入java.utilmap
java.util
这样的话我就可以把
user给存起来
比如说我这个databass
点
put存起来
我们的Key为了
区分Key肯定是唯一的吗
就是我们注册用户名作为我们的key
要全局唯一
我们的value是我们的S对象
那么这里注意
因为我这里设置的泛型
这是string
所以说这儿写string还不行
否则他会报错
就干脆要么你这块可以搁成
student这个对象要不你泛型就不要
我这里合成student对象吧
因为我value是一个student对象
所以这块搁成S那么我们就可以把
用户给它保存起来了
保存起来以后我们就可以比如说返回
到一个注册成功页面是吧
response.send
Redirect
比如说regSuccess.jsp
好
这样的话我们就完成了注册功能
那么我们先把注册功能给他演示一下
大家注意我这个注册功能
一旦我的服务器停止掉了
那么很显然我这个数据就没了
不像数据库它能够持久化的保存
这里大家注意一下
好
我们打开request.jsp
我输入的是jjq
密码是123
好
点击注册
因为确认密码现在输不输已经没有
意义了
我没有做任何的验证
点击注册
这里他是要求必输那我就先输上
这是bootstrap
框架要求的
注册
好
我们看一下错误
他说success.jsp没有找到
那么因为这个页面我们现在还没有建
但是肯定是这个方法已经执行了
他才重定向到这个页面来的
所以说我们随便新建个页面
叫做JSP
regSucces.jsp
好
我们就显示一行话
注册成功
好
这时候你刷新一下就可以了
因为有这个页面了
它就会显示注册成功
这个知识点就讲到这里
谢谢
-1.0 导学
--1.0.1 导学
-1.1 Web应用开发概述
--1.1.3 测试
-1.2 准备Java Web应用开发环境
--1.2.2 测试
-1.3 任务实现:Hello World Web项目
--1.3.2 测试
-1.4 小结
--1.4.1 小结
-本课程所有代码
--课程参考代码
-2.0 导学
--2.0.1 导学
-2.1 Servlet概述
--2.1.3 测试
-2.2 创建Servlet
--2,2,3 作业
-2.3 Servlet应用
--2.3.4 测试
-2.4 任务实现:某高校毕业生信息发布系统-注册与登录(Servlet版)
--2.4.3 测试
-2.5 ServletConfig接口
-2.6 ServletContext接口
-2.7 HttpServletRequest接口
--2.7.5 测验
-2.8 HttpServletResponse接口
--2.8.3 测试
-2.9 任务实现:某高校毕业生信息发布系统-简历添加
--2.9.1 任务实现:某高校毕业生信息发布系统-简历添加
-2.10 小结
-动画演示:Java Web应用服务器处理客户端请求的过程
-3.0 导学
--3.0.1 导学
-3.1 Cookie技术
--3.1.3 测试
-3.2 Session技术
--3.2.2 Session技术-Session技术应用购物车
--3.2.3 测试
-3.3 URL重写与隐藏表单域
--3.3.2 测试
-3.4 任务实现:某高校毕业生信息发布系统-简历修改
--3.4.1 任务实现:某高校毕业生信息发布系统-简历修改
-3.5 小结
--3.5.1 小结
-4.0 导学
-4.1 jsp概述
--4.1.2 测试
-4.2 脚本元素
--4.2.2 测试
-4.3 指令元素
--4.3.2 测试
-4.4 动作元素
--4.4.3 测试
-4.5 内置对象
--4.5.3 测试
-4.6 JavaBean
--4.6.3 测试
-4.7 任务实现:某高校毕业生信息发布系统-首页(JSP版)
--4.7.1 任务实现:某高校毕业生信息发布系统-首页(JSP版)
-4.8 小结
--4.8.1 小结
-5.0 导学
--5.0.2 测试
-5.1 el语法
--5.1.2 测试
-5.2 el隐含对象
--5.2.2 测试
-5.3 任务实现:某高校毕业生信息发布系统-学生详细信息展示
--5.3.1 任务实现:某高校毕业生信息发布系统-学生详细信息展示
--5.3.2 测试
-5.4 小结
--5.4.1 小结
-6.0 导学
--6.0.2 测试
-6.1 核心标签库
--6.1.5 测试
-6.2 任务实现:某高校毕业生信息发布系统-首页(JSTL版)
--6.2.1 任务实现:某高校毕业生信息发布系统-首页(JSTL版)
--6.2.2 测试
-6.3 小结
--6.3.1 小结
-7.0 导学
--7.0_导学
-7.1 过滤器
--7.1.3 测试
-7.2 监听器
--7.2.1.1与ServletContext相关的监听器
--7.2.4 测试
-7.3 任务实现:某高校毕业生信息发布系统-单态登录
--7.3.1 任务实现:某高校毕业生信息发布系统-单态登录
--7.3.2 测试
-7.4 小结
--7.4.1小结
-8.0 导学
--8.0_导学
-8.1 JDBC API
--8.1.2 测试
-8.2 JDBC API访问MySQL基本步骤
--8.2.2 测试
-8.3 任务实现:某高校毕业生信息发布系统-注册与登录
--8.3.1 任务实现:某高校毕业生信息发布系统-注册与登录(JDBC版)
--8.3.2 测试
-8.4 小结
--8.4.1小结
-9.0导学
--9.0导学
-9.1 技术准备
--9.1.5 测试.
-9.2 系统设计
-9.3 系统实现
-9.4 小结
--9.4.1小结

