三更Blog项目总结(p1~p40)

news2024/11/20 2:39:11

文章目录

    • 项目创建——多模块开发
    • 功能业务逻辑总结
      • 热门文章列表
      • 分类列表
      • 分页文章查询
      • 文章详情
      • 友链查询
      • 登录功能
      • 退出登录


视频地址:SpringBoot项目实战-前后端分离博客项目-Java项目_哔哩哔哩_bilibili

项目创建——多模块开发

整个系统分为前台模块(blog)和后台模块(admin),前端已给好,我们只需好些两套后端系统即可。

多模块开发:

我们并不是直接在Blog模块(父模块)下直接开发,还是根据需求分为了前台模块后台模块

但是两个模块很多代码和功能都是有重复的,就比如一些pom依赖,逻辑代码接口,统一的工具类,响应类等等,要是两个模块都这样写,那就造成了代码的大量重复冗余!

在这里插入图片描述

为此我们给父模块再创建一个模块,这个模块作为工作模块(framework公共子模块),让blogadmin模块享有它的资源,公共的代码、类、pom依赖等放在framework模块下,blogadmin模块到时自己特定的功能代码或者依赖等等,在自己放在自己的模块下即可,这样很多公共的代码就可以复用了!,那么我们主项目Blog下的src目录就可以删除去了。

一个父模块三个子模块,通过maven的多模块管理建立关系,子模块共享(继承)父模块的pom(公共pom)依赖,子模块开发特定功能在特定添加pom依赖即可

主模块pom依赖:

    <groupId>com.lwt</groupId>
    <artifactId>lwtBlog</artifactId>
    <packaging>pom</packaging>
    <version>0.0.1-SNAPSHOT</version>
    <!--    管理子模块-->
    <modules>
        <module>lwt-framework</module>
        <module>lwt-admin</module>
        <module>lwt-blog</module>
    </modules>

其他三个子模块继承父模块:

    <parent>
        <artifactId>lwtBlog</artifactId>
        <groupId>com.lwt</groupId>
        <version>0.0.1-SNAPSHOT</version>
    </parent>

功能业务逻辑总结

热门文章列表

进入首页后,热门文章一栏展示热门文章:

在这里插入图片描述

要求:

  • 文章必须是正常状态的,不能为草稿
  • 不能是已经删除的文章
  • 展示浏览量前10的文章
  • 用户点击后可以跳转到相应的文章进行浏览

功能逻辑总结(service层):

  • 调用mapper层查询数据库,条件如下:

    • 文章正常状态
    • 文章未删除
    • 我们要浏览量前10——根据浏览量进行降序排序
  • 自此我们就得到了满足条件的所有文章,但我们只要前十条——分页查询拿到前十条数据

  • 封装成VO对象响应给前端(Bean拷贝、用于操作集合的stream流等)

分类列表

需求:

用户查看分类信息时,展示存在的分类

在这里插入图片描述

注意分类的名称有文章信息确定,必须先通过文章表拿到对应的分类id才能通过这些id去分表表查询获取对应的分类名称!

功能逻辑总结(service层):

  • 先去查询文章表,获取到所有文章的分类id

    • 分类id必须是正常状态文章对应的分类id
    • 拿到分类id集合后对其进行去重(stream流操作)
  • 然后拿着这些分类ids去查询分类表,拿到对应的分类集合

    • 要求必须是正常状态的分类信息(stream流filter操作)
  • 封装为VO对象响应给前端

分页文章查询

需求:在首页或者点击相关的分类后,展示文章(相当于后台管理系统的数据显示)

由于都是文章查询然后显示,因此我们可以统一写在一个功能接口下!

文章会有很多不可能完全展示,因此分页查询是必须的,又因为我们统一写的一个接口,当你点击分类名称后要展示该分类下的文章,为此函数参数可以带有个分类id,在分页查询时有则加入条件,无则不加即可。

要求:

  • 只能展示正式发布的文章
  • 置顶的文章优先展示

功能逻辑总结(service层):

  • 调用mapper查询数据库
    • 根据前端请求的参数,有分类id则加入条件
    • 文章为正常状态的文章
    • 对应isTop字段进行降序排序(优先展示置顶文章)
  • 分页查询,拿到文章信息集合
  • 由于展示要有该文章对应的分类名称,而这个文章集合中只有分类id
    • 在文章实体类加上分类名称字段,由于数据库表中没有该字段因此注解做标记
    • 对文字集合进行操作,通过分类id查询到对应的分类名称,将其注入文章对象的成员属性
  • 封装成VO对象响应给前端

文章详情

需求:

要求在文章列表点击阅读全文时能够跳转到文章详情页面,可以让用户阅读文章正文。

前端的请求会带有文章id过来,通过文章id查询数据库,拿到信息即可

功能逻辑总结(service层):

  • 调用mapper通过id查询文章表,拿到该文章
  • 文章详情也要展示分类名称,因此还要通过分类id去拿到分类名称
  • 封装成VO对象响应给前端

注意:

由于是get请求,且请求的URL中带有参数,因此在controller中,通过@PathVariable 是从一个url中拿到文章id给后台

 @GetMapping("/{id}")
    public ResponseResult getArticleDetail(@PathVariable("id") Long id){
    
    }

友链查询

需求:友链展示,在友链页面要查询出所有的审核通过的友链。

功能逻辑总结(service层):

  • 调用mapper去友链表查询友链
    • 必须为审核通过的
  • 封装成VO对象返回给前端

登录功能

SpringSecurity登录认证流程的实现!

登录流程:

在这里插入图片描述

功能逻辑总结(service层):

一、登录

1、自定义登录接口(LoginImpl)

  • 调用ProviderManager的方法进行认证
    • 将我们传入的(初始带有用户名和密码)的Authentication对象与security自行去UserDetailsService 的实现类由load..ByName方法通过用户名从数据库查询数据封装得到一个UserDetails对象(包含用户的信息和相关权限等),UserDetails对象通过PasswordEncoder(加密后比对)对比UserDetailsAuthentication中的密码是否正确,最终返回一个完整的Authentication对象
  • 自定义UserDetailsService
    • 在这个实现类中去查询数据库
  • 认证通过后,从完整的Authentication对象中拿到userId生成token
  • 将用户信息存入redis
  • 封装成VO对象响应给前端

二、校验

所有请求都先经过jwt认证过滤器!

定义Jwt认证过滤器链

​ 获取(请求头)token

​ 解析token获取userId

​ 从redis中获取用户信息

​ 存入上下文SecurityContextHolder(loginUser、权限集合等)

​ 修改SecurityConfig,将这个过滤器加到security过滤器链的最前面!

核心:

  • 自定义登录接口
  • 实现UserDetail接口,用于从数据库查询用户信息,返回UserDetail接口的实现类——LoginUser
  • 生成token
  • 存入redis

退出登录

既然你要退出登录,说明你现在是一个登录的状态,我们通过token获取相关信息即可,然后从redis中删除即可

由于函数并没有携带HttpRequest...除了从request对象获取token外,我们可以从上下文中获取(因为我们之前是先经过Jwt认证过滤器的了)

  • 从上下文获取token解析拿到userId
  • redis中删除对应信息
  • 响应前端

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/409027.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

三步解决微信小程序cdn加速(资源大小超过200k)

刚开始开发小程序的时候&#xff0c;上传代码会遇到这样的问题&#xff1a;图片和音频资源大小超过 200 K 下面是官方建议 【建议】小程序代码包里可以存放一些必要的静态资源&#xff08;例如tabbar的icon等&#xff09;&#xff0c;不过静态资源体积过大也会影响小程序代码…

运行安装vue3+vite+Ts项目报错,无法加载vite.config.ts文件(failed to load config from D:\XXX\vite.config.ts)

git 上面拉别人的vue3viteTs项目&#xff0c; 安装依赖成功之后运行&#xff0c;出现报错 failed to load config from D:\XXX\vite.config.ts 百度搜索的结果是用 pnpm进行下载 然后卸载node_modules文件进行重新下载&#xff0c;这时候有出现问题 自己的node版本太低。如…

【Node.js+koa--后端管理系统】设计动态发布、修改、查询、删除接口

&#x1f373;作者&#xff1a;贤蛋大眼萌&#xff0c;一名很普通但不想普通的程序媛\color{#FF0000}{贤蛋 大眼萌 &#xff0c;一名很普通但不想普通的程序媛}贤蛋大眼萌&#xff0c;一名很普通但不想普通的程序媛&#x1f933; &#x1f64a;语录&#xff1a;多一些不为什么的…

级联选择器(el-cascader)动态加载(lazyLoad)实现省市区三级选择

开开心心工作&#xff0c;兢兢业业生活 一、实现省市区级联选择&#xff08;插件&#xff09; 1. 需求&#xff1a;实现一个省市区的级联选择器&#xff0c;点击一级&#xff0c;动态加载下一级 那好&#xff0c;我们找个轮子 2. 他山之石&#xff08;找个轮子&#xff09; E…

Eclipse配置Tomcat详细教程,其中包含如何使用eclipse+tomcat创建并运行web项目

一&#xff1a;Tomcat的下载官网:Apache Tomcat - Welcome!https://tomcat.apache.org/ 进入官网显示如图所示的界面&#xff0c;在下下载的是Tomcat9.0版本&#xff0c;你可以自己选一款。 点击然后进入下面这个界面&#xff1a; 在下电脑是64位&#xff0c;所以 在下下载的6…

【vue】仿PC端微信制作聊天框

前言 采用(vuevue-routervuexes6stylus) 来实现一个仿PC端微信的小demo&#xff0c;可以使用一个智能api&#xff0c;实现智能对话。欢迎大家对鄙人提出宝贵意见&#xff0c;相互学习讨论&#xff0c;一起进步。 demo地址 源码地址 demo做的是PC版&#xff0c;建议使用电脑预…

我的VUE 学习之路(下)

前言&#xff1a; 在经历过前面在HTML下的VUE相关基础的洗礼后&#xff0c;我们可以动手去做一些事了&#xff0c;此时发现直接通过直接VUE组件方式与之前在HTML不同&#xff0c;首先要“静一静”&#xff0c;细看之下只是对之前的很多写法做了封装。 本文旨在直接上手Vue项目下…

FormData详解

FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式&#xff0c;并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去&#xff0c;本接口和此方法都相当简单直接。如果表单 enctype 属性设为 multipart/form-data &#xff0c;则会使用表单的 submit(…

vue项目控制台报错信息问题记录:Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)

在写vue项目的时候&#xff0c;控制台总是报错如下代码&#xff1a; 1、Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘) 主要是因为某些代码书写不规范&#xff0c;导致templete解析不出来&#xff0c;从而报错 解决方案&#xff1a; 检查下…

uniapp 实现生成海报并分享给微信好友和保存到本地相册

记录uniapp 生成二维码海报并保存到本地或者分享给微信好友 – 文章目录记录uniapp 生成二维码海报并保存到本地或者分享给微信好友前言一、引入生成二维码的组件二、点击右侧的分享图标生成海报三&#xff1a;将canvas 图片转化成图片&#xff08;最关键&#xff09;四&#…

el-tree设置利用setCheckedNodes/setCheckedKeys默认勾选节点,以及通过setChecked新增勾选指定节点

实现目标&#xff1a;在生成el-tree时&#xff0c;默认勾选其中某几个选项&#xff1b;或在进行某个选项的选中时&#xff0c;同时勾选上另一个选项。 实现效果&#xff1a; 在生成树结构时&#xff0c;默认勾选其中的两个选项。 在勾选其中一个选项时&#xff0c;另一个选项…

微前端之 qiankun 入门、上手、实战(构建大型 web 应用)

目录 前言 正文 一、介绍 微前端 qiankun 二、快速上手 ​☛主应用 ① 安装 qiankun ② 在主应用中注册微应用 ​☛微应用 ① 导出相应的生命周期钩子 ② 配置微应用的打包工具 三、项目实战 ​☛主应用 ① 安装 qiankun ② 注册微应用并启动 ③ 主应用添加…

ES6--》对象扩展方法

目录 对象扩展 name 属性 属性的遍历 super关键字 Object.is() Object.assign() Object.getOwnPropertyDescriptors() Object.setPrototypeOf() Object.getPrototypeOf() Object.keys()、Object.values、Object.entries()、Object.fromEntries() Object.hasOwn() 对…

如何在 2022 年为 Web 应用程序选择技术堆栈

文章目录什么是技术堆栈&#xff1f;为 Web 开发选择技术堆栈时要考虑的事项选择熟悉的技术跟随趋势考虑项目的细节确保高安全级别记住你的最后期限选择前端技术栈框架编程语言选择后端技术栈编程语言数据库技术堆栈是您应用程序的核心选择最佳的 Web 应用程序堆栈并非易事&…

vue3+ts遇到的小问题

插件volar安装了没有提示。 解决&#xff1a;1. 检查是或否是最新的版本&#xff0c;是的话进入拓展设置&#xff0c;所有的选项都勾选 2. 还是不行就要更新vscoe了。一般的话会在力捕抓到一个错误。跟新就好了 TypeScript intellisense is disabled on template. To enab…

【简陋Web应用2】人脸检测——基于Flask和PaddleHub

文章目录&#x1f6a9; 前言&#x1f33a; 效果演示&#x1f966; 分析与设计&#x1f349; 实现&#x1f36c; 1. 部署人脸检测模型&#x1f36d; 2. 使用Flask构建app2.1 目录结构2.2 forms.py2.3 utils.py2.4 app.py2.5 index.html&#x1f95d; Bug(s)&#x1f6a9; 前言 本…

Vue根据网络文件路径下载文件【自定义属性 v-down】

Vue根据网络文件路径下载文件【v-down】标准使用方式企业级Vue开发集成(全局挂载)1.src目录下创建directive文件夹&#xff08;存在则忽略&#xff09;2.down.js文件3.directive根目录创建index.js文件4.main.js 注册自定义属性全局挂载提到下载文件大家首先肯定会想到 模拟点击…

vue2 使用 cesium 篇 【第一篇】

vue2 使用 cesium 篇 今天好好写一篇哈&#xff0c;之前写的半死不活的。首先说明&#xff1a;这篇博文是我边做边写的&#xff0c;小白也是&#xff0c;实现效果会同时发布截图&#xff0c;如果没有实现也会说明&#xff0c;仅仅作为技术积累&#xff0c;选择性分享&#xff0…

面试官:“ES6中新增的Set方法去重你会吗?”我:“看文章就知道了”

赶快悄悄的努力起来吧,不苒在这里衷心祝愿各位大佬都能顺利通过面试。 面试专栏分享,感觉有用的小伙伴可以点个订阅,不定时更新相关面试题:面试专栏 。 文章目录 Set 的基本使用🍔前言🍏正文1. Set1.1 Set的基本使用1.2 Set 常见的属相和方法1.3 应用场景:使用Set对数…

vue组件通信2 | 父子组件通信v-model

引言&#xff1a;最近项目在vue2 升级vue3 &#xff0c;在这个过程中发现v-model 的变化最大。同时也发现了对于v-model 的不熟悉。 因此&#xff0c;本文从文档、vue2的使用方法、vue2 tsx 的使用方法、vue3的使用方法、使用场景来试图探究一下v-model。 一、文档及vue2中 v-…