原创

基于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>

演示视频链接

源码展示链接

正文到此结束
本文目录