基于JAVA SpringBoot和Vue高考志愿填报辅助系统毕业设计,附源码
实现的功能:
本系统的功能包括:系统注册和登录、学校推荐、职业推荐、职业特点测评、高考志愿评估等功能。
注册、登录:未注册用户可以注册,有了账号后可以登录网站;
学校推荐:输入高考分数,系统给出符合条件的也就是该分数所能报考的院校信息。(有排序,如:按照分数与院校最低录取分数线之间的差距做一个排序);
职业推荐:输入各科成绩(根据考生强项给出推荐专业);
职业特点测评:提供MBIT测试,做测试之后给出类型、推荐职业、该职业所对应的专业信息;
高考志愿评估:输入考生已填写的志愿信息,系统做出一个综合评估,给出意见。(如:考生报考一个学校能被录取的可能性建议。)
用到的技术:
后端:java语言,SpringBoot框架,MySQL数据库,Maven依赖管理等;
前端:vue等。
部分代码展示
<template>
<div>
<head-top></head-top>
<el-row style="margin-top: 20px;">
<el-col :span="12" :offset="4">
<el-form :model="formData" :rules="rules" ref="formData" label-width="110px" class="demo-formData">
<el-form-item label="手机号" prop="tel">
<el-input v-model.number="formData.tel" maxLength="11"></el-input>
</el-form-item>
<el-form-item label="用户名" prop="nickname">
<el-input v-model="formData.nickname"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="formData.password"></el-input>
</el-form-item>
<el-form-item label="重复密码" prop="password2">
<el-input v-model="formData.password2"></el-input>
</el-form-item>
<el-form-item class="button_submit">
<el-button type="primary" @click="submitForm('formData')">立即创建</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div>
</template>
<script>
import headTop from '@/components/headTop'
import {register} from '@/api/getData'
import {baseUrl, baseImgPath} from '@/config/env'
export default {
data(){
return {
city: {},
formData: {
nickname: '', //店铺名称
tel: '', //地址
password: '',
password2:''
},
rules: {
nickname: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
],
password: [
{ required: true, message: '请输入密码', trigger: 'blur' }
],
tel: [
{ required: true, message: '请输入手机号' },
{ type: 'number', message: '电话号码必须是数字' }
],
}
}
},
components: {
headTop,
},
mounted(){
},
methods: {
submitForm(formName) {
this.$refs[formName].validate(async (valid) => {
if (valid) {
if(this.formData.password != this.formData.password2){
this.$message({
type: 'error',
message: "两次密码不一致"
});
return;
}
try{
this.formData.password = atob(this.formData.password);
let result = await register(this.formData);
if (result.code == 200){
this.$message({
type: 'success',
message: '注册成功'
});
this.$router.push('manage')
}else{
this.$message({
type: 'error',
message: result.msg
});
}
console.log(result)
}catch(err){
console.log(err)
}
} else {
this.$notify.error({
title: '错误',
message: '请检查输入是否正确',
offset: 100
});
return false;
}
});
},
}
}
</script>
正文到此结束
- 本文标签: Java Spring Boot SSM
- 版权声明: 本站原创文章,于2023年07月27日由程序猿大波发布,转载请注明出处