基于Springboot + vue + MySQL +Tomcat 智慧生活分享平台（含源码）

置顶丘比特惩罚陆

已于 2024-07-15 15:45:21 修改

阅读量895

点赞数 24

分类专栏： Java Springboot项目实战文章标签： spring boot tomcat java vue.js

于 2024-04-12 10:43:58 首次发布

本文链接：https://blog.csdn.net/Lushengshi/article/details/137670634

版权

Java Springboot项目实战专栏收录该内容

46 篇文章 2 订阅

订阅专栏

📚 前言

📑博客主页：@丘比特惩罚陆

💖欢迎关注：点赞收藏⭐留言✒
💬系列专栏：Java Springboot 毕设实战专栏
🎮 加入社区：丘比特惩罚陆
🥇人生格言：选对方向，每走一步都是进步！
✒️欢迎大佬指正，一起学习！一起加油！

👏 希望大家能小手一动，帮忙点个赞！

📑摘要

随着生活和工作方面的压力逐渐增加，人们对信息化网络的依赖和需求也就变得越来越大。小红书信息生活分享平台女士是一个能使得繁忙的或者不喜欢出门的用户群体在，通过手机在网络上查看、分享一些资讯信息、美食、八卦、娱乐、知识教育等信息的分享以及大家的沟通交流、足不出户而又很方便地获取信息，这样既满足了自己的心灵需要，也不会影响到工作或者浪费了休息的时间。如今现代信息技术的迅速发展和 Internet 普遍运用。本文所述的小红书生活信息分享平台是采用 Java 和 mysql实现的。首先从系统的概述、意义入手，分析了它在人们生活中的重要地位和；其次详细阐述系统设计与实现的方法步骤。包括系统需求分析、总体设计和功能模块设计等，最后介绍了本系统数据库的使用的技术和开发方法。

📑 功能结构

智慧生活分享平台的主要功能的结构：

1.用户模块管理：用户登录、用户注册、用户的查询、添加、删除操作、

2.小红书分享管理：分享列表的展示、添加、修改、删除操作、

3.小红书分享详情管理：小红书笔记详情列表的查看、添加、删除等操作、

4.管理员信息管理：管理员信息的查看、修改、

5.公告信息管理：公告信息的查看、添加、修改、删除操作、

6.用户模块管理：用户列表查询、添加、删除、

7.用户评论模块管理：用户评论查询、添加、删除、

8.注销退出登录管理

📑系统架构

此次管理系统的关键技术和架构由B/S结构、java和mysql数据库，是本系统的关键开发技术，对系统的整体、数据库、功能模块、系统页面以及系统程序等设计进行了详细的研究与规划。

三层架构图

📚 数据库设计

数据库采用mysql5版本、满足数据库设计三范式。

编码采用utf8 -- UTF-8 Unicode

排序规则采用utf8_general_ci

如下：

📚 系统功能的具体实现

💬 登录模块

首页模块

进入首页，用户可以查询到网站首页、小红书专栏、写笔记、登录、注册等功能以及首页界面；

小红书笔记添加

点击笔记写笔记发表自己的小红书分享信息、输入文章标题、作者、选择上传封面图片以及主要内容等完成添加；

💬 后台功能模块

小红书笔记收藏列表

可以通过点击笔记标题或图片来阅读笔记的详细内容；

小红书笔记添加收藏

可以通过点击笔记收藏将索要添加的笔记添加到收藏当中的功能；

小红书笔记评论

可以通过点击笔记评论将索要添加的笔记评论进行编辑的功能；

💬 管理员功能模块

管理员删除文章

管理员删除用户

管理员删除评论回复

✒️ 源码实现

<div class="login">
    <h1>欢迎登录小红书</h1>
    <form id="fm" method="post" action="/checkLogin" class="layui-form" >
        <div class="layui-form-item">
            <input class="layui-input" id="userName" name="username"  placeholder="用户名"  lay-verify="required" type="text" autocomplete="off"/>
        </div>
        <div class="layui-form-item">
            <input class="layui-input" id="password" name="password"  placeholder="密码"   lay-verify="required" type="password" autocomplete="off"/>
        </div>
        <button class="layui-btn login_btn" lay-submit="" lay-filter="formDemo" >登录</button>
        <div th:if="${errorInfo}" style="text-align: center;">
			<font color="red" th:text="${errorInfo}"></font>
		</div>
    </form>
</div>

后台登录代码实现：
验证登录信息是否正确、获取账号密码校验、返回前端对应信息。
 /**
   * 验证登录
   * 
   * @param user
   * @param request
   * @return
   */
  @RequestMapping("/checkLogin")
  public ModelAndView checkLogin(User user, HttpServletRequest request) {
    ModelAndView mav = new ModelAndView();
    HttpSession session = request.getSession();
    User u = userService.findByUsernameAndPassword(user.getUsername(), user.getPassword());
    if (u == null) {
      mav.addObject("user", user);
      mav.addObject("errorInfo", "用户名或者密码错误!");
      mav.setViewName("webLogin");
    } else {
      u.setLatelyLoginTime(new Date());
      userService.save(u);
      session.setAttribute("user", u);
      mav.addObject("username", u.getUsername());
      mav.addObject("user", u);
      mav.addObject("success", true);
      mav.setViewName("/index");
    }
    return mav;
  }