专栏首页零基础自学Java【JavaWeb】102:后台数据校验

【JavaWeb】102:后台数据校验

今天是刘小爱自学Java的第102天。

感谢你的观看,谢谢你。

话不多说,继续学习注册页面的业务逻辑:

昨天编写了前端校验的代码,是为了保证数据的完整性和合法性:

  • 比如用户名密码不能为空。
  • 比如电话号码不能瞎填,格式要正确。

今天学习后台校验,为了保证数据的唯一性:比如不同的用户不能使用同一个邮箱注册。

如何实现后台数据校验?

就需要使用到Java经典三层架构来实现了。

其中今天只是最基本的代码实现,后续会进一步将代码优化。

一、前端页面发送请求

在编写Java代码之前,前端页面要发送请求。

因为要保证用户在点击注册按钮前实时校验数据,所以需要发送异步请求。

使用ajax实现异步请求:

①绑定blur事件

给form表单中的email数据栏绑定blur事件,该事件的作用在于:

用户在注册页面填写数据时,一离开email数据栏就会触发该事件。

conso.log("刘小爱")这块代码是用来测试事件是否能正常触发的。

如果浏览器控制台输出“刘小爱”,则表明该事件能够正常被触发。

所以出现异常优先排除该事件的问题。

②发送get请求

get()方法中一共有四个参数:

"/checkEmailServlet":url,在服务器中要有一个servlet来接受该请求。

{email:email}:发送的请求参数,其有两种命名格式,这里使用的是第二种。

  • key=value&key=value
  • {key:value,key:value...}

function (result){}:回调函数,当请求成功后会触发该函数。

其中result就是服务器响应的数据。

"json":响应数据的类型,可以是xml、html等,这里使用的是json。

二、后台代码编写

1web层

创建一个servlet来接受上述提交的请求:

①接受前端请求参数

ajax提交的数据为email,使用request域对象获取对应的参数即可。

②交给service层处理

在service层中创建一个UserService接口,及其对应的实现类。

service层返回给web层处理结果,其为一个boolean值:

  • 若为true表示邮箱存在。
  • 若为false表示邮箱不存在。

③响应数据

将处理后的数据响应给前端,因为ajax提交中的数据格式为json,所以需要将处理结果转换成json格式之后再响应。

使用JSON.toJSONString(),可以将对应的数据转换成JSON字符串。

2service层

一个Service接口对应一个实现类,在service包下创建一个impl包专门存放实现类。

dao层专门去查询数据,在service层中只需要调用dao层的方法就好了。

因为校验email的唯一性只是UserService中的一个业务,后续还会有和UserService相关的其它业务。

所以将dao层的对象设置成一个成员变量,这样多个方法都可以引用该dao层对象。

①dao层查询数据

queryUserByEmail():根据email查询。

一般都是这样的一种命名方式,一目了然,一下子就能知道该方法具体实现了什么功能。

②判断查询结果

如果查询到一个或者多个user数据,则表示该邮箱已经存在了,所以返回值为true。

如果查询到的数据为空,则表示该邮箱不存在,所以返回值为false。

3dao层

dao层和service层一样,也是一个接口对应一个实现类。

①初始化JdbcTemplate

使用c3p0连接池获取数据源,再创建JdbcTemplate。

同样的道理,多个业务需要使用该模板,故将其设置成一个成员变量。

②查询数据

通过query方法查询,学JdbcTemplate时详细讲过该方法,做个简单的回顾:

  • sql:即sql语句。
  • RowMapper:映射器。
  • email:也就是sql语句中的通配符。

将查询结果直接返回给service层即可。

三、页面渲染和测试

后台将处理后的数据响应给前端,其数据格式为json,前端要根据结果渲染对应的页面:

①在发送请求前,先对邮箱进行前端校验

如果不存在或者格式不对,没有必要发送请求给后台。使用正则表达式匹配:

  • 满足要求:向服务器发送get请求。
  • 不满足要求:在页面上报错,信息为“输入的邮箱不合法”

②get请求

返回的数据result是一个json数据,使用result.checkEmail取出对应的数据:

  • 如果为true:邮箱已存在,在页面上报错,信息为“邮箱已经被注册”
  • 如果为false:邮箱不存在,页面显示“√”

代表编写完毕,在前端页面做一个测试

先在数据库中插入一条数据,便于测试。

①在Email中输入1,不符合邮箱的命名规则,显示报错信息“输入的邮箱不合法”

②该邮箱在数据库中不存在,所以能正常注册,显示一个“√”。

③该邮箱在数据库中已存在了,显示报错信息"邮箱已经被注册了"。

①和③的区别在于:①是前端校验,并没有向后台发送请求,③是后台校验,发送了请求,查询数据库之后得到的结果。

最后

谢谢你的观看。

如果可以的话,麻烦帮忙点个赞,谢谢你。

本文分享自微信公众号 - 刘小爱(liuxiaoai946),作者:刘小爱

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-07-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【微服务】169:搜索页面的请求与响应

    使用axios发送请求,当然为了后续方便,axios被封装到了自定义的common组件中。

    刘小爱
  • 【Java】基础35:线程池与线程的六种状态

    所以后来有了改进,现在临时票在出地铁站时会被回收,回收之后又能被其他人使用,这样资源就被重复利用起来了。

    刘小爱
  • 【JavaWeb】108:昨天笔记有问题,今天完善

    其中最先开始就说明了的4个参数分别为:rimage,rname,routeIntroduce,price。

    刘小爱
  • 如何评估不同网络间整体拓扑特征的差异程度

    提到在不同网络之间比较拓扑特征的差异,例如给定网络之间是否在凝聚性特征上存在较大区别,通常做法是什么?

    用户7585161
  • 如何解决消息队列的延时以及过期失效问题?

    如何解决消息队列的延时以及过期失效问题?消息队列满了以后该怎么处理?有几百万消息持续积压几小时,说说怎么解决?

    李红
  • Appium+Python自动化测试之uiautomatorviewer和Inspector元素定位

    uiautomatorviewer是android-sdk自带的一个元素定位工具,非常简单好用,使用uiautomatorviewer,你可以检查一个应用的UI...

    橙子探索测试
  • 如何解决消息队列的延时以及过期失效问题?消息队列满了以后该怎么处理?

    关于这个事儿,我们一个一个来梳理吧,先假设一个场景,我们现在消费端出故障了,然后大量消息在 mq 里积压,现在出事故了,慌了。

    IT技术小咖
  • 新零售时代为什么线下门店不好赚钱?因为你浪费了宝贵的“大数据”

    镁客网
  • 2月编程语言排行榜:时隔 3 年,Groovy 重进 TOP 20

    Groovy 是 用于Java虚拟机的一种敏捷的动态语言,它是一种成熟的面向对象编程语言,既可以用于面向对象编程,又可以用作纯粹的脚本语言。使用该种语言不必编写...

    程序猿DD
  • OpenStack安全问题:缺乏自卫武器

    大家可能还记得Alexander Adamov在2015年5月的一篇关于“云端检测针对性的网络攻击”的文章,现在他给我们带来了OpenStack东京安全峰会的一...

    SDNLAB

扫码关注云+社区

领取腾讯云代金券