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