长春生活信息网,深圳如何优化网站,知名品牌形象设计公司,深圳网站建设联雅网络大家好#xff0c;我是java1234_小锋老师#xff0c;看到一个不错的SpringBootVue智慧校园(校园管理)系统#xff0c;分享下哈。
项目视频演示
【免费】SpringBootVue智慧校园(校园管理)系统 Java毕业设计_哔哩哔哩_bilibili 项目介绍
随着信息技术的迅猛发展#xff0c…大家好我是java1234_小锋老师看到一个不错的SpringBootVue智慧校园(校园管理)系统分享下哈。
项目视频演示
【免费】SpringBootVue智慧校园(校园管理)系统 Java毕业设计_哔哩哔哩_bilibili 项目介绍
随着信息技术的迅猛发展智慧校园建设逐渐成为高校发展的重要趋势。本文旨在设计和实现一个基于Spring Boot和Vue.js的智慧校园系统提供全面的信息化管理服务。系统的主要功能包括课程管理、在线选课、成绩查询、教师信息管理及校园通知发布等通过前后端分离的架构实现了灵活、高效的用户体验。
采用Spring Boot作为后端框架利用其简化的开发流程和强大的生态系统确保了系统的稳定性和可扩展性。前端采用Vue.js结合组件化开发的优势提高了界面的响应速度和用户交互体验。通过RESTful API设计前后端实现了高效的数据交互保证了系统的实时性和数据的一致性。
在系统测试中采用了单元测试和集成测试相结合的方法验证了各功能模块的稳定性和可靠性。最终系统不仅提升了校园管理的效率还为师生提供了便捷的操作平台促进了信息的透明化和共享化。
本文的研究成果为智慧校园的进一步发展提供了理论支持和实践参考具有一定的推广价值和应用前景。 系统展示 部分代码
package com.ruoyi.system.service;import java.util.List;
import com.ruoyi.common.core.domain.entity.SysDictData;/*** 字典 业务层* * author */
public interface ISysDictDataService
{/*** 根据条件分页查询字典数据* * param dictData 字典数据信息* return 字典数据集合信息*/public ListSysDictData selectDictDataList(SysDictData dictData);/*** 根据字典类型和字典键值查询字典数据信息* * param dictType 字典类型* param dictValue 字典键值* return 字典标签*/public String selectDictLabel(String dictType, String dictValue);/*** 根据字典数据ID查询信息* * param dictCode 字典数据ID* return 字典数据*/public SysDictData selectDictDataById(Long dictCode);/*** 批量删除字典数据信息* * param dictCodes 需要删除的字典数据ID*/public void deleteDictDataByIds(Long[] dictCodes);/*** 新增保存字典数据信息* * param dictData 字典数据信息* return 结果*/public int insertDictData(SysDictData dictData);/*** 修改保存字典数据信息* * param dictData 字典数据信息* return 结果*/public int updateDictData(SysDictData dictData);
}templatediv classloginel-form refloginForm :modelloginForm :rulesloginRules classlogin-formh3 classtitle智慧校园服务系统/h3el-form-item propusernameel-inputv-modelloginForm.usernametypetextauto-completeoffplaceholder账号svg-icon slotprefix icon-classuser classel-input__icon input-icon //el-input/el-form-itemel-form-item proppasswordel-inputv-modelloginForm.passwordtypepasswordauto-completeoffplaceholder密码keyup.enter.nativehandleLoginsvg-icon slotprefix icon-classpassword classel-input__icon input-icon //el-input/el-form-itemel-form-item propcode v-ifcaptchaEnabledel-inputv-modelloginForm.codeauto-completeoffplaceholder验证码stylewidth: 63%keyup.enter.nativehandleLoginsvg-icon slotprefix icon-classvalidCode classel-input__icon input-icon //el-inputdiv classlogin-codeimg :srccodeUrl clickgetCode classlogin-code-img//div/el-form-itemel-checkbox v-modelloginForm.rememberMe stylemargin:0px 0px 25px 0px;记住密码/el-checkboxel-form-item stylewidth:100%;el-button:loadingloadingsizemediumtypeprimarystylewidth:100%;click.native.preventhandleLoginspan v-if!loading登 录/spanspan v-else登 录 中.../span/el-buttondiv stylefloat: right; v-ifregister/anbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;router-link classlink-type :to/register立即注册/router-link/div/el-form-item/el-form!-- 底部 --div classel-login-footerspan智慧校园服务系统/span/div/div
/templatescript
import { getCodeImg } from /api/login;
import Cookies from js-cookie;
import { encrypt, decrypt } from /utils/jsencryptexport default {name: Login,data() {return {codeUrl: ,loginForm: {username: admin,password: admin123,rememberMe: false,code: ,uuid: },loginRules: {username: [{ required: true, trigger: blur, message: 请输入您的账号 }],password: [{ required: true, trigger: blur, message: 请输入您的密码 }],code: [{ required: true, trigger: change, message: 请输入验证码 }]},loading: false,// 验证码开关captchaEnabled: true,// 注册开关register: true,redirect: undefined};},watch: {$route: {handler: function(route) {this.redirect route.query route.query.redirect;},immediate: true}},created() {this.getCode();this.getCookie();},methods: {getCode() {getCodeImg().then(res {this.captchaEnabled res.captchaEnabled undefined ? true : res.captchaEnabled;if (this.captchaEnabled) {this.codeUrl data:image/gif;base64, res.img;this.loginForm.uuid res.uuid;}});},getCookie() {const username Cookies.get(username);const password Cookies.get(password);const rememberMe Cookies.get(rememberMe)this.loginForm {username: username undefined ? this.loginForm.username : username,password: password undefined ? this.loginForm.password : decrypt(password),rememberMe: rememberMe undefined ? false : Boolean(rememberMe)};},handleLogin() {this.$refs.loginForm.validate(valid {if (valid) {this.loading true;if (this.loginForm.rememberMe) {Cookies.set(username, this.loginForm.username, { expires: 30 });Cookies.set(password, encrypt(this.loginForm.password), { expires: 30 });Cookies.set(rememberMe, this.loginForm.rememberMe, { expires: 30 });} else {Cookies.remove(username);Cookies.remove(password);Cookies.remove(rememberMe);}this.$store.dispatch(Login, this.loginForm).then(() {this.$router.push({ path: this.redirect || / }).catch((){});}).catch(() {this.loading false;if (this.captchaEnabled) {this.getCode();}});}});}}
};
/scriptstyle relstylesheet/scss langscss
.login {display: flex;justify-content: center;align-items: center;height: 100%;background-image: url(../assets/images/R.jpg);background-size: cover;
}
.title {margin: 0px auto 30px auto;text-align: center;color: #707070;
}.login-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;}
}
.login-tip {font-size: 13px;text-align: center;color: #bfbfbf;
}
.login-code {width: 33%;height: 38px;float: right;img {cursor: pointer;vertical-align: middle;}
}
.el-login-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;
}
.login-code-img {height: 38px;
}
/style源码代码
链接https://pan.baidu.com/s/1zDYrJndxzWaKlBa9E6VoTQ 提取码1234
