博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Web表单处理实例:博客注册用户
阅读量:4090 次
发布时间:2019-05-25

本文共 2969 字,大约阅读时间需要 9 分钟。

 由发表在

我们已经了解了Web表单处理的关键概念,接下来我们就以博客注册用户表单为例来回顾应用我们之前学过的知识。

存储用户信息

到目前为止,我们尚未学习任何数据存储的知识,在本节中我们将用户注册的信息存放在内存中(即程序中的某个变量)。首先看看用户注册表单需要填写的信息:

在博客系统中,用户信息包括:

  • 用户名——用户的唯一标识符,每一个用户的用户名必须不同
  • 密码——用户登录的密码凭证
  • 电子邮箱
  • 用户博客的标题
  • 用户博客的描述、简介
  • 用户头像URL

根据此可以设计User类来表示用户对象:

public class User {    private long id;    private String username;    private String password;    private String avatar = "images/default-avatar.jpeg";    private String title;    private String email;    private String description;    public User(String username, String password, String email, String title, String description) {        this.username = username;        this.password = password;        this.email = email;        this.title = title;        this.description = description;    }}

这里用户头像我们暂时使用默认值。需要把头像图片保存为WebContent/images/default-avatar.jpeg

博客系统中可能有多个用户,我们使用一个List来保存它,List作为Data类的静态变量存在于内存中:

public class Data {    public static List
users = new ArrayList<>(); static { users.add(new User("luoruici", "password", "a@b.com", "Ruici", "Ruici's Blog")); } public static User getByUsername(String username) { return users.stream() .filter(e -> e.getUsername().equals(username)) .findFirst() .orElse(null); }}

Data类中还向用户列表中添加了一个新用户用作测试,另外提供了一个函数——根据username查找用户,这个函数在后面会经常被调用。

处理用户表单

处理用户表单的Servlet主要做这样几件事情:

  1. 获取表单数据
  2. 对表单数据进行校验
  3. 如果校验成功,向用户列表中添加一个新的对象,并返回成功提示信息到浏览器;如果校验失败,直接将错误信息返回到表单界面,让用户重新填写。

具体处理代码如下:

@WebServlet("/account/signup")public class RegisterController extends HttpServlet {    @Override    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {        String username = req.getParameter("username");        String password = req.getParameter("password");        String email = req.getParameter("email");        String title = req.getParameter("title");        String description = req.getParameter("description");        if (username != null && !username.isEmpty() && Data.getByUsername(username) != null) {            req.setAttribute("usernameExist", true);            RequestDispatcher dispatcher = req.getRequestDispatcher("/jsp/register.jsp");            dispatcher.forward(req, resp);        } else {            User user = new User(username, password, email, title, description);            Data.users.add(user);            RequestDispatcher dispatcher = req.getRequestDispatcher("/WEB-INF/templates/registerResult.jsp");            dispatcher.forward(req, resp);        }    }}

其中Data.getByUsername(username) != null表明用户名已经存在,此时应该将请求转发给register.jsp也就是注册表单页面,同时告知用户名已经存在。那么register.jsp中也应该加入相应的处理代码:

  • 用户名已经存在

当然这部分代码只是对username这一个字段的校验,其他字段可以根据业务需求写出类似的校验代码,这里就不一一赘述了。

如果表单数据通过校验,则用户列表中会新添加一个用户,此时渲染registerResult.jsp页面,告知用户已经注册成功:

  <%@include file="common/head.jsp" %><%@include file="common/userNav.jsp" %>

注册成功!请登录

<%@include file="common/footer.jsp" %>

更多文章请访问

你可能感兴趣的文章
SQL-- 语句 oracle
查看>>
javascript 控制页面跳转的几种方法
查看>>
Linux
查看>>
【转】Liunx下修改MySQL字符集
查看>>
linux装软件
查看>>
关于git push -u origin master的2个错误
查看>>
盒子模型
查看>>
[转]Java String 对 null 对象的容错处理
查看>>
解析Java中的String对象的数据类型
查看>>
验证用户名,AJAX步骤示例
查看>>
AJAX w3school 以及IE、Firefox、Chrome 的JS代码兼容注意事项
查看>>
Js事件绑定时,函数名加括号和不加括号有什么区别
查看>>
套接字
查看>>
PrintWriter out = response.getWriter()
查看>>
AJAX 示例:xml数据类型返回
查看>>
AJAX实现步骤,XMLHttpRequest对象的方法
查看>>
jQuery ajax - ajax() 方法
查看>>
table结构本身有tbody
查看>>
jQuery 遍历 - each() 方法
查看>>
jQuery 选择器--w3school
查看>>