使用springboot+mybatis-plus+vue+element-ui技术编写高校教师评价管理系统的前后端分离代码

时间: 2023-10-03 13:02:14 浏览: 49
很高兴能为您提供这方面的帮助,以下是基本的代码结构和技术选型: ## 后端代码结构 ``` ├── src │ ├── main │ │ ├── java │ │ │ ├── com │ │ │ │ ├── example │ │ │ │ │ ├── config │ │ │ │ │ │ ├── MybatisPlusConfig.java │ │ │ │ │ │ ├── WebMvcConfig.java │ │ │ │ │ ├── controller │ │ │ │ │ │ ├── TeacherController.java │ │ │ │ │ ├── dao │ │ │ │ │ │ ├── TeacherDao.java │ │ │ │ │ ├── entity │ │ │ │ │ │ ├── Teacher.java │ │ │ │ │ ├── service │ │ │ │ │ │ ├── TeacherService.java │ │ │ │ │ │ ├── impl │ │ │ │ │ │ │ ├── TeacherServiceImpl.java │ │ │ │ │ ├── Application.java │ │ │ │ ├── common │ │ │ │ │ ├── Result.java │ │ │ │ ├── interceptor │ │ │ │ │ ├── LoginInterceptor.java │ │ │ │ ├── mapper │ │ │ │ │ ├── TeacherMapper.java │ │ │ │ ├── utils │ │ │ │ │ ├── JwtUtils.java │ │ ├── resources │ │ │ ├── application.yml │ │ │ ├── mapper │ │ │ │ ├── TeacherMapper.xml │ │ ├── static │ │ ├── templates ``` ## 技术选型 - 后端技术栈:Spring Boot、Mybatis-Plus、JWT、MySQL - 前端技术栈:Vue、Element UI、Axios ## 后端代码实现 ### 配置文件 在 `application.yml` 中配置数据库和 JWT 相关信息。 ```yaml server: port: 8080 spring: datasource: url: jdbc:mysql://localhost:3306/teacher_evaluation?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai username: root password: 123456 driver-class-name: com.mysql.cj.jdbc.Driver mybatis-plus: mapper-locations: classpath:mapper/*.xml type-aliases-package: com.example.entity configuration: map-underscore-to-camel-case: true jwt: secret: secret expire: 3600 ``` ### 实体类 ```java @Data public class Teacher { private Integer id; private String name; private Integer age; private String sex; private String phone; private String email; private String address; private Integer departmentId; private Integer status; } ``` ### Mapper 接口 ```java public interface TeacherMapper extends BaseMapper<Teacher> { } ``` ### DAO 层 ```java public interface TeacherDao { Teacher selectById(Integer id); List<Teacher> selectList(); int insert(Teacher teacher); int update(Teacher teacher); int delete(Integer id); } ``` ### Service 层 ```java public interface TeacherService { Teacher selectById(Integer id); List<Teacher> selectList(); boolean save(Teacher teacher); boolean update(Teacher teacher); boolean delete(Integer id); } ``` ### Service 实现类 ```java @Service public class TeacherServiceImpl implements TeacherService { @Autowired private TeacherDao teacherDao; @Override public Teacher selectById(Integer id) { return teacherDao.selectById(id); } @Override public List<Teacher> selectList() { return teacherDao.selectList(); } @Override public boolean save(Teacher teacher) { return teacherDao.insert(teacher) > 0; } @Override public boolean update(Teacher teacher) { return teacherDao.update(teacher) > 0; } @Override public boolean delete(Integer id) { return teacherDao.delete(id) > 0; } } ``` ### Controller 层 ```java @RestController @RequestMapping("/teacher") public class TeacherController { @Autowired private TeacherService teacherService; @GetMapping("/list") public Result list() { List<Teacher> list = teacherService.selectList(); return Result.success(list); } @PostMapping("/save") public Result save(@RequestBody Teacher teacher) { boolean result = teacherService.save(teacher); return result ? Result.success() : Result.fail("添加失败"); } @PostMapping("/update") public Result update(@RequestBody Teacher teacher) { boolean result = teacherService.update(teacher); return result ? Result.success() : Result.fail("更新失败"); } @PostMapping("/delete") public Result delete(@RequestParam Integer id) { boolean result = teacherService.delete(id); return result ? Result.success() : Result.fail("删除失败"); } } ``` ### JWT 鉴权 ```java @Component public class LoginInterceptor implements HandlerInterceptor { @Autowired private JwtUtils jwtUtils; @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { String token = request.getHeader("Authorization"); if (token == null || !token.startsWith("Bearer ")) { throw new RuntimeException("无效的token"); } token = token.replace("Bearer ", ""); if (!jwtUtils.validateToken(token)) { throw new RuntimeException("无效的token"); } return true; } } ``` ## 前端代码实现 ### Axios 请求封装 ```js import axios from 'axios' import { Message } from 'element-ui' let instance = axios.create({ baseURL: '/api', timeout: 5000, headers: { 'Content-Type': 'application/json;charset=UTF-8' } }) instance.interceptors.request.use(config => { let token = localStorage.getItem('token') if (token) { config.headers.Authorization = `Bearer ${token}` } return config }, error => { return Promise.reject(error) }) instance.interceptors.response.use(response => { if (response.status === 200) { return response.data } else { Message.error('请求错误') } }, error => { if (error.response.status === 401) { Message.error('登录过期') localStorage.removeItem('token') window.location.href = '/login' } else if (error.response.status === 403) { Message.error('权限不足') } else if (error.response.status === 500) { Message.error('服务器错误') } else { Message.error('请求错误') } return Promise.reject(error) }) export default instance ``` ### Vue 页面 ```vue <template> <div> <el-row> <el-col :span="24"><h2>教师列表</h2></el-col> </el-row> <el-row> <el-col :span="24"><el-button type="primary" @click="add">添加教师</el-button></el-col> </el-row> <el-row> <el-col :span="24"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="id" label="ID"></el-table-column> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column prop="sex" label="性别"></el-table-column> <el-table-column prop="phone" label="电话"></el-table-column> <el-table-column prop="email" label="邮箱"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> <el-table-column prop="departmentId" label="部门"></el-table-column> <el-table-column prop="status" label="状态"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button type="primary" size="mini" @click="edit(scope.row)">编辑</el-button> <el-button type="danger" size="mini" @click="remove(scope.row)">删除</el-button> </template> </el-table-column> </el-table> </el-col> </el-row> <el-dialog title="添加教师" :visible.sync="addDialogVisible"> <el-form :model="addForm" :rules="addRules" ref="addForm"> <el-form-item label="姓名" prop="name"> <el-input v-model="addForm.name"></el-input> </el-form-item> <el-form-item label="年龄" prop="age"> <el-input v-model="addForm.age"></el-input> </el-form-item> <el-form-item label="性别" prop="sex"> <el-radio-group v-model="addForm.sex"> <el-radio label="男"></el-radio> <el-radio label="女"></el-radio> </el-radio-group> </el-form-item> <el-form-item label="电话" prop="phone"> <el-input v-model="addForm.phone"></el-input> </el-form-item> <el-form-item label="邮箱" prop="email"> <el-input v-model="addForm.email"></el-input> </el-form-item> <el-form-item label="地址" prop="address"> <el-input v-model="addForm.address"></el-input> </el-form-item> <el-form-item label="部门" prop="departmentId"> <el-select v-model="addForm.departmentId"> <el-option v-for="item in departmentList" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> </el-form> <div slot="footer"> <el-button @click="addDialogVisible = false">取消</el-button> <el-button type="primary" @click="addFormSubmit">添加</el-button> </div> </el-dialog> <el-dialog title="编辑教师" :visible.sync="editDialogVisible"> <el-form :model="editForm" :rules="editRules" ref="editForm"> <el-form-item label="ID" prop="id"> <el-input v-model="editForm.id" disabled></el-input> </el-form-item> <el-form-item label="姓名" prop="name"> <el-input v-model="editForm.name"></el-input> </el-form-item> <el-form-item label="年龄" prop="age"> <el-input v-model="editForm.age"></el-input> </el-form-item> <el-form-item label="性别" prop="sex"> <el-radio-group v-model="editForm.sex"> <el-radio label="男"></el-radio> <el-radio label="女"></el-radio> </el-radio-group> </el-form-item> <el-form-item label="电话" prop="phone"> <el-input v-model="editForm.phone"></el-input> </el-form-item> <el-form-item label="邮箱" prop="email"> <el-input v-model="editForm.email"></el-input> </el-form-item> <el-form-item label="地址" prop="address"> <el-input v-model="editForm.address"></el-input> </el-form-item> <el-form-item label="部门" prop="departmentId"> <el-select v-model="editForm.departmentId"> <el-option v-for="item in departmentList" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> </el-form> <div slot="footer"> <el-button @click="editDialogVisible = false">取消</el-button> <el-button type="primary" @click="editFormSubmit">保存</el-button> </div> </el-dialog> </div> </template> <script> import api from '@/utils/api' export default { name: 'TeacherList', data() { return { tableData: [], addDialogVisible: false, addForm: { name: '', age: '', sex: '男', phone: '', email: '', address: '', departmentId: '' }, addRules: { name: [ { required: true, message: '请输入姓名', trigger: 'blur' }, { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' } ], age: [ { required: true, message: '请输入年龄', trigger: 'blur' }, { type: 'number', message: '年龄必须为数字', trigger: 'blur' } ], sex: [ { required: true, message: '请选择性别', trigger: 'change' } ], phone: [ { required: true, message: '请输入电话', trigger: 'blur' }, { pattern: /^1[3456789]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' } ], email: [ { required: true, message: '请输入邮箱', trigger: 'blur' }, { type: 'email', message: '邮箱格式不正确', trigger: 'blur' } ], address: [ { required: true, message: '请输入地址', trigger: 'blur' } ], departmentId: [ { required: true, message: '请选择所属部门', trigger: 'change' } ] }, editDialogVisible: false, editForm: { id: '', name: '', age: '', sex: '男', phone: '', email: '', address: '', departmentId: '' }, editRules: { name: [ { required: true, message: '请输入姓名', trigger: 'blur' }, { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' } ], age: [ { required: true, message: '请输入年龄', trigger: 'blur' }, { type: 'number', message: '年龄必须为数字', trigger: 'blur' } ], sex: [ { required: true, message: '请选择性别', trigger: 'change' } ], phone: [ { required: true, message: '请输入电话', trigger: 'blur' }, { pattern: /^1[3456789]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' } ], email: [ { required: true, message: '请输入邮箱', trigger: 'blur' }, { type: 'email', message: '邮箱格式不正确', trigger: 'blur' } ], address: [ { required: true, message: '请输入地址', trigger: 'blur' } ], departmentId: [ { required: true, message: '请选择所属部门', trigger: 'change' } ] }, departmentList: [ { value: 1, label: '计算机科学与技术' }, { value: 2, label: '信息管理与信息系统' }, { value: 3, label: '软件工程' } ] } }, created() { this.getList() }, methods: { getList() { api.get('/teacher/list').then(res => { this.tableData = res.data }) }, add() { this.addDialogVisible = true }, addFormSubmit() { this.$refs.addForm.validate(valid => { if (valid) { api.post('/teacher/save', this.addForm).then(res => { this.addDialogVisible = false this.getList() }) } }) }, edit(row) { this.editForm = Object.assign({}, row) this.editDialogVisible = true }, editFormSubmit() { this.$refs.editForm.validate(valid => { if (valid) { api.post('/teacher/update', this.editForm).then(res => { this.editDialogVisible = false this.getList() }) } }) }, remove(row) { this.$confirm('确定删除?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { api.post('/teacher/delete', { id: row.id }).then(res => { this.getList() }) }) } } } </script> ```

相关推荐

最新推荐

MIL_STD_1364J.537.pdf

MIL_STD_1364J.537.pdf

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire

粒子群多目标算法matlab代码【MATLAB代码实现】定义优化问题参数

# 1. 粒子群多目标算法简介 ## 1.1 什么是粒子群算法? 粒子群算法是一种基于群体智能的优化算法,灵感来源于鸟群或鱼群等生物群体的行为。每个“粒子”代表问题空间中的一个候选解,而整个粒子群代表了候选解的一个群体。粒子在解空间中搜索最优解,通过个体的经验和群体的协作来不断调整自身位置和速度,从而逐步靠近最优解。 ## 1.2 粒子群算法在多目标优化中的应用 粒子群算法最初是针对单目标优化问题提出的,但后来被扩展应用到了多目标优化领域。与单目标优化不同,多目标优化需要考虑多个冲突的目标函数,因此粒子群算法的应用在多目标优化中具有一定的挑战性。 ## 1.3 粒子群多目标算法原理解

hbase中时间戳的精确度和hbase中列族和列名的分隔符是什么

我已经回答了关于HBase中时间戳的精确度的问题,现在回答你的第二个问题: 在HBase中,列族和列名的分隔符是冒号(:)。例如,如果你有一个列族为“info”,列名为“name”的列,那么在HBase中的完整列名将是“info:name”。这个分隔符是在HBase的设计中被硬编码的,不能更改。这个分隔符在HBase的API中也得到了体现,例如在Java API中,可以使用“:`”来将列族和列名分隔开来,如下所示: ```java Get get = new Get(Bytes.toBytes("rowkey")); get.addColumn(Bytes.toBytes("info"),

spring boot应用启动原理分析.docx

spring boot应用启动原理分析.docxspring boot应用启动原理分析.docxspring boot应用启动原理分析.docxspring boot应用启动原理分析.docxspring boot应用启动原理分析.docxspring boot应用启动原理分析.docxspring boot应用启动原理分析.docxspring boot应用启动原理分析.docx

"互动学习:行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依

粒子群多目标算法matlab代码【算法实现步骤】计算适应度函数

# 1. 粒子群多目标算法简介 ## 1.1 粒子群多目标算法概述 在多目标优化问题中,粒子群多目标算法是一种常用的元启发式优化算法。它借鉴了鸟群觅食的行为,通过不断调整粒子的位置和速度来搜索最优解空间。相比于传统的单目标优化算法,粒子群多目标算法能够有效解决多目标优化问题。 ## 1.2 算法原理与特点 粒子群多目标算法的核心原理是通过模拟群体中粒子的运动,不断更新粒子的位置和速度,以达到最优解。其特点包括易于实现、收敛速度快、对参数不敏感等。 ## 1.3 相关研究现状分析 目前,粒子群多目标算法在多目标优化领域得到了广泛应用,并在不同领域取得了一定的成果。研究者们也在不断探索

使用 Flask Web 框架来构建 Web 服务,提供 API 接口。

使用 Flask Web 框架来构建 Web 服务,提供 API 接口的步骤如下: 1. 安装 Flask 框架,可以使用 pip 工具进行安装:`pip install flask`。 2. 创建一个 Flask 应用,代码如下: ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/predict', methods=['POST']) def predict(): # 接收客户端请求数据 data = request.get_json()

学生成绩管理系统(数据结构C语言版源代码).doc

学生成绩管理系统(数据结构C语言版源代码).doc

关系数据表示学习

关系数据卢多维奇·多斯桑托斯引用此版本:卢多维奇·多斯桑托斯。关系数据的表示学习机器学习[cs.LG]。皮埃尔和玛丽·居里大学-巴黎第六大学,2017年。英语。NNT:2017PA066480。电话:01803188HAL ID:电话:01803188https://theses.hal.science/tel-01803188提交日期:2018年HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaireUNIVERSITY PIERRE和 MARIE CURIE计算机科学、电信和电子学博士学院(巴黎)巴黎6号计算机科学实验室D八角形T HESIS关系数据表示学习作者:Ludovic DOS SAntos主管:Patrick GALLINARI联合主管:本杰明·P·伊沃瓦斯基为满足计算机科学博士学位的要求而提交的论文评审团成员:先生蒂埃里·A·退休记者先生尤尼斯·B·恩