标签：---------------- 验证码 代码 数据库 校验 表单 注册 旅游网 黑马

       注册页面前端及其后端代码的实现，首先既然是注册，就会自然联想到注册需要实现的功能：

       后端代码：

                  1.注册时需要在数据库中查找是否已经注册；

                  2.数据在数据库中的保存；

                  3.后端获得数据库中的数据；

                  4.验证码是否输入正确；

                  5.判断是否注册成功。

      前端代码：

                  1.表单的校验；

                  2.表单的提交；

                  3.注册成功后的跳转或者失败后的提示信息；

 

   后端代码——数据库中查找：

   定义一个抽象类UserDao以及抽象类的实现类UserDaoImpl，对于在数据中查找用户是否已经存在，采用用户名查找的方式进行查询。

   注意sql语句的定义的最后的问号，这边”?”是一个占位符，是一个可以在程序传入的参数，在这边就需要传入username这个参数。

 

 

   后端代码——数据在数据库中的保存：

 

 

  后端代码——后端获得数据库中的数据：

  定义一个抽象类UserService以及抽象类的实现类UserServiceImpl。

  首先，创建UserDao对象，调用UserDao中的按照用户名查找的方法并判断用户是否存在

 

 

   后端代码——验证码是否输入正确：

   这边需要注意对session中内容的移除，确保验证码图片更改后，可以重新获取验证码图片中的验证码。

 

 

   后端代码——判断是否注册成功，并进行响应

 

   前端代码——表单的校验

   前端代码采用JavaScript进行编写

   对于表单校验的代码都是相似的，步骤可以分为：1.获取输入内容；2.定义正则表达式；3.判断是否符合正则表达式要求；因此这里就展示一个对于用户名的校验：

 

 

         前端代码——表单的提交以及页面的跳转

   在校验成功后，进行ajax请求的发送并处理响应数据:

 

 

标签：----------------,验证码,代码,数据库,校验,表单,注册,旅游网,黑马
来源： https://www.cnblogs.com/jiujiu123456/p/16106013.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。