• SpringBoot+Vue项目校园博客系统

    文末获取源码

    开发语言：Java

    开发工具:IDEA /Eclipse

    数据库:MYSQL5.7

    使用框架:springboot+vue

    JDK版本：jdk1.8

    前言介绍 

    随着现在网络的快速发展，网上管理系统也逐渐快速发展起来，网上管理模式很快融入到了许多网站的之中，随之就产生了“校园博客系统”，这样就让校园博客系统更加方便简单。

    对于本校园博客系统的设计来说，系统开发主要是采用java语言技术，在整个系统的设计中应用MySQL数据库来完成数据存储，具体根据校园博客系统的现状来进行开发的，具体根据现实的需求来实现校园博客系统网络化的管理，各类信息有序地进行存储，进入校园博客系统页面之后，方可开始操作主控界面，主要功能包括管理员：首页、个人中心、博主管理、文章分类管理、文章信息管理、举报投诉管理、系统管理，博主；首页、个人中心、文章信息管理、举报投诉管理、我的收藏管理，前台首页；首页、文章信息、系统公告、个人中心、后台管理、在线客服等功能。

    系统功能需求分析 

    对于一个新的网站来说开发新网站我们就要做出这个系统的任务需求分析，因为对系统分析的质量好坏它可以决定这个网站开发的意义，俗话说得好一个好的开头是成功的一半，对于开发这个校园博客系统来说前期的分析是比较重要的，所以任务分析它可以决定这系统的开展和设计，这样就可以保证博主满意性。

    任务的需求它能决定这个系统开发过程当中一个重要环节，所以我们在系统开发过程所用质量是比较重要的，因为我们在系统应用过程当中不一定那会出现问题，所以我们在进行对系统分析是比较重要的，因为它可以决定这个系统功能和需求。

    本课题要求实现一套校园博客系统的开发与实现，主要实现功能包括管理员：首页、个人中心、博主管理、文章分类管理、文章信息管理、举报投诉管理、系统管理，博主；首页、个人中心、文章信息管理、举报投诉管理、我的收藏管理。

    （1）管理员用例需求如图

    博主用例需求如图

    系统的功能结构图 

    通过系统需求分析，本校园博客系统的功能结构设计如图

    系统功能实现 

    前台首页功能实现

    校园博客系统，在系统首页可以查看首页、文章信息、系统公告、个人中心、后台管理、在线客服等内容，如图

    博主注册，在注册页面通过查看博主账号、密码、博主姓名、性别、年龄、手机、邮箱等内容进行注册，如图 

    博主登录，在登录页面通过填写账号、密码等信息进行登录，如图

     

    个人中心，在个人中心页面中可以查看博主账号、博主姓名、头像、性别、年龄、手机、邮箱等信息进行更新信息、退出登录，如图

     

    文章信息，在文章信息页面中可以查看文章标题、分类、图片、发布日期、博主账号、邮箱、点击次数等详细信息进行点我收藏，如图

     

    文章信息界面图 

     

    系统公告

     

    管理员登录

    管理员登录，通过填写用户名、密码、角色等信息，输入完成后选择登录即可进入校园博客系统，如图 

     

    管理员对博主管理获取博主账号、博主姓名、头像、性别、年龄、手机、邮箱并进行详情、删除、修改。博主管理效果图如图

     

    管理员对文章分类管理查看分类等信息进行详情、删除、修改操作。文章分类管理效果图如图

     

    管理员对文章信息管理进行编辑文章标题、分类、图片、发布日期、博主账号、邮箱等信息进行详情、删除、修改操作。文章信息管理效果图如图 

     

    管理员对举报投诉管理进行编辑标题、类型、图片、举报内容、举报时间、博主账号、手机、审核回复、审核状态、审核等信息进行详情、删除、修改操作。举报投诉管理效果图如图

     

    轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作。轮播图管理效果图如图

     

    管理员对系统公告进行编辑标题、简介、图片等信息进行详情、删除、修改操作。系统公告效果图如图

     

    博主功能实现

    校园博客系统，在系统可以查看首页、个人中心、文章信息管理、举报投诉管理、我的收藏管理等内容，如图

     

    博主对举报投诉管理进行查看标题、类型、图片、举报内容、举报时间、博主账号、手机、审核回复、审核状态、审核并进行详情、修改操作，如图

    我的收藏管理进行查看收藏名称、收藏图片并进行详情、删除操作如图

     

     部分核心代码:   

    数据库连接信息

    1. # Tomcat
    2. server:
    3.     tomcat:
    4.         uri-encoding: UTF-8
    5.     port: 8080
    6.     servlet:
    7.         context-path: /springboot60zv5
    8.  
    9. spring:
    10.     datasource:
    11.         driverClassName: com.mysql.jdbc.Driver
    12.         url: jdbc:mysql://127.0.0.1:3306/springboot60zv5?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8
    13.         username: root
    14.         password: 123456
    15.  
    16. #        driverClassName: com.microsoft.sqlserver.jdbc.SQLServerDriver
    17. #        url: jdbc:sqlserver://127.0.0.1:1433;DatabaseName=springboot60zv5
    18. #        username: sa
    19. #        password: 123456
    20.  
    21.     servlet:
    22.       multipart:
    23.         max-file-size: 10MB
    24.         max-request-size: 10MB
    25.     resources:
    26.       static-locations: classpath:static/,file:static/
    27.  
    28. #mybatis
    29. mybatis-plus:
    30.   mapper-locations: classpath*:mapper/*.xml
    31.   #实体扫描，多个package用逗号或者分号分隔
    32.   typeAliasesPackage: com.entity
    33.   global-config:
    34.     #主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";
    35.     id-type: 1
    36.     #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"
    37.     field-strategy: 2
    38.     #驼峰下划线转换
    39.     db-column-underline: true
    40.     #刷新mapper 调试神器
    41.     refresh-mapper: true
    42.     #逻辑删除配置
    43.     logic-delete-value: -1
    44.     logic-not-delete-value: 0
    45.     #自定义SQL注入器
    46.     sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector
    47.   configuration:
    48.     map-underscore-to-camel-case: true
    49.     cache-enabled: false
    50.     call-setters-on-nulls: true
    51.     #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
    52.     jdbc-type-for-null: 'null'

    控制层（controller）

    1. /**
    2.  * 博主
    3.  * 后端接口
    4.  * @author 
    5.  * @email 
    6.  * @date 2021-03-15 19:54:47
    7.  */
    8. @RestController
    9. @RequestMapping("/bozhu")
    10. public class BozhuController {
    11.     @Autowired
    12.     private BozhuService bozhuService;
    13.     
    14. 	@Autowired
    15. 	private TokenService tokenService;
    16. 	
    17. 	/**
    18. 	 * 登录
    19. 	 */
    20. 	@IgnoreAuth
    21. 	@RequestMapping(value = "/login")
    22. 	public R login(String username, String password, String captcha, HttpServletRequest request) {
    23. 		BozhuEntity user = bozhuService.selectOne(new EntityWrapper<BozhuEntity>().eq("bozhuzhanghao", username));
    24. 		if(user==null || !user.getMima().equals(password)) {
    25. 			return R.error("账号或密码不正确");
    26. 		}
    27. 		
    28. 		String token = tokenService.generateToken(user.getId(), username,"bozhu",  "博主" );
    29. 		return R.ok().put("token", token);
    30. 	}
    31. 	
    32. 	/**
    33.      * 注册
    34.      */
    35. 	@IgnoreAuth
    36.     @RequestMapping("/register")
    37.     public R register(@RequestBody BozhuEntity bozhu){
    38.     	//ValidatorUtils.validateEntity(bozhu);
    39.     	BozhuEntity user = bozhuService.selectOne(new EntityWrapper<BozhuEntity>().eq("bozhuzhanghao", bozhu.getBozhuzhanghao()));
    40. 		if(user!=null) {
    41. 			return R.error("注册用户已存在");
    42. 		}
    43. 		Long uId = new Date().getTime();
    44. 		bozhu.setId(uId);
    45.         bozhuService.insert(bozhu);
    46.         return R.ok();
    47.     }
    48. 	
    49. 	/**
    50. 	 * 退出
    51. 	 */
    52. 	@RequestMapping("/logout")
    53. 	public R logout(HttpServletRequest request) {
    54. 		request.getSession().invalidate();
    55. 		return R.ok("退出成功");
    56. 	}
    57. 	
    58. 	/**
    59.      * 获取用户的session用户信息
    60.      */
    61.     @RequestMapping("/session")
    62.     public R getCurrUser(HttpServletRequest request){
    63.     	Long id = (Long)request.getSession().getAttribute("userId");
    64.         BozhuEntity user = bozhuService.selectById(id);
    65.         return R.ok().put("data", user);
    66.     }
    67.     
    68.     /**
    69.      * 密码重置
    70.      */
    71.     @IgnoreAuth
    72. 	@RequestMapping(value = "/resetPass")
    73.     public R resetPass(String username, HttpServletRequest request){
    74.     	BozhuEntity user = bozhuService.selectOne(new EntityWrapper<BozhuEntity>().eq("bozhuzhanghao", username));
    75.     	if(user==null) {
    76.     		return R.error("账号不存在");
    77.     	}
    78.         user.setMima("123456");
    79.         bozhuService.updateById(user);
    80.         return R.ok("密码已重置为：123456");
    81.     }
    82.  
    83.  
    84.     /**
    85.      * 后端列表
    86.      */
    87.     @RequestMapping("/page")
    88.     public R page(@RequestParam Map<String, Object> params,BozhuEntity bozhu,
    89. 		HttpServletRequest request){
    90.         EntityWrapper<BozhuEntity> ew = new EntityWrapper<BozhuEntity>();
    91. 		PageUtils page = bozhuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, bozhu), params), params));
    92.  
    93.         return R.ok().put("data", page);
    94.     }
    95.     
    96.     /**
    97.      * 前端列表
    98.      */
    99.     @RequestMapping("/list")
    100.     public R list(@RequestParam Map<String, Object> params,BozhuEntity bozhu, HttpServletRequest request){
    101.         EntityWrapper<BozhuEntity> ew = new EntityWrapper<BozhuEntity>();
    102. 		PageUtils page = bozhuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, bozhu), params), params));
    103.         return R.ok().put("data", page);
    104.     }
    105.  
    106. 	/**
    107.      * 列表
    108.      */
    109.     @RequestMapping("/lists")
    110.     public R list( BozhuEntity bozhu){
    111.        	EntityWrapper<BozhuEntity> ew = new EntityWrapper<BozhuEntity>();
    112.       	ew.allEq(MPUtil.allEQMapPre( bozhu, "bozhu")); 
    113.         return R.ok().put("data", bozhuService.selectListView(ew));
    114.     }
    115.  
    116. 	 /**
    117.      * 查询
    118.      */
    119.     @RequestMapping("/query")
    120.     public R query(BozhuEntity bozhu){
    121.         EntityWrapper< BozhuEntity> ew = new EntityWrapper< BozhuEntity>();
    122.  		ew.allEq(MPUtil.allEQMapPre( bozhu, "bozhu")); 
    123. 		BozhuView bozhuView =  bozhuService.selectView(ew);
    124. 		return R.ok("查询博主成功").put("data", bozhuView);
    125.     }
    126. 	
    127.     /**
    128.      * 后端详情
    129.      */
    130.     @RequestMapping("/info/{id}")
    131.     public R info(@PathVariable("id") Long id){
    132.         BozhuEntity bozhu = bozhuService.selectById(id);
    133.         return R.ok().put("data", bozhu);
    134.     }
    135.  
    136.     /**
    137.      * 前端详情
    138.      */
    139.     @RequestMapping("/detail/{id}")
    140.     public R detail(@PathVariable("id") Long id){
    141.         BozhuEntity bozhu = bozhuService.selectById(id);
    142.         return R.ok().put("data", bozhu);
    143.     }
    144.     
    145.  
    146.  
    147.  
    148.     /**
    149.      * 后端保存
    150.      */
    151.     @RequestMapping("/save")
    152.     public R save(@RequestBody BozhuEntity bozhu, HttpServletRequest request){
    153.     	bozhu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    154.     	//ValidatorUtils.validateEntity(bozhu);
    155.     	BozhuEntity user = bozhuService.selectOne(new EntityWrapper<BozhuEntity>().eq("bozhuzhanghao", bozhu.getBozhuzhanghao()));
    156. 		if(user!=null) {
    157. 			return R.error("用户已存在");
    158. 		}
    159. 		bozhu.setId(new Date().getTime());
    160.         bozhuService.insert(bozhu);
    161.         return R.ok();
    162.     }
    163.     
    164.     /**
    165.      * 前端保存
    166.      */
    167.     @RequestMapping("/add")
    168.     public R add(@RequestBody BozhuEntity bozhu, HttpServletRequest request){
    169.     	bozhu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    170.     	//ValidatorUtils.validateEntity(bozhu);
    171.     	BozhuEntity user = bozhuService.selectOne(new EntityWrapper<BozhuEntity>().eq("bozhuzhanghao", bozhu.getBozhuzhanghao()));
    172. 		if(user!=null) {
    173. 			return R.error("用户已存在");
    174. 		}
    175. 		bozhu.setId(new Date().getTime());
    176.         bozhuService.insert(bozhu);
    177.         return R.ok();
    178.     }
    179.  
    180.     /**
    181.      * 修改
    182.      */
    183.     @RequestMapping("/update")
    184.     public R update(@RequestBody BozhuEntity bozhu, HttpServletRequest request){
    185.         //ValidatorUtils.validateEntity(bozhu);
    186.         bozhuService.updateById(bozhu);//全部更新
    187.         return R.ok();
    188.     }
    189.     
    190.  
    191.     /**
    192.      * 删除
    193.      */
    194.     @RequestMapping("/delete")
    195.     public R delete(@RequestBody Long[] ids){
    196.         bozhuService.deleteBatchIds(Arrays.asList(ids));
    197.         return R.ok();
    198.     }
    199.     
    200.     /**
    201.      * 提醒接口
    202.      */
    203. 	@RequestMapping("/remind/{columnName}/{type}")
    204. 	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
    205. 						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
    206. 		map.put("column", columnName);
    207. 		map.put("type", type);
    208. 		
    209. 		if(type.equals("2")) {
    210. 			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
    211. 			Calendar c = Calendar.getInstance();
    212. 			Date remindStartDate = null;
    213. 			Date remindEndDate = null;
    214. 			if(map.get("remindstart")!=null) {
    215. 				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
    216. 				c.setTime(new Date()); 
    217. 				c.add(Calendar.DAY_OF_MONTH,remindStart);
    218. 				remindStartDate = c.getTime();
    219. 				map.put("remindstart", sdf.format(remindStartDate));
    220. 			}
    221. 			if(map.get("remindend")!=null) {
    222. 				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
    223. 				c.setTime(new Date());
    224. 				c.add(Calendar.DAY_OF_MONTH,remindEnd);
    225. 				remindEndDate = c.getTime();
    226. 				map.put("remindend", sdf.format(remindEndDate));
    227. 			}
    228. 		}
    229. 		
    230. 		Wrapper<BozhuEntity> wrapper = new EntityWrapper<BozhuEntity>();
    231. 		if(map.get("remindstart")!=null) {
    232. 			wrapper.ge(columnName, map.get("remindstart"));
    233. 		}
    234. 		if(map.get("remindend")!=null) {
    235. 			wrapper.le(columnName, map.get("remindend"));
    236. 		}
    237.  
    238.  
    239. 		int count = bozhuService.selectCount(wrapper);
    240. 		return R.ok().put("count", count);
    241. 	}
    242. 	
    243.  
    244.  
    245. }

    文件上传功能 

    1. /**
    2.  * 上传文件映射表
    3.  */
    4. @RestController
    5. @RequestMapping("file")
    6. @SuppressWarnings({"unchecked","rawtypes"})
    7. public class FileController{
    8. 	@Autowired
    9.     private ConfigService configService;
    10. 	/**
    11. 	 * 上传文件
    12. 	 */
    13. 	@RequestMapping("/upload")
    14. 	public R upload(@RequestParam("file") MultipartFile file, String type,HttpServletRequest request) throws Exception {
    15. 		if (file.isEmpty()) {
    16. 			throw new EIException("上传文件不能为空");
    17. 		}
    18. 		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
    19. 		String fileName = new Date().getTime()+"."+fileExt;
    20. 		File dest = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);
    21. 		file.transferTo(dest);
    22. 		if(StringUtils.isNotBlank(type) && type.equals("1")) {
    23. 			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
    24. 			if(configEntity==null) {
    25. 				configEntity = new ConfigEntity();
    26. 				configEntity.setName("faceFile");
    27. 				configEntity.setValue(fileName);
    28. 			} else {
    29. 				configEntity.setValue(fileName);
    30. 			}
    31. 			configService.insertOrUpdate(configEntity);
    32. 		}
    33. 		return R.ok().put("file", fileName);
    34. 	}
    35. 	
    36. 	/**
    37. 	 * 下载文件
    38. 	 */
    39. 	@IgnoreAuth
    40. 	@RequestMapping("/download")
    41. 	public void download(@RequestParam String fileName, HttpServletRequest request, HttpServletResponse response) {
    42. 		try {
    43. 			File file = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);
    44. 			if (file.exists()) {
    45. 				response.reset();
    46. 				response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName+"\"");
    47. 				response.setHeader("Cache-Control", "no-cache");
    48. 				response.setHeader("Access-Control-Allow-Credentials", "true");
    49. 				response.setContentType("application/octet-stream; charset=UTF-8");
    50. 				IOUtils.write(FileUtils.readFileToByteArray(file), response.getOutputStream());
    51. 			}
    52.  
    53. 		} catch (IOException e) {
    54. 			e.printStackTrace();
    55. 		}
    56. 	}
    57. 	
    58. }

    登陆拦截功能实现 

    1. /**
    2.  * 权限(Token)验证
    3.  */
    4. @Component
    5. public class AuthorizationInterceptor implements HandlerInterceptor {
    6.  
    7.     public static final String LOGIN_TOKEN_KEY = "Token";
    8.  
    9.     @Autowired
    10.     private TokenService tokenService;
    11.     
    12. 	@Override
    13.     public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
    14.  
    15.         //支持跨域请求
    16.         response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
    17.         response.setHeader("Access-Control-Max-Age", "3600");
    18.         response.setHeader("Access-Control-Allow-Credentials", "true");
    19.         response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
    20.         response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
    21.  
    22.         IgnoreAuth annotation;
    23.         if (handler instanceof HandlerMethod) {
    24.             annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
    25.         } else {
    26.             return true;
    27.         }
    28.  
    29.         //从header中获取token
    30.         String token = request.getHeader(LOGIN_TOKEN_KEY);
    31.         
    32.         /**
    33.          * 不需要验证权限的方法直接放过
    34.          */
    35.         if(annotation!=null) {
    36.         	return true;
    37.         }
    38.         
    39.         TokenEntity tokenEntity = null;
    40.         if(StringUtils.isNotBlank(token)) {
    41.         	tokenEntity = tokenService.getTokenEntity(token);
    42.         }
    43.         
    44.         if(tokenEntity != null) {
    45.         	request.getSession().setAttribute("userId", tokenEntity.getUserid());
    46.         	request.getSession().setAttribute("role", tokenEntity.getRole());
    47.         	request.getSession().setAttribute("tableName", tokenEntity.getTablename());
    48.         	request.getSession().setAttribute("username", tokenEntity.getUsername());
    49.         	return true;
    50.         }
    51.         
    52. 		PrintWriter writer = null;
    53. 		response.setCharacterEncoding("UTF-8");
    54. 		response.setContentType("application/json; charset=utf-8");
    55. 		try {
    56. 		    writer = response.getWriter();
    57. 		    writer.print(JSONObject.toJSONString(R.error(401, "请先登录")));
    58. 		} finally {
    59. 		    if(writer != null){
    60. 		        writer.close();
    61. 		    }
    62. 		}
    63. //				throw new EIException("请先登录", 401);
    64. 		return false;
    65.     }
    66. }

  • 相关阅读:
    Vue+Leaflet.PM+Turf.js实现绘制多线段并自动生成辐射区(缓冲区)
    NetCore框架WTM的分表分库实现
    测试基础知识
    mybatis二级缓存机制及开启
    【Node.js】包与npm包
    【深度学习】常见开源框架介绍 || 主流深度学习框架 || Tensorflow || Pytorch
    从云计算到函数计算
    哈希表学习笔记
    bitmap基础介绍+holo实现离线UV计算
    C专家编程 第11章 你懂得C，所以C++不再话下 11.11 C++如何进行操作符重载
  • 原文地址：https://blog.csdn.net/m0_49113107/article/details/125010474