效果：
直接点击注册后 ：
后端验证是可靠地，前端js验证是不可靠的。只需要在浏览器删除js验证代码即可突破js验证。
1.注册界面
在WebRoot下新建regist.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page isELIgnored="false" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <form action="regist" method="post"> 用户名：<input name="reg.name" type="text" >${nameErrMsg}<br> 密码： <input name="reg.pwd" type="password">${pwdErrMsg}<br> 验证码：<input name="reg.yzm" type="text"><img src="/yzm"><br>${yzmErrMsg} <button type="submit">注册</button> </form> </body> </html>
使用原生html书写，可根据自己的需求美化，使用各种优秀前端框架.
2.写后端验证
在validate包中新建RegistValidator继承JFinal的Validator
在重写的validate方法中加入自己需要验证的字段
package cn.pangpython.validate; import com.jfinal.core.Controller; import com.jfinal.validate.Validator; /** * @author pangPython * 注册的验证器 */ public class RegistValidator extends Validator { @Override protected void handleError(Controller arg0) { // TODO Auto-generated method stub } @Override protected void validate(Controller arg0) { validateRequired("reg.name", "nameErrMsg", "请填写用户名！"); validateRequired("reg.pwd", "pwdErrMsg", "请填写密码！"); validateRequired("reg.yzm", "yzmErrMsg", "请填写验证码！"); } }
3.新建公共控制器CommonController继承JFinal的Controller
在里边写一些前后端通用的方法，这里先写验证码生成
package cn.pangpython.controller; import com.jfinal.core.ActionKey; import com.jfinal.core.Controller; import com.jfinal.render.CaptchaRender; /** * @author pangPython * 通用控制器，写一些通用的方法，验证码生成等 */ public class CommonController extends Controller { @ActionKey("/yzm") public void verifycode(){ render(new CaptchaRender()); } }
Jfinal的验证码生成很简单，就这么几个单词….验证码校验是更简单（在JFinal2.2中）
要把这个控制器在路由中绑定一个url
FrontRoutes.java
package cn.pangpython.routes; import com.jfinal.config.Routes; import cn.pangpython.controller.CommonController; import cn.pangpython.controller.IndexController; import cn.pangpython.controller.UserController; /** * @author pangPython * 前台路由 */ public class FrontRoutes extends Routes { @Override public void config() { add("/",IndexController.class); add("/user",UserController.class); add("/common",CommonController.class); } }
4.在首页控制器中写注册方法
IndexController.java
package cn.pangpython.controller; import com.jfinal.aop.Before; import com.jfinal.core.Controller; import cn.pangpython.validate.RegistValidator; /** * @author pangPython * 主页控制器 */ public class IndexController extends Controller { public void index(){ renderText("index"); } //渲染注册页面 public void regpage(){ render("regist.html"); } //处理注册 @Before(RegistValidator.class) public void regist(){ renderText("注册成功！"); } }
5.在MyJFinalConfig中的configConstant(Constants me)函数中添加映射视图：
@Override public void configConstant(Constants me) { // 开发模式 me.setDevMode(true); //这里可以通过配置文件来读取配置参数，更灵活 //指定视图 me.setViewType(ViewType.JSP); }
具体功能实现后面系列博客中会继续更新…
: )
参考博客：https://blog.csdn.net/u012995856/article/details/52781479