个人博客系统(二)

该博客系统共有八个页面,即注册页面、登录页面、添加文章页面、修改文章页面、我的博客列表页面、主页、查看文章详情页面、个人中心页面。

1 注册页面

该页面如图所示:

个人博客系统(二)_第1张图片

首先,要先判断注册的用户名、密码、确认密码以及验证码是否为空,若有一个为空,点击提交,则会提醒 “xxx为空,请先输入” ,即:

个人博客系统(二)_第2张图片

若已全部输入,判断密码与确认密码是否一致,如果不一致,则提示“输入的确认密码与密码不一致,请检查”,即:

个人博客系统(二)_第3张图片

 以上的判断均在前端js代码中实现,如果以上提示内容均未提示,则将向后端发送ajax请求,并处理从后端返回的数据,其具体请求为:

            jQuery.ajax({
                url:"user/reg",
                type:"post",
             

你可能感兴趣的:(前端,spring,boot,mybatis,java,数据库)