admin/django-vue3-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

用户初次登录修改密码优化

Browse Source
This commit is contained in:
阿辉
2024-11-20 17:55:55 +08:00
parent 9c370169d3
commit 4a68bf2f2b
2 changed files with 71 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
backend/dvadmin/system/views/user.py
View File

@@ -335,7 +335,8 @@ class UserViewSet(CustomModelViewSet):
old_pwd_md5 = hashlib.md5(old_pwd_md5.encode(encoding='UTF-8')).hexdigest() old_pwd_md5 = hashlib.md5(old_pwd_md5.encode(encoding='UTF-8')).hexdigest()
verify_password = check_password(str(old_pwd_md5), request.user.password) verify_password = check_password(str(old_pwd_md5), request.user.password)
if verify_password: if verify_password:
request.user.password = make_password(hashlib.md5(new_pwd.encode(encoding='UTF-8')).hexdigest()) # request.user.password = make_password(hashlib.md5(new_pwd.encode(encoding='UTF-8')).hexdigest())
request.user.password = make_password(new_pwd)
request.user.pwd_change_count += 1 request.user.pwd_change_count += 1
request.user.save() request.user.save()
return DetailResponse(data=None, msg="修改成功") return DetailResponse(data=None, msg="修改成功")

138
web/src/views/system/login/component/changePwd.vue
View File

@@ -1,16 +1,17 @@
<template> <template>
<el-form ref="formRef" size="large" class="login-content-form" :model="state.ruleForm" :rules="rules" @keyup.enter="loginClick"> <el-form ref="formRef" size="large" class="login-content-form" :model="state.ruleForm" :rules="rules"
@keyup.enter="loginClick">
<el-form-item class="login-animation1" prop="username"> <el-form-item class="login-animation1" prop="username">
<el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" readonly v-model="ruleForm.username" <el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" readonly
clearable autocomplete="off"> v-model="ruleForm.username" clearable autocomplete="off">
<template #prefix> <template #prefix>
<el-icon class="el-input__icon"><ele-User /></el-icon> <el-icon class="el-input__icon"><ele-User /></el-icon>
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item class="login-animation2" prop="password"> <el-form-item class="login-animation2" prop="password">
<el-input :type="isShowPassword ? 'text' : 'password'" :placeholder="$t('message.account.accountPlaceholder4')" <el-input :type="isShowPassword ? 'text' : 'password'"
v-model="ruleForm.password"> :placeholder="$t('message.account.accountPlaceholder4')" v-model="ruleForm.password">
<template #prefix> <template #prefix>
<el-icon class="el-input__icon"><ele-Unlock /></el-icon> <el-icon class="el-input__icon"><ele-Unlock /></el-icon>
</template> </template>
@@ -22,33 +23,32 @@
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item class="login-animation3" prop="password_regain"> <el-form-item class="login-animation3" prop="password_regain">
<el-input :type="isShowPassword ? 'text' : 'password'" :placeholder="$t('message.account.accountPlaceholder5')" <el-input :type="isShowPassword ? 'text' : 'password'"
v-model="ruleForm.password_regain"> :placeholder="$t('message.account.accountPlaceholder5')" v-model="ruleForm.password_regain">
<template #prefix> <template #prefix>
<el-icon class="el-input__icon"><ele-Unlock /></el-icon> <el-icon class="el-input__icon"><ele-Unlock /></el-icon>
</template> </template>
<template #suffix> <template #suffix>
<i class="iconfont el-input__icon login-content-password" <i class="iconfont el-input__icon login-content-password"
:class="isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'" :class="isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'"
@click="isShowPassword = !isShowPassword"> @click="isShowPassword = !isShowPassword">
</i> </i>
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item class="login-animation4"> <el-form-item class="login-animation4">
<el-button type="primary" class="login-content-submit" round @click="loginClick" <el-button type="primary" class="login-content-submit" round @click="loginClick" :loading="loading.signIn">
:loading="loading.signIn">
<span>{{ $t('message.account.accountBtnText') }}</span> <span>{{ $t('message.account.accountBtnText') }}</span>
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- 申请试用--> <!-- 申请试用-->
<div style="text-align: center" v-if="showApply()"> <div style="text-align: center" v-if="showApply()">
<el-button class="login-content-apply" link type="primary" plain round @click="applyBtnClick"> <el-button class="login-content-apply" link type="primary" plain round @click="applyBtnClick">
<span>申请试用</span> <span>申请试用</span>
</el-button> </el-button>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -71,8 +71,8 @@ import { SystemConfigStore } from '/@/stores/systemConfig';
import { BtnPermissionStore } from '/@/plugin/permission/store.permission'; import { BtnPermissionStore } from '/@/plugin/permission/store.permission';
import { Md5 } from 'ts-md5'; import { Md5 } from 'ts-md5';
import { errorMessage } from '/@/utils/message'; import { errorMessage } from '/@/utils/message';
import {getBaseURL} from "/@/utils/baseUrl"; import { getBaseURL } from "/@/utils/baseUrl";
import {loginChangePwd} from "/@/views/system/login/api"; import { loginChangePwd } from "/@/views/system/login/api";
export default defineComponent({ export default defineComponent({
name: 'changePwd', name: 'changePwd',
@@ -88,35 +88,35 @@ export default defineComponent({
ruleForm: { ruleForm: {
username: '', username: '',
password: '', password: '',
password_regain:'' password_regain: ''
}, },
loading: { loading: {
signIn: false, signIn: false,
}, },
}); });
const validatePass = (rule, value, callback) => { const validatePass = (rule, value, callback) => {
const pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z]).{8,30}'); const pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z]).{8,30}');
if (value === '') { if (value === '') {
callback(new Error('请输入密码')); callback(new Error('请输入密码'));
} else if (!pwdRegex.test(value)) { } else if (!pwdRegex.test(value)) {
callback(new Error('您的密码复杂度太低(密码中必须包含字母、数字)')); callback(new Error('您的密码复杂度太低(密码中必须包含字母、数字)'));
} else { } else {
if (state.ruleForm.password !== '') { if (state.ruleForm.password !== '') {
formRef.value.validateField('password'); formRef.value.validateField('password');
} }
callback(); callback();
} }
}; };
const validatePass2 = (rule, value, callback) => { const validatePass2 = (rule, value, callback) => {
if (value === '') { if (value === '') {
callback(new Error('请再次输入密码')); callback(new Error('请再次输入密码'));
} else if (value !==state.ruleForm.password) { } else if (value !== state.ruleForm.password) {
callback(new Error('两次输入密码不一致!')); callback(new Error('两次输入密码不一致!'));
} else { } else {
callback(); callback();
} }
}; };
const rules = reactive<FormRules>({ const rules = reactive<FormRules>({
username: [ username: [
@@ -128,21 +128,21 @@ export default defineComponent({
message: '请填写密码', message: '请填写密码',
trigger: 'blur', trigger: 'blur',
}, },
{ {
validator: validatePass, validator: validatePass,
trigger: 'blur', trigger: 'blur',
}, },
], ],
password_regain: [ password_regain: [
{ {
required: true, required: true,
message: '请填写密码', message: '请填写密码',
trigger: 'blur', trigger: 'blur',
}, },
{ {
validator: validatePass2, validator: validatePass2,
trigger: 'blur', trigger: 'blur',
}, },
], ],
}) })
const formRef = ref(); const formRef = ref();
@@ -159,7 +159,7 @@ export default defineComponent({
if (!formRef.value) return if (!formRef.value) return
await formRef.value.validate((valid: any) => { await formRef.value.validate((valid: any) => {
if (valid) { if (valid) {
loginApi.loginChangePwd({ ...state.ruleForm, password: state.ruleForm.password,password_regain: state.ruleForm.password_regain }).then((res: any) => { loginApi.loginChangePwd({ ...state.ruleForm, password: Md5.hashStr(state.ruleForm.password), password_regain: Md5.hashStr(state.ruleForm.password_regain) }).then((res: any) => {
if (res.code === 2000) { if (res.code === 2000) {
if (!themeConfig.value.isRequestRoutes) { if (!themeConfig.value.isRequestRoutes) {
// 前端控制路由，2、请注意执行顺序 // 前端控制路由，2、请注意执行顺序
@@ -175,7 +175,7 @@ export default defineComponent({
} }
}).catch((err: any) => { }).catch((err: any) => {
// 登录错误之后，刷新验证码 // 登录错误之后，刷新验证码
errorMessage("登录失败") errorMessage("登录失败")
}); });
} else { } else {
errorMessage("请填写登录信息") errorMessage("请填写登录信息")
@@ -212,14 +212,14 @@ export default defineComponent({
NextLoading.start(); NextLoading.start();
}; };
onMounted(() => { onMounted(() => {
state.ruleForm.username = Cookies.get('username') state.ruleForm.username = Cookies.get('username')
//获取系统配置 //获取系统配置
SystemConfigStore().getSystemConfigs(); SystemConfigStore().getSystemConfigs();
}); });
// 是否显示申请试用按钮 // 是否显示申请试用按钮
const showApply = () => { const showApply = () => {
return window.location.href.indexOf('public') != -1 return window.location.href.indexOf('public') != -1
} }
return { return {
loginClick, loginClick,
@@ -227,8 +227,8 @@ export default defineComponent({
state, state,
formRef, formRef,
rules, rules,
applyBtnClick, applyBtnClick,
showApply, showApply,
...toRefs(state), ...toRefs(state),
}; };
}, },