博主介绍:✌退职Java研发工程师、专一于程序设计、源码分享、技术交换、专一于Java技术畛域和毕业设计✌
项目名称
[含源码_论文+PPT等]基于SpringBoot+VUE实现博客零碎[包运行胜利, 后盾应用Springboot+Mybatis,前台页面应用 Vue + ElementUI + Jquery Aj
视频成果
[含源码_论文+PPT等]基于SpringBoot+VUE实现博客零碎[包运行胜利, 后盾应用Springboot+Mybatis,前台页面应用 Vue + E_哔哩哔哩_bilibili
零碎阐明
《基于SpringBoot+VUE实现博客零碎》
技术实现
- 后盾应用Springboot+Mybatis,前台页面应用 Vue + ElementUI + Jquery Ajax;
- 导入我的项目,新建数据库,执行数据库sql,批改application.yml配置文件外面的数据库配置,启动我的项目,登录页面地址:
http://localhost:9999/page/en...
http://localhost:9999/page/fr... - 管理员账号:admin 明码:admin
用户账号:tom 明码:123456
次要的功能模块有:
1.用户模块的治理:包含(用户的注册(能够应用手机电话,QQ,邮箱,微信)注册,用户的登陆,(包含应用QQ,微信,手机号码,邮箱登陆),新用户邀请,个人信息的更新,用户的搜寻)五大模块。
2.分类管理模块:次要性能为分类的新建,删除,更新,搜寻分页分类数据五大模块,进行博客全局的分类整理治理以及分页展现各种分类数据。
3.文章治理模块:次要性能为文章的新建,删除,更新,搜寻,分页文章数据五大模块,进行用户集体的文章内容的撰写,文章的编辑,能够应用富文本,图片视频的上传应用。
4.评论治理模块:次要性能为增加评论,删除评论,搜寻评论,分页展现评论数据四大模块。实现对别人的文章内容分享的及时评论和对别人评论的回复,对评论内容的追加和查看评论信息的性能。
5.文件治理模块:次要性能为文件的上传,下载,更新,删除分页展现文件数据五大模块。文件内容能够为图片笔记,视频内容,能够用来进行文件的及时存储以及更新,删除,长期的存储,对不同分类的文件进行整顿筛选。
6.分享治理模块:次要性能为应用QQ,微信,超链接,邮件进行集体文章的分享,能够包含集体文章和别人文章的转发分享。(间接弹出一个博客链接)
7.珍藏治理模块:次要性能为文章珍藏的新建,删除,更新,搜寻,分页珍藏数据五个性能。用户能够实时对别人以及集体的文章内容进行珍藏,不便下次的搜寻应用,以及更加快捷的转发。
8.热榜治理模块,次要性能为热榜的更新,删除,搜寻,分页热榜数据。次要是像用户展现依照点击量来进行排序的文章内容,以珍藏或者转发来进行排序的热榜内容。疾速定位到内容的排行数据。(首页搞个总榜,依据文章的点击数来排行)
9:周报治理模块,次要性能为周榜的更新,删除,搜寻,分页周榜数据。以此向用户展现本星期用户们关注的重点数据,本周文章的转发分享以及点击数据的变动。
环境须要
《基于SpringBoot+VUE实现博客零碎》
技术实现
- 后盾应用Springboot+Mybatis,前台页面应用 Vue + ElementUI + Jquery Ajax;
- 导入我的项目,新建数据库,执行数据库sql,批改application.yml配置文件外面的数据库配置,启动我的项目,登录页面地址:
http://localhost:9999/page/en...
http://localhost:9999/page/fr... - 管理员账号:admin 明码:admin
用户账号:tom 明码:123456
次要的功能模块有:
1.用户模块的治理:包含(用户的注册(能够应用手机电话,QQ,邮箱,微信)注册,用户的登陆,(包含应用QQ,微信,手机号码,邮箱登陆),新用户邀请,个人信息的更新,用户的搜寻)五大模块。
2.分类管理模块:次要性能为分类的新建,删除,更新,搜寻分页分类数据五大模块,进行博客全局的分类整理治理以及分页展现各种分类数据。
3.文章治理模块:次要性能为文章的新建,删除,更新,搜寻,分页文章数据五大模块,进行用户集体的文章内容的撰写,文章的编辑,能够应用富文本,图片视频的上传应用。
4.评论治理模块:次要性能为增加评论,删除评论,搜寻评论,分页展现评论数据四大模块。实现对别人的文章内容分享的及时评论和对别人评论的回复,对评论内容的追加和查看评论信息的性能。
5.文件治理模块:次要性能为文件的上传,下载,更新,删除分页展现文件数据五大模块。文件内容能够为图片笔记,视频内容,能够用来进行文件的及时存储以及更新,删除,长期的存储,对不同分类的文件进行整顿筛选。
6.分享治理模块:次要性能为应用QQ,微信,超链接,邮件进行集体文章的分享,能够包含集体文章和别人文章的转发分享。(间接弹出一个博客链接)
7.珍藏治理模块:次要性能为文章珍藏的新建,删除,更新,搜寻,分页珍藏数据五个性能。用户能够实时对别人以及集体的文章内容进行珍藏,不便下次的搜寻应用,以及更加快捷的转发。
8.热榜治理模块,次要性能为热榜的更新,删除,搜寻,分页热榜数据。次要是像用户展现依照点击量来进行排序的文章内容,以珍藏或者转发来进行排序的热榜内容。疾速定位到内容的排行数据。(首页搞个总榜,依据文章的点击数来排行)
9:周报治理模块,次要性能为周榜的更新,删除,搜寻,分页周榜数据。以此向用户展现本星期用户们关注的重点数据,本周文章的转发分享以及点击数据的变动。
技术栈
- 后端: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 {
@Autowiredprivate IUserService iUserService;/** * 用户登录 * @param username * @param password * @param session * @return */@RequestMapping(value = "login.do",method = RequestMethod.POST)@ResponseBodypublic 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天@Autowiredprivate 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;}
}
源码获取:
大家点赞、珍藏、关注、评论啦 、查看QQ号获取联系方式
打卡 文章 更新 254/365天
精彩专栏举荐订阅:在下方专栏
时至今日,站长仍为程序员,从14年大学开始代做毕设/课设,心愿能帮忙更多的同学