共计 11216 个字符,预计需要花费 29 分钟才能阅读完成。
博主介绍:✌退职 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; | |
} |
}