RuoYi
3 years ago
parent
8ed7916b61
commit
5397e345ca
@ -0,0 +1,38 @@ |
|||||||
|
package com.ruoyi.web.controller.system; |
||||||
|
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired; |
||||||
|
import org.springframework.util.StringUtils; |
||||||
|
import org.springframework.web.bind.annotation.PostMapping; |
||||||
|
import org.springframework.web.bind.annotation.RequestBody; |
||||||
|
import org.springframework.web.bind.annotation.RestController; |
||||||
|
import com.ruoyi.common.core.controller.BaseController; |
||||||
|
import com.ruoyi.common.core.domain.AjaxResult; |
||||||
|
import com.ruoyi.common.core.domain.model.RegisterBody; |
||||||
|
import com.ruoyi.framework.web.service.SysRegisterService; |
||||||
|
import com.ruoyi.system.service.ISysConfigService; |
||||||
|
|
||||||
|
/** |
||||||
|
* 注册验证 |
||||||
|
* |
||||||
|
* @author ruoyi |
||||||
|
*/ |
||||||
|
@RestController |
||||||
|
public class SysRegisterController extends BaseController |
||||||
|
{ |
||||||
|
@Autowired |
||||||
|
private SysRegisterService registerService; |
||||||
|
|
||||||
|
@Autowired |
||||||
|
private ISysConfigService configService; |
||||||
|
|
||||||
|
@PostMapping("/register") |
||||||
|
public AjaxResult register(@RequestBody RegisterBody user) |
||||||
|
{ |
||||||
|
if (!("true".equals(configService.selectConfigByKey("sys.account.registerUser")))) |
||||||
|
{ |
||||||
|
return error("当前系统没有开启注册功能！"); |
||||||
|
} |
||||||
|
String msg = registerService.register(user); |
||||||
|
return StringUtils.isEmpty(msg) ? success() : error(msg); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
package com.ruoyi.common.core.domain.model; |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户注册对象 |
||||||
|
* |
||||||
|
* @author ruoyi |
||||||
|
*/ |
||||||
|
public class RegisterBody extends LoginBody |
||||||
|
{ |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,115 @@ |
|||||||
|
package com.ruoyi.framework.web.service; |
||||||
|
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired; |
||||||
|
import org.springframework.stereotype.Component; |
||||||
|
import org.springframework.util.StringUtils; |
||||||
|
import com.ruoyi.common.constant.Constants; |
||||||
|
import com.ruoyi.common.constant.UserConstants; |
||||||
|
import com.ruoyi.common.core.domain.entity.SysUser; |
||||||
|
import com.ruoyi.common.core.domain.model.RegisterBody; |
||||||
|
import com.ruoyi.common.core.redis.RedisCache; |
||||||
|
import com.ruoyi.common.exception.user.CaptchaException; |
||||||
|
import com.ruoyi.common.exception.user.CaptchaExpireException; |
||||||
|
import com.ruoyi.common.utils.MessageUtils; |
||||||
|
import com.ruoyi.common.utils.SecurityUtils; |
||||||
|
import com.ruoyi.framework.manager.AsyncManager; |
||||||
|
import com.ruoyi.framework.manager.factory.AsyncFactory; |
||||||
|
import com.ruoyi.system.service.ISysConfigService; |
||||||
|
import com.ruoyi.system.service.ISysUserService; |
||||||
|
|
||||||
|
/** |
||||||
|
* 注册校验方法 |
||||||
|
* |
||||||
|
* @author ruoyi |
||||||
|
*/ |
||||||
|
@Component |
||||||
|
public class SysRegisterService |
||||||
|
{ |
||||||
|
@Autowired |
||||||
|
private ISysUserService userService; |
||||||
|
|
||||||
|
@Autowired |
||||||
|
private ISysConfigService configService; |
||||||
|
|
||||||
|
@Autowired |
||||||
|
private RedisCache redisCache; |
||||||
|
|
||||||
|
/** |
||||||
|
* 注册 |
||||||
|
*/ |
||||||
|
public String register(RegisterBody registerBody) |
||||||
|
{ |
||||||
|
String msg = "", username = registerBody.getUsername(), password = registerBody.getPassword(); |
||||||
|
|
||||||
|
boolean captchaOnOff = configService.selectCaptchaOnOff(); |
||||||
|
// 验证码开关
|
||||||
|
if (captchaOnOff) |
||||||
|
{ |
||||||
|
validateCaptcha(username, registerBody.getCode(), registerBody.getUuid()); |
||||||
|
} |
||||||
|
|
||||||
|
if (StringUtils.isEmpty(username)) |
||||||
|
{ |
||||||
|
msg = "用户名不能为空"; |
||||||
|
} |
||||||
|
else if (StringUtils.isEmpty(password)) |
||||||
|
{ |
||||||
|
msg = "用户密码不能为空"; |
||||||
|
} |
||||||
|
else if (username.length() < UserConstants.USERNAME_MIN_LENGTH |
||||||
|
|| username.length() > UserConstants.USERNAME_MAX_LENGTH) |
||||||
|
{ |
||||||
|
msg = "账户长度必须在2到20个字符之间"; |
||||||
|
} |
||||||
|
else if (password.length() < UserConstants.PASSWORD_MIN_LENGTH |
||||||
|
|| password.length() > UserConstants.PASSWORD_MAX_LENGTH) |
||||||
|
{ |
||||||
|
msg = "密码长度必须在5到20个字符之间"; |
||||||
|
} |
||||||
|
else if (UserConstants.NOT_UNIQUE.equals(userService.checkUserNameUnique(username))) |
||||||
|
{ |
||||||
|
msg = "保存用户'" + username + "'失败，注册账号已存在"; |
||||||
|
} |
||||||
|
else |
||||||
|
{ |
||||||
|
SysUser sysUser = new SysUser(); |
||||||
|
sysUser.setUserName(username); |
||||||
|
sysUser.setNickName(username); |
||||||
|
sysUser.setPassword(SecurityUtils.encryptPassword(registerBody.getPassword())); |
||||||
|
boolean regFlag = userService.registerUser(sysUser); |
||||||
|
if (!regFlag) |
||||||
|
{ |
||||||
|
msg = "注册失败,请联系系统管理人员"; |
||||||
|
} |
||||||
|
else |
||||||
|
{ |
||||||
|
AsyncManager.me().execute(AsyncFactory.recordLogininfor(username, Constants.REGISTER, |
||||||
|
MessageUtils.message("user.register.success"))); |
||||||
|
} |
||||||
|
} |
||||||
|
return msg; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 校验验证码 |
||||||
|
* |
||||||
|
* @param username 用户名 |
||||||
|
* @param code 验证码 |
||||||
|
* @param uuid 唯一标识 |
||||||
|
* @return 结果 |
||||||
|
*/ |
||||||
|
public void validateCaptcha(String username, String code, String uuid) |
||||||
|
{ |
||||||
|
String verifyKey = Constants.CAPTCHA_CODE_KEY + uuid; |
||||||
|
String captcha = redisCache.getCacheObject(verifyKey); |
||||||
|
redisCache.deleteObject(verifyKey); |
||||||
|
if (captcha == null) |
||||||
|
{ |
||||||
|
throw new CaptchaExpireException(); |
||||||
|
} |
||||||
|
if (!code.equalsIgnoreCase(captcha)) |
||||||
|
{ |
||||||
|
throw new CaptchaException(); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,208 @@ |
|||||||
|
<template> |
||||||
|
<div class="register"> |
||||||
|
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form"> |
||||||
|
<h3 class="title">若依后台管理系统</h3> |
||||||
|
<el-form-item prop="username"> |
||||||
|
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号"> |
||||||
|
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> |
||||||
|
</el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="password"> |
||||||
|
<el-input |
||||||
|
v-model="registerForm.password" |
||||||
|
type="password" |
||||||
|
auto-complete="off" |
||||||
|
placeholder="密码" |
||||||
|
@keyup.enter.native="handleRegister" |
||||||
|
> |
||||||
|
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> |
||||||
|
</el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="confirmPassword"> |
||||||
|
<el-input |
||||||
|
v-model="registerForm.confirmPassword" |
||||||
|
type="password" |
||||||
|
auto-complete="off" |
||||||
|
placeholder="确认密码" |
||||||
|
@keyup.enter.native="handleRegister" |
||||||
|
> |
||||||
|
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> |
||||||
|
</el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="code" v-if="captchaOnOff"> |
||||||
|
<el-input |
||||||
|
v-model="registerForm.code" |
||||||
|
auto-complete="off" |
||||||
|
placeholder="验证码" |
||||||
|
style="width: 63%" |
||||||
|
@keyup.enter.native="handleRegister" |
||||||
|
> |
||||||
|
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> |
||||||
|
</el-input> |
||||||
|
<div class="register-code"> |
||||||
|
<img :src="codeUrl" @click="getCode" class="register-code-img"/> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item style="width:100%;"> |
||||||
|
<el-button |
||||||
|
:loading="loading" |
||||||
|
size="medium" |
||||||
|
type="primary" |
||||||
|
style="width:100%;" |
||||||
|
@click.native.prevent="handleRegister" |
||||||
|
> |
||||||
|
<span v-if="!loading">注 册</span> |
||||||
|
<span v-else>注 册 中...</span> |
||||||
|
</el-button> |
||||||
|
<div style="float: right;"> |
||||||
|
<router-link class="link-type" :to="'/login'">使用已有账户登录</router-link> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<!-- 底部 --> |
||||||
|
<div class="el-register-footer"> |
||||||
|
<span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { getCodeImg, register } from "@/api/login"; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "Register", |
||||||
|
data() { |
||||||
|
const equalToPassword = (rule, value, callback) => { |
||||||
|
if (this.registerForm.password !== value) { |
||||||
|
callback(new Error("两次输入的密码不一致")); |
||||||
|
} else { |
||||||
|
callback(); |
||||||
|
} |
||||||
|
}; |
||||||
|
return { |
||||||
|
codeUrl: "", |
||||||
|
registerForm: { |
||||||
|
username: "", |
||||||
|
password: "", |
||||||
|
confirmPassword: "", |
||||||
|
code: "", |
||||||
|
uuid: "" |
||||||
|
}, |
||||||
|
registerRules: { |
||||||
|
username: [ |
||||||
|
{ required: true, trigger: "blur", message: "请输入您的账号" }, |
||||||
|
{ min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' } |
||||||
|
], |
||||||
|
password: [ |
||||||
|
{ required: true, trigger: "blur", message: "请输入您的密码" }, |
||||||
|
{ min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' } |
||||||
|
], |
||||||
|
confirmPassword: [ |
||||||
|
{ required: true, trigger: "blur", message: "请再次输入您的密码" }, |
||||||
|
{ required: true, validator: equalToPassword, trigger: "blur" } |
||||||
|
], |
||||||
|
code: [{ required: true, trigger: "change", message: "请输入验证码" }] |
||||||
|
}, |
||||||
|
loading: false, |
||||||
|
captchaOnOff: true |
||||||
|
}; |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getCode(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getCode() { |
||||||
|
getCodeImg().then(res => { |
||||||
|
this.captchaOnOff = res.captchaOnOff === undefined ? true : res.captchaOnOff; |
||||||
|
if (this.captchaOnOff) { |
||||||
|
this.codeUrl = "data:image/gif;base64," + res.img; |
||||||
|
this.registerForm.uuid = res.uuid; |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
handleRegister() { |
||||||
|
this.$refs.registerForm.validate(valid => { |
||||||
|
if (valid) { |
||||||
|
this.loading = true; |
||||||
|
register(this.registerForm).then(res => { |
||||||
|
const username = this.registerForm.username; |
||||||
|
this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', { |
||||||
|
dangerouslyUseHTMLString: true |
||||||
|
}).then(() => { |
||||||
|
this.$router.push("/login"); |
||||||
|
}).catch(() => {}); |
||||||
|
}).catch(() => { |
||||||
|
this.loading = false; |
||||||
|
if (this.captchaOnOff) { |
||||||
|
this.getCode(); |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style rel="stylesheet/scss" lang="scss"> |
||||||
|
.register { |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
height: 100%; |
||||||
|
background-image: url("../assets/images/login-background.jpg"); |
||||||
|
background-size: cover; |
||||||
|
} |
||||||
|
.title { |
||||||
|
margin: 0px auto 30px auto; |
||||||
|
text-align: center; |
||||||
|
color: #707070; |
||||||
|
} |
||||||
|
|
||||||
|
.register-form { |
||||||
|
border-radius: 6px; |
||||||
|
background: #ffffff; |
||||||
|
width: 400px; |
||||||
|
padding: 25px 25px 5px 25px; |
||||||
|
.el-input { |
||||||
|
height: 38px; |
||||||
|
input { |
||||||
|
height: 38px; |
||||||
|
} |
||||||
|
} |
||||||
|
.input-icon { |
||||||
|
height: 39px; |
||||||
|
width: 14px; |
||||||
|
margin-left: 2px; |
||||||
|
} |
||||||
|
} |
||||||
|
.register-tip { |
||||||
|
font-size: 13px; |
||||||
|
text-align: center; |
||||||
|
color: #bfbfbf; |
||||||
|
} |
||||||
|
.register-code { |
||||||
|
width: 33%; |
||||||
|
height: 38px; |
||||||
|
float: right; |
||||||
|
img { |
||||||
|
cursor: pointer; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
} |
||||||
|
.el-register-footer { |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
color: #fff; |
||||||
|
font-family: Arial; |
||||||
|
font-size: 12px; |
||||||
|
letter-spacing: 1px; |
||||||
|
} |
||||||
|
.register-code-img { |
||||||
|
height: 38px; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue