RuoYi
4 years ago
16 changed files with 451 additions and 16 deletions
@ -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