springboot vue黑板檫在线教育系统+第五稿

博主介绍：✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌

[
项目名称

springboot vue黑板檫在线教育系统

演示视频

springboot vue黑板檫在线教育系统_哔哩哔哩_bilibili](https://ym.maptoface.com/archives/59186)

系统介绍

基于Java的黑板擦公考系统的设计与实现

摘要

随着科技的快速发展，各行各业都开始受到网络时代的红利影响，其中教育行业作为国家重点发展的核心行业，也紧随着网络时代的变化而不断转型。在线公考系统因此应运而生。通过互联网技术优化和提升各行各业的需求和便携，公考系统能够彻底告别传统模式，使得管理更为规范和灵活化，减少繁琐的操作和重复的问题。本文设计并实现了一款基于Java的黑板擦公考系统，旨在为学生提供方便的线上学习平台，让学习更加灵活和高效。

系统采用B/S框架结合SpringBoot技术进行开发，并使用MySQL数据库进行数据持久化。管理员是系统后台进行统一数据维护的最高权限角色，拥有、轮播管理、头部导航、友情链接、课程列表、课程资源、分类管理、学员列表、讲师列表、配置管理、角色管理、菜单管理等功能模块。学生是系统前台功能界面进行使用的主要用户角色，具备、精品课程、热门课程、课程搜索、我的课程、我的订单、个人信息等功能模块。

通过该系统，管理员可以方便地对公考系统的课程管理、分类管理、专区管理以及各种系统基础服务管理进行维护，为学生提供更加全面、系统的线上学习体验，让学生能够更加方便地进行课程的视频学习和自定义提升，同时也能够灵活安排学习时间，应对公考的快节奏学习。

关键词：公考系统；SpringBoot；B/S；课程学习

2.2 功能需求

2.2.1 管理员用例图

管理员是系统的主要管理人员，涉及到了系统的所有功能，包括了登录、概况总览、课程订单、专区管理、轮播管理、头部导航、友情链接、课程列表、管理员、课程资源、分类管理、用户管理、配置管理、角色管理、菜单管理等功能模块，管理员用例图如下图2-1所示：

图2-1 管理员用例图

2.2.2 学生用例图

学生用户主要是涉及了前台的所有功能权限，包括了我的订单、登录、注册、课程分类查询、课程浏览、课程搜索、视频查看、课件下载、我的课程等功能模块，学生用例图如下2-2所示：

图2-2 学生用例图

3.1 系统功能总体设计

根据需求来分析功能模块。后台人员主要负责维护基础处理的初始化，和数据管理功能管理等维护工作，前台人员即是普通用户人员，登录验证成功后即可对应权限操作系统。

考虑到后期维护问题，从早期设计层面就需要有一定的标准性来规划[3]。主要规则有：

简单性：操作上要采用最简单的方式，减少培训成本，操作人员见字变懂意。

针对性：定向开发针对系统的核心特点，专攻性强，避免混乱的程序让人难以懂得。

实用性：实用性是一个项目开发的主要目的，无论什么项目加入互联网就是为了方便实用。

一致性：页面美学设计风格一致，采用的元素和颜色以及风格必须保持一致。功能特征和代码命名规范。方便后期维护。

先进性：采用最新前卫主流技术和框架，适应编程技术的科技发展，让代码能更好的迭代和更新。

3.2 系统详细设计

3.2.1 管理员功能模块图说明

管理员是对公考系统后台进行统一数据维护的最高权限角色，包括了以下功能：

登录：管理员通过登录模块输入正确的用户名和密码，进入后台系统进行管理操作。
概览总览：展示系统的整体数据概况，如用户数量、课程数量、订单数量等，方便管理员快速了解系统运行状况。
课程订单：管理用户的课程购买记录，包括订单状态、支付方式、金额等信息，便于处理订单相关问题。
专区管理：管理不同专题的课程内容，如公务员考试、事业单位考试等，便于课程分类和组织。
轮播管理：管理网站首页的轮播图，可调整图片、链接地址和展示顺序等。
头部导航：管理网站顶部导航栏的菜单项，可自定义添加、修改和删除导航链接。
友情链接：设置与其他相关网站的友情链接，以提高网站曝光度和互联网资源共享。
课程列表：展示所有课程的列表，包括课程名称、讲师、价格等信息，可进行添加、修改和删除操作。

管理员用户功能模块图如下图3-4所示：

学生是系统前台功能界面进行使用的主要用户角色，包括了登录、注册、课程分类查看、精品课程、热门课程、课程搜索、友情链接、课程浏览、课件下载、我的课程、我的订单、个人信息等功能模块，学生用户功能模块图如下图3-5所示：

图3-5 学生用户功能模块图

编辑

环境需要

1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
5.数据库：MySql 5.7版本；
6.是否Maven项目：否；

技术栈

后端：Spring+SpringMVC+Mybatis
前端：JSP+CSS+JavaScript+jQuery

使用说明

使用Navicat或者其它工具，在mysql中创建对应名称的数据库，并导入项目的sql文件；
使用IDEA/Eclipse/MyEclipse导入项目，Eclipse/MyEclipse导入时，若为maven项目请选择maven;
若为maven项目，导入成功后请执行maven clean;maven install命令，然后运行；
将项目中springmvc-servlet.xml配置文件中的数据库配置改为自己的配置;
运行项目，在浏览器中输入http://localhost:8080/ 登录

运行截图

编辑

用户管理控制层:

package com.houserss.controller;

import javax.servlet.http.HttpSession;

import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import com.houserss.common.Const;
import com.houserss.common.Const.Role;
import com.houserss.common.ServerResponse;
import com.houserss.pojo.User;
import com.houserss.service.IUserService;
import com.houserss.service.impl.UserServiceImpl;
import com.houserss.util.MD5Util;
import com.houserss.util.TimeUtils;
import com.houserss.vo.DeleteHouseVo;
import com.houserss.vo.PageInfoVo;

/**

Created by admin
*/

@Controller
@RequestMapping("/user/")
public class UserController {

@Autowired
private IUserService iUserService;

/**
 * 用户登录
 * @param username
 * @param password
 * @param session
 * @return
 */
@RequestMapping(value = "login.do",method = RequestMethod.POST)
@ResponseBody
public ServerResponse<User> login(User user,String uvcode, HttpSession session){
    String code = (String)session.getAttribute("validationCode");
    if(StringUtils.isNotBlank(code)) {
        if(!code.equalsIgnoreCase(uvcode)) {
            return ServerResponse.createByErrorMessage("验证码不正确");
        }
    }
    ServerResponse<User> response = iUserService.login(user.getUsername(),user.getPassword());
    if(response.isSuccess()){
        session.setAttribute(Const.CURRENT_USER,response.getData());
    }
    return response;
}

}

管理员管理控制层:

package com.sxl.controller.admin;

import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import com.sxl.controller.MyController;

@Controller("adminController")
@RequestMapping(value = "/admin")
public class AdminController extends MyController {



@RequestMapping(value = "/index")
public String frame(Model model, HttpServletRequest request)throws Exception {
    return "/admin/index";
}

@RequestMapping(value = "/main")
public String main(Model model, HttpServletRequest request)throws Exception {
    return "/admin/main";
}

@RequestMapping(value = "/tj1")
public String tj1(Model model, HttpServletRequest request)throws Exception {
    String sql="select DATE_FORMAT(insertDate,'%Y-%m-%d') dates,sum(allPrice) price from t_order order by DATE_FORMAT(insertDate,'%Y-%m-%d')  desc";
    List<Map> list = db.queryForList(sql);
    model.addAttribute("list", list);
    System.out.println(list);
    return "/admin/tj/tj1";
}


@RequestMapping(value = "/password")
public String password(Model model, HttpServletRequest request)throws Exception {
    return "/admin/password";
}


@RequestMapping(value = "/changePassword")
public ResponseEntity<String> loginSave(Model model,HttpServletRequest request,String oldPassword,String newPassword) throws Exception {
    Map admin = getAdmin(request);
    if(oldPassword.equals(admin.get("password").toString())){
        String sql="update t_admin set password=? where id=?";
        db.update(sql, new Object[]{newPassword,admin.get("id")});
        return renderData(true,"1",null);
    }else{
        return renderData(false,"1",null);
    }
}

}

修改密码业务逻辑:

package com.sxl.controller.admin;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import com.sxl.controller.MyController;

@Controller("userController")
@RequestMapping(value = "/user")
public class UserController extends MyController {



@RequestMapping(value = "/index")
public String frame(Model model, HttpServletRequest request)throws Exception {
    return "/user/index";
}

@RequestMapping(value = "/main")
public String main(Model model, HttpServletRequest request)throws Exception {
    return "/user/main";
}


@RequestMapping(value = "/password")
public String password(Model model, HttpServletRequest request)throws Exception {
    return "/user/password";
}


@RequestMapping(value = "/changePassword")
public ResponseEntity<String> loginSave(Model model,HttpServletRequest request,String oldPassword,String newPassword) throws Exception {
    Map user = getUser(request);
    if(oldPassword.equals(user.get("password").toString())){
        String sql="update t_user set password=? where id=?";
        db.update(sql, new Object[]{newPassword,user.get("id")});
        return renderData(true,"1",null);
    }else{
        return renderData(false,"1",null);
    }
}
@RequestMapping(value = "/mine")
public String mine(Model model, HttpServletRequest request)throws Exception {

Map user =getUser(request);Map map = db.queryForMap("select * from t_user where id=?",new Object[]{user.get("id")});model.addAttribute("map", map); return "/user/mine";

}



@RequestMapping(value = "/mineSave")
public ResponseEntity<String> mineSave(Model model,HttpServletRequest request,Long id
    ,String username,String password,String name,String gh,String mobile) throws Exception{
    int result = 0;
        String sql="update t_user set name=?,gh=?,mobile=? where id=?";
        result = db.update(sql, new Object[]{name,gh,mobile,id});
    if(result==1){
        return renderData(true,"操作成功",null);
    }else{
        return renderData(false,"操作失败",null);
    }
}
}

通用管理模块:

package com.sxl.controller;

import java.nio.charset.Charset;
import java.util.Locale;
import java.util.ResourceBundle;

import javax.servlet.http.HttpServletRequest;

import org.apache.commons.lang.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;

import com.sxl.util.JacksonJsonUtil;
import com.sxl.util.StringUtil;
import com.sxl.util.SystemProperties;

public class BaseController {

public static final Long EXPIRES_IN = 1000 * 3600 * 24 * 1L;// 1天

@Autowired
private SystemProperties systemProperties;

/**
 * 获得配置文件内容
 */
public String getConfig(String key) {
    return systemProperties.getProperties(key);
}

/**
 * 返回服务器地址 like http://192.168.1.1:8441/UUBean/
 */
public String getHostUrl(HttpServletRequest request) {
    String hostName = request.getServerName();
    Integer hostPort = request.getServerPort();
    String path = request.getContextPath();

    if (hostPort == 80) {
        return "http://" + hostName + path + "/";
    } else {
        return "http://" + hostName + ":" + hostPort + path + "/";
    }
}

/***
 * 获取当前的website路径 String
 */
public static String getWebSite(HttpServletRequest request) {
    String returnUrl = request.getScheme() + "://"
            + request.getServerName();

    if (request.getServerPort() != 80) {
        returnUrl += ":" + request.getServerPort();
    }

    returnUrl += request.getContextPath();

    return returnUrl;
}



/**
 * 初始化HTTP头.
 * 
 * @return HttpHeaders
 */
public HttpHeaders initHttpHeaders() {
    HttpHeaders headers = new HttpHeaders();
    MediaType mediaType = new MediaType("text", "html",
            Charset.forName("utf-8"));
    headers.setContentType(mediaType);
    return headers;
}

/**
 * 返回 信息数据
 * 
 * @param status
 * @param msg
 * @return
 */
public ResponseEntity<String> renderMsg(Boolean status, String msg) {
    if (StringUtils.isEmpty(msg)) {
        msg = "";
    }
    String str = "{\"status\":\"" + status + "\",\"msg\":\"" + msg + "\"}";
    ResponseEntity<String> responseEntity = new ResponseEntity<String>(str,
            initHttpHeaders(), HttpStatus.OK);
    return responseEntity;
}

/**
 * 返回obj数据
 * 
 * @param status
 * @param msg
 * @param obj
 * @return
 */
public ResponseEntity<String> renderData(Boolean status, String msg,
        Object obj) {
    if (StringUtils.isEmpty(msg)) {
        msg = "";
    }
    StringBuffer sb = new StringBuffer();
    sb.append("{");
    sb.append("\"status\":\"" + status + "\",\"msg\":\"" + msg + "\",");
    sb.append("\"data\":" + JacksonJsonUtil.toJson(obj) + "");
    sb.append("}");

    ResponseEntity<String> responseEntity = new ResponseEntity<String>(
            sb.toString(), initHttpHeaders(), HttpStatus.OK);
    return responseEntity;
}


/***
 * 获取IP（如果是多级代理，则得到的是一串IP值）
 */
public static String getIpAddr(HttpServletRequest request) {
    String ip = request.getHeader("x-forwarded-for");
    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
        ip = request.getHeader("Proxy-Client-IP");
    }

    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
        ip = request.getHeader("WL-Proxy-Client-IP");
    }

    if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {
        ip = request.getRemoteAddr();
    }

    if (ip != null && ip.length() > 0) {
        String[] ips = ip.split(",");
        for (int i = 0; i < ips.length; i++) {
            if (!"unknown".equalsIgnoreCase(ips[i])) {
                ip = ips[i];
                break;
            }
        }
    }

    return ip;
}

/**
 * 国际化获得语言内容
 * 
 * @param key
 *            语言key
 * @param args
 * @param argsSplit
 * @param defaultMessage
 * @param locale
 * @return
 */
public static String getLanguage(String key, String args, String argsSplit,
        String defaultMessage, String locale) {
    String language = "zh";
    String contry = "cn";
    String returnValue = defaultMessage;

    if (!StringUtil.isEmpty(locale)) {
        try {
            String[] localeArray = locale.split("_");
            language = localeArray[0];
            contry = localeArray[1];
        } catch (Exception e) {
        }
    }

    try {
        ResourceBundle resource = ResourceBundle.getBundle("lang.resource",
                new Locale(language, contry));
        returnValue = resource.getString(key);
        if (!StringUtil.isEmpty(args)) {
            String[] argsArray = args.split(argsSplit);
            for (int i = 0; i < argsArray.length; i++) {
                returnValue = returnValue.replace("{" + i + "}",
                        argsArray[i]);
            }
        }
    } catch (Exception e) {
    }

    return returnValue;
}

}

springboot vue黑板檫在线教育系统+第五稿

欧阳小白

引用和评论

基于SpringBoot+MySQL的租房项目+文档

再见 XShell！一款万能通用的终端工具，用完爱不释手！

🔥必看！AnythingLLM+DeepSeek 快速构建私有知识库！

Redis 持久化原理分析和使用建议

MyBatis-Plus结合Spring Boot实现数据权限

DeepSeek服务器繁忙？别慌，试试这几个方法！

👉DeepSeek 本地部署后联网搜索，小白必看秘籍！