当前课程知识点:Web后端开发技术 >  第2章 Servlet技术基础 >  2.4 任务实现:某高校毕业生信息发布系统-注册与登录(Servlet版) >  2.4.1 注册代码实现

返回《Web后端开发技术》慕课在线视频课程列表

2.4.1 注册代码实现在线视频

下一节:2.4.2 登录代码实现

返回《Web后端开发技术》慕课在线视频列表

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

我们就显示一行话

注册成功

这时候你刷新一下就可以了

因为有这个页面了

它就会显示注册成功

这个知识点就讲到这里

谢谢

Web后端开发技术课程列表:

第1章 Java Web开发准备

-1.0 导学

--1.0.1 导学

-1.1 Web应用开发概述

--1.1.1 Web应用简介

--1.1.2 Web开发技术

--1.1.3 测试

-1.2 准备Java Web应用开发环境

--1.2.1 准备Java Web应用开发环境

--1.2.2 测试

--1.2.3 谈谈JavaWeb优势和学习方法

-1.3 任务实现:Hello World Web项目

--1.3.1 Hello World Web项目

--1.3.2 测试

-1.4 小结

--1.4.1 小结

-本课程所有代码

--课程参考代码

第2章 Servlet技术基础

-2.0 导学

--2.0.1 导学

-2.1 Servlet概述

--2.1.1 Servlet简介

--2.1.2 Servlet API

--2.1.3 测试

-2.2 创建Servlet

--2.2.1 Hello Servlet

--2.2.2 Servlet配置

--2,2,3 作业

-2.3 Servlet应用

--2.3.1 处理超链接请求

--2.3.2 处理form表单请求

--2.3.3 处理结果

--2.3.4 测试

-2.4 任务实现:某高校毕业生信息发布系统-注册与登录(Servlet版)

--2.4.1 注册代码实现

--2.4.2 登录代码实现

--2.4.3 测试

--2.4.4谈一谈jQuery前端开发框架

-2.5 ServletConfig接口

--2.5.1 ServletConfig接口

-2.6 ServletContext接口

--2.6.1 ServletContext接口

-2.7 HttpServletRequest接口

--2.7.1 获取请求报文信息

--2.7.2 上传照片

--2.7.3 获取网络连接信息

--2.7.4 存取请求域属性

--2.7.5 测验

--2.7.6 在请求转发和重定向过程中传递数据

-2.8 HttpServletResponse接口

--2.8.1 HttpServletResponse接口

--2.8.2 输出服务器端图片

--2.8.3 测试

-2.9 任务实现:某高校毕业生信息发布系统-简历添加

--2.9.1 任务实现:某高校毕业生信息发布系统-简历添加

-2.10 小结

--2.10.1 小结

-动画演示:Java Web应用服务器处理客户端请求的过程

--Java Web应用服务器处理客户端请求的过程

第3章 会话跟踪

-3.0 导学

--3.0.1 导学

-3.1 Cookie技术

--3.1.1 Cookie技术概述

--3.1.2 Cookie技术应用-自动登录

--3.1.3 测试

-3.2 Session技术

--3.2.1 Session技术概述

--3.2.2 Session技术-Session技术应用购物车

--3.2.3 测试

-3.3 URL重写与隐藏表单域

--3.3.1 URL重写技术与隐藏表单域

--3.3.2 测试

-3.4 任务实现:某高校毕业生信息发布系统-简历修改

--3.4.1 任务实现:某高校毕业生信息发布系统-简历修改

--3.4.2 讨论会话跟踪技术的应用场景

-3.5 小结

--3.5.1 小结

第4章 JSP基础

-4.0 导学

--4.0.1 JSP导学

-4.1 jsp概述

--4.1.1 JSP概述

--4.1.2 测试

-4.2 脚本元素

--4.2.1 脚本元素

--4.2.2 测试

-4.3 指令元素

--4.3.1 指令元素

--4.3.2 测试

-4.4 动作元素

--4.4.1 动作元素

--4.4.3 测试

-4.5 内置对象

--4.5.1 内置对象(1)

--4.5.2 内置对象(2)

--4.5.3 测试

-4.6 JavaBean

--4.6.1 JavaBean概述

--4.6.2 分步注册

--4.6.3 测试

-4.7 任务实现:某高校毕业生信息发布系统-首页(JSP版)

--4.7.1 任务实现:某高校毕业生信息发布系统-首页(JSP版)

--4.7.2 在JSP页面显示内容的都有哪些方法

-4.8 小结

--4.8.1 小结

第5章 表达式语言

-5.0 导学

--5.0.1 表达式语言

--5.0.2 测试

-5.1 el语法

--5.1.1 EL语法

--5.1.2 测试

-5.2 el隐含对象

--5.2.1 EL隐含对象

--5.2.2 测试

-5.3 任务实现:某高校毕业生信息发布系统-学生详细信息展示

--5.3.1 任务实现:某高校毕业生信息发布系统-学生详细信息展示

--5.3.2 测试

-5.4 小结

--5.4.1 小结

--5.4.2 讨论el表达式的优势

第6章 标准标签库

-6.0 导学

--6.0.1 标准标签库

--6.0.2 测试

-6.1 核心标签库

--6.1.1 通用标签

--6.1.2 条件标签

--6.1.3 迭代标签

--6.1.4 URL标签

--6.1.5 测试

-6.2 任务实现:某高校毕业生信息发布系统-首页(JSTL版)

--6.2.1 任务实现:某高校毕业生信息发布系统-首页(JSTL版)

--6.2.2 测试

-6.3 小结

--6.3.1 小结

--6.3.2 讨论如何实现自定义标签

第7章 Filter和Listener

-7.0 导学

--7.0_导学

-7.1 过滤器

--7.1.1过滤器(1)

--7.1.2过滤器(2)

--7.1.3 测试

-7.2 监听器

--7.2.1.1与ServletContext相关的监听器

--7.2.1.2示例:访问网站计数功能

--7.2.2.1与Session相关的监听器

--7.2.2.2示例:显示在线用户名称

--7.2.3.1与Request相关的监听器

--7.2.3.2示例:实时显示访问网站用户信息示例

--7.2.4 测试

-7.3 任务实现:某高校毕业生信息发布系统-单态登录

--7.3.1 任务实现:某高校毕业生信息发布系统-单态登录

--7.3.2 测试

-7.4 小结

--7.4.1小结

--7.4.2讨论filter和listener使用场景

第8章 JDBC

-8.0 导学

--8.0_导学

-8.1 JDBC API

--8.1.1 JDBC API

--8.1.2 测试

-8.2 JDBC API访问MySQL基本步骤

--8.2.1 JDBC API

--8.2.2 测试

-8.3 任务实现:某高校毕业生信息发布系统-注册与登录

--8.3.1 任务实现:某高校毕业生信息发布系统-注册与登录(JDBC版)

--8.3.2 测试

-8.4 小结

--8.4.1小结

--8.4.2 讨论JDBC工具类

第9章 某高校毕业生信息发布系统开发

-9.0导学

--9.0导学

-9.1 技术准备

--9.1.1技术准备-MVC模式

--9.1.2技术准备-Ajax技术

--9.1.3技术准备-jQuery对Ajax的实现

--9.1.4_技术准备- JDBC工具类

--9.1.5 测试.

-9.2 系统设计

--9.2系统设计:某高校毕业生信息发布系统开发

-9.3 系统实现

--9.3.1完善登陆和注册功能

--9.3.2完善简历添加功能

--9.3.3完善简历修改功能

--9.3.4.1首页分页显示

--9.3.4.2首页分页显示

-9.4 小结

--9.4.1小结

--9.4.2讨论:分页组件

2.4.1 注册代码实现笔记与讨论

也许你还感兴趣的课程:

© 柠檬大学-慕课导航 课程版权归原始院校所有,
本网站仅通过互联网进行慕课课程索引,不提供在线课程学习和视频,请同学们点击报名到课程提供网站进行学习。