JavaEE 笔记03：基于Vue，SpringBoot的前后端分离的简单作业管理系统

已于 2022-05-02 23:13:45 修改
阅读量3.6k 收藏 48
点赞数 10
文章标签： java vue spring boot
于 2020-06-19 22:50:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yiang0/article/details/106863440
版权
本文介绍了基于Vue和SpringBoot的前后端分离的作业管理系统，详细阐述了系统的功能，如登录注册、学生和老师的作业管理等。系统采用MD5加密保证密码安全性，并通过Nginx部署到服务器。代码仓库链接在文末提供。
摘要由CSDN通过智能技术生成

基于Vue，SpringBoot的前后端分离的简单作业管理系统

目录

前言

本文主要是对我编写的一个基于Vue和SpringBoot的前后端分离的作业管理系统进行功能展示，以及把系统部署到服务器的步骤的介绍。代码仓库地址见文末。

环境

开发环境

  • macOS Catalina 10.15.5
  • Java SE 11.0.5 LTS
  • MySQL Ver 8.0.19 for osx10.15 on x86_64 (Homebrew)
  • SpringBoot 2.3.1
  • npm 6.14.4
  • Vue @vue/cli 4.3.1

部署环境

  • Linux内核 4.15.0-88-generic
  • Ubuntu 18.04.4 LTS
  • Java SE 11.0.6 LTS
  • Nginx 1.14.0 (Ubuntu)
  • MySQL Ver 14.14 Distrib 5.7.30, for Linux (x86_64) using EditLine wrapper

功能展示

登录与注册

在这里插入图片描述
在这里插入图片描述

学生

学生首页

在这里插入图片描述

学生查看作业列表

在这里插入图片描述

学生提交作业

在这里插入图片描述

学生查看已提交的作业

在这里插入图片描述

学生编辑已提交的作业

在这里插入图片描述

学生查看老师已点评的作业

在这里插入图片描述

老师

老师查看作业列表

在这里插入图片描述

老师发布作业

在这里插入图片描述

老师编辑已发布的作业

在这里插入图片描述

老师查看已提交的学生作业

在这里插入图片描述

老师点评已提交的学生作业

在这里插入图片描述

数据库表结构

在这里插入图片描述
表结构比较简单，作业相关内容均为简单的文本形式。

SQL源文件位于后端项目的src/main/resources目录下：
在这里插入图片描述
student表和teacher表中存入了几条数据，真实密码均为123456，数据库中存入的是两次加密后的值：

最低0.47元/天 解锁文章
mingh24
关注
  • 10
    点赞
  • 踩
  • 48
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
基于Java+SpringBoot+Vue前后端分离学生信息管理设计实现
Park33的博客
06-05 1182
现在大家正处于互联网加的时代，这个时代它就是一个信息内容无比丰富，信息处理与管理变得越加高效的网络化的时代，这个时代让大家的生活不仅变得更加地便利化，也让时间变得更加地宝贵化，因为每天的每分钟，每秒钟这些时间都能让人们处理大批量的日常事务，这些场景，是之前的手工模式无法与之相抗衡的。
JavaEE——作业管理系统
sinat_41518495的博客
06-16 8261
一、大概介绍下项目结构: 持久层框架使用的是：Mybatis(配置 .xml文件版) 使用了RESTful：通过GET,POST请求实现各种功能 模板引擎使用的是：Thymeleaf 数据库使用的是：Mysql 数据访问使用的是：Spring Data JPA 二、项目结构图 三、页面实现 3.1身份为学生的页面实现效果（权限=1） 3.1.1登录 3.1.2注册 3.1.3登录成功 3.1.4查看学生名单 3.1.5学生管理作业（可提交、更新、删除作业）
javaee大作业学籍管理系统
01-29
javaee大作业学籍管理系统
基于 Java + Servlet + Tomcat + MySQL 的简易学生作业管理系统
weixin_44046972的博客
03-12 3372
技术介绍 Servlet：其主要功能在于交互式地浏览和修改数据，生成动态Web内容。Servlet运行于支持Java的应用服务器中。从实现上讲，Servlet可以响应任何类型的请求，但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。 JSP(Java Server Pages)：JSP部署于网络服务器上，可以响应客户端发送的请求，并根据请求内容动态地生成HTML、XML或...
基于java EE——学生管理系统（超详细，0基础也可）
最新发布
Hahaha0202的博客
05-13 2858
该项目基于 JavaEE编写，使用 javaEE和web框架支持，和 oracle 数据库，实现了以上所述的主要功能，该学生管理系统可以应用于学校、培训机构、教育机构等场景，能够大大提升学生信息的管理效率和工作效率，为学校及相关教育机构提供快捷、准确的信息服务。同样，login.jsp通过表单提交到LoginServlet，在里面进行校验，首先从数据库里面查询账号和密码相对于的值，如果有则通过验证，转发到主页即home.jsp，登录失败，设置错误信息并重定向回登录页面，附带错误信息参数。
Springboot+学生作业管理系统 毕业设计-附源码251208
DZBS2000的博客
09-02 317
本设计主要实现集人性化、高效率、便捷等优点于一身的学生作业管理系统，完成课程信息管理、公告管理、学生管理、教师管理、学生选课管理、学生作业管理、上交作业管理、课程资料管理等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。学生作业管理系统使用Java语言，采用基于 MVVM模式的Springboot技术进行开发，使用 Eclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据
20210220-javaee-CURD案例-vue+springboot前后端分离开发过程
fhzheng for c java javascript sql html css
02-20 586
文章目录vue+springboot前后端分离开发过程1 技术方案2 创建前端项目2.1 项目中的文件2.2 注意事项3 后端开发3.1 开发过程3.2 分层开发入口类实体类DAO接口类使用mybatis配置实现DAO接口业务接口与实现类控制器类3.3 注意事项4 前端开发完成后的发布5 后记4 前端开发完成后的发布5 后记 vue+springboot前后端分离开发过程 1 技术方案 前后端分离开发 前端使用vue+axios+rap2工具 vuecli，用脚手架创建项目 Home组件 User组件
基于Java_EE在线作业管理系统的设计与实现.pdf
11-23
基于Java_EE在线作业管理系统的设计与实现.pdf
跟我学制作javaEE网上书店销售管理系统(沙箱支付)springboot+vue
豆包程序员
06-25 1000
本系统在实现过程中，通过采用支付宝沙箱技术模拟网上支付，解决了支付问题。利用LayUI技术完成响应式界面，以适应不同云端屏幕。采用Echarts技术实现了数据统计，形成了可视化图表，能够更直观地查看销售情况。 基于Java EE的网上书店系统的要求如下 系统前端vue，后端springboot，用到技术Echarst，LayUI什么的 要有沙箱支付,沙箱支付开通网址：https://openhome.alipay.com/platform/appDaily.htm?tab=info 本javaweb+mav
javaee之vue
Pxx520Tangtian的博客
02-28 396
子组件要改变父组件的data数据，不能直接改变，也就是prop引入了之后，你直接载入这个属性是改变不了的。那么在子类组件里面，我们要去触发父类的两个函数，直接return this.$emit("plus"),也就是通过属性名就可以去调用父类的方法。通过v-bind绑定到了当前的父组件当中，引入了一个父类属性也就是items这个属性。子类组件想要直接修改父类的data数据是不可以的，我们可以为两者建立一个联系。上面引入的是一个3.0版本的包，我们重新换一个2.0版本的。如果采用小驼峰的方式命名一个组件。
JavaEE期末大作业博客系统源码基于springboot和vue实现的前后端分离的博客系统源代码.zip
06-09
JavaEE期末大作业博客系统源码基于springboot和vue实现的前后端分离的博客系统源代码.zip 运行项目流程如下： 选择一个数据库执行 m_blog.sql 文件。 用 idea 打开 blog_demo ，更改配置文件 application.yml 中的...
Springboot+vue的课程作业管理系统（有报告），Javaee项目，springboot vue前后端分离项目
04-14
标题中的“Springboot+vue的课程作业管理系统”指的是一个基于Spring Boot后端框架和Vue.js前端框架构建的教育领域项目。这个系统旨在提供一个平台，用于管理课程作业的提交、评估和反馈，促进教师与学生之间的互动...
Springboot+vue的敬老院管理系统 Javaee项目，springboot vue前后端分离项目
04-21
《SpringBoot+Vue的敬老院管理系统：JavaEE项目的前后端分离实践》 在现代软件开发中，前后端分离已经成为了一种主流模式，它能够提高开发效率，优化用户体验，并简化项目管理。本项目是一个基于SpringBoot后端框架...
Springboot+vue的疫情打卡管理系统 Javaee项目，springboot vue前后端分离项目
04-14
本项目——"SpringBoot+Vue的疫情打卡管理系统"正是这样一个结合JavaEE框架和前端Vue.js技术的优秀实践，旨在提供一套高效、便捷的疫情信息收集与处理解决方案。 一、SpringBoot框架详解 SpringBoot是Spring框架的...
Springboot+vue的医患档案管理系统 Javaee项目，springboot vue前后端分离项目
04-20
本项目——"SpringBoot+Vue医患档案管理系统"正是基于这样的需求，采用JavaEE技术栈，利用SpringBoot后端框架和Vue.js前端框架实现了一套完整的前后端分离解决方案。本文将深入探讨该项目的技术实现、设计思路以及...
JAVAEE细细看 框架16 - Vue 小结
ZMW_IOS的博客
04-07 390
1. Vue概述 概述：Vue是一款前端渐进式框架，可以提高前端开发效率。 特点： ​ Vue通过MVVM模式,能够实现视图与模型的双向绑定。 ​ 简单来说，就是数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化. 2. Vue导入 概述：Vue是一个类似于Jquery的一个JS框架，所以，如果想使用Vue，则在当前页面导入Vue.js文件即可。 语法： <!-- 在线...
Vue3+Spring Boot前后端分离开发
zjojk的博客
02-10 4957
前言 之前本人在学习Vue3.x与Spring Boot整合时，遇到了诸如跨域、使用axios报错等问题，在成功解决后，总结了一些经验，于是将如何从零开始搭建Vue3.x+SpringBoot前后端分离项目写成文章，当分享和记录。示例使用的是Window系统。（默认已配置好Java环境、Maven、MySQL、npm以及下载并安装IDEA，因为本文目的是完成Vue3.x通过axios访问Spring Boot项目的接口） 安装Vue3.x 打开命令行工具（尽量用管理员权限打开）cmd或powershell
JavaEE期末项目-作业管理系统
weixin_44004667的博客
06-18 8650
JavaEE期末项目——作业管理系统基于MyBatis+springboot+jsp一、MyBatis简介MyBatis优点二、springboot简介springboot 优点微服务一：什么是微服务？为什么要用微服务？二：微服务解决什么问题，又引入了什么问题？三：使用微服务应该遵循哪些原则？针对小项目——作业管理系统一、项目需求二、项目设计界面设计：登录界面注册界面用户名密码为空的报错数据库设计：三、相关代码展示登录界面：注册界面：学生选择作业界面：提交界面：四、开发过程中遇到的问题1.界面之间传参2.学
javaee期末大作业源码基于springboot和vue实现的前后端分离的源代码 + 数据库sql.
12-22
这个大作业的源码是基于SpringBoot和Vue实现的前后端分离的项目，整个项目的结构清晰，代码逻辑简洁明了。在后端部分，使用了SpringBoot框架，采用了MVC设计模式，将项目分为控制器、服务和数据访问层，实现了良好的代码复用和模块化开发。通过SpringBoot框架的自动装配和简化配置，大大提高了项目的开发效率和代码质量。 在前端部分，采用了Vue框架进行开发，实现了界面的动态渲染和交互操作。整个前端项目结构清晰，组件化设计，可以很方便地进行功能扩展和维护。通过Vue的数据双向绑定和组件化开发，提供了良好的用户体验和界面交互效果。 数据库部分使用SQL来设计和管理数据，针对项目需求进行了合理的数据库设计和数据表结构定义，确保了数据的完整性和一致性。通过SQL语句的编写和优化，使得数据的存储和检索能够高效快速地进行操作。 整个项目的源码结构清晰，注释详细，采用了合理的命名规范和设计模式，易于理解和维护。通过分析源码可以看出，项目在实现功能的同时，也注重了代码的质量和可扩展性，是一个很好的学习参考源码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值