springboot+vue3+nuxt3+ts+minio开发的dsblog3.0前后端博客
springboot+vue3+nuxt3+ts+minio开发的dsblog3.0前后端博客
转载自:www.javaman.cn
一、技术栈

本博客系统采用了先进且成熟的技术栈,包括Spring Boot 3、Spring Security、Vue 3、Nuxt 3、TypeScript、Vite、MinIO、Redis、Element Plus和Markdown等。这些技术共同协作,确保了博客系统的稳定性、安全性和易用性,为用户提供了优质的内容发布和阅读体验。
1、后端技术栈
1). Spring Boot 3 Spring Boot 3 是一个开源的Java框架,用于简化Spring应用的初始搭建以及开发过程。它集成了众多常用的库和配置,使开发者能够快速搭建起一个稳定且强大的后端服务。在本博客系统中,Spring Boot 3 负责处理业务逻辑、数据访问以及与前端进行交互。
2). Spring Security Spring Security 是一个功能强大且高度可定制的安全框架,为基于Spring的应用提供身份验证、授权、加密和会话管理等安全服务。在本博客系统中,Spring Security 负责管理用户登录、权限控制以及保护敏感数据的安全。
3). Redis Redis 是一个开源的使用ANSI C语言编写的、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。在本博客系统中,Redis 作为缓存层,用于存储热点数据,提高系统响应速度,并用于实现分布式锁等功能。
4). MinIO MinIO 是一个高性能的对象存储服务,与Amazon S3兼容。它提供了简单、安全且可扩展的数据存储解决方案。在本博客系统中,MinIO 用于存储用户上传的图片、附件等文件,确保文件的安全性和可访问性。
二、前端技术栈
1). Vue 3 Vue 3 是一个构建用户界面的渐进式框架,它易于上手且性能卓越。Vue 3 的响应式系统使得前端界面能够实时反映数据的变化。在本博客系统中,Vue 3 负责构建前端页面,实现用户界面的交互和动态展示。
2). Nuxt 3 Nuxt 3 是一个基于Vue 3的服务端渲染框架,它提供了静态网站生成、服务端渲染以及单页面应用等多种模式。Nuxt 3 的自动路由、状态管理和构建优化等功能使得开发过程更加高效。在本博客系统中,Nuxt 3 负责构建前端应用,提供快速且可靠的用户体验。
3). TypeScript TypeScript 是JavaScript的一个超集,添加了静态类型检查和一些ES6以后的新特性。它有助于在开发过程中捕获错误,提高代码的可维护性和可读性。在本博客系统中,TypeScript 用于编写前端代码,确保类型安全并提升代码质量。
4). Vite Vite 是一个现代化的前端构建工具,它利用原生ESM提供极速的冷启动,并且无需打包即可提供按需编译的ES模块。Vite 的快速构建和热模块替换功能使得开发过程更加流畅。在本博客系统中,Vite 负责前端代码的构建和打包,提高开发效率。
5). Element Plus Element Plus 是一个基于Vue 3的组件库,提供了一套丰富的UI组件,用于快速构建美观且功能强大的前端界面。在本博客系统中,Element Plus 用于构建博客的后台管理界面,提升用户体验。
6). Markdown Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式来编写文档。在本博客系统中,Markdown 用于编写博客文章,使内容排版简洁美观且易于阅读。
二、博客前台
1、博客功能展示

2、前端代码展示(ts)

三、博客后台管理系统
1、博客管理功能演示

2、后台管理前端代码展示(ts)

3、后台代码展示(java)

源码获取关注下方公众号私信获取

springboot+vue3+nuxt3+ts+minio开发的dsblog3.0前后端博客的更多相关文章
- Web系统开发构架再思考-前后端的完全分离
前言 前后端完全分离其实一直是Web开发人员的梦想,也一直是我的梦想,遥想当年,无论是直接在代码里面输出HTML,还是在HTML里面嵌入各种代码,都不能让人感到满意.期间的痛苦和纠结,我想所有Web开 ...
- 解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET
解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET 解决基于BAE python+bottle开发上的一系列问题 分类: python ...
- 使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理
原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客 3 ...
- 巨蟒python全栈开发flask8 MongoDB回顾 前后端分离之H5&pycharm&夜神
1.MongoDB回顾 .启动 mongod - 改变data/db位置: --dbpath D:\data\db mongod --install 安装windows系统服务 mongod --re ...
- Python Web开发:Django+BootStrap实现简单的博客项目
创建blog的项目结构 关于如何创建一个Django项目,请查看[Python Web开发:使用Django框架创建HolleWorld项目] 创建blog的数据模型 创建一个文章类 所有开发都是数据 ...
- 【译】Optaplanner开发手册本地化: (0) - 前言及概念
在此之前,针对APS写了一些理论性的文章:而对于Optaplanner也写了一些介绍性质,几少量入门级的帮助初学者走近Optaplanner.在此以后,老农将会按照Optaplanner官方的用户手册 ...
- JavaWeb项目开发案例精粹-第4章博客网站系统-006View层
1.showAllArticle.jsp <%@ page language="java" contentType="text/html; charset=gb23 ...
- JavaWeb项目开发案例精粹-第4章博客网站系统-005action层
1. package com.sanqing.action; import java.util.Date; import java.util.Map; import com.opensymphony. ...
- JavaWeb项目开发案例精粹-第4章博客网站系统-004Service层
1. package com.sanqing.service; import java.util.List; import com.sanqing.fenye.Page; import com.san ...
- JavaWeb项目开发案例精粹-第4章博客网站系统-003Dao层
1. package com.sanqing.dao; import java.util.List; import com.sanqing.fenye.Page; import com.sanqing ...
随机推荐
- Docker从认识到实践再到底层原理(九)|Docker Compose 容器编排
前言 那么这里博主先安利一些干货满满的专栏了! 首先是博主的高质量博客的汇总,这个专栏里面的博客,都是博主最最用心写的一部分,干货满满,希望对大家有帮助. 高质量博客汇总 然后就是博主最近最花时间的一 ...
- Java并发(十四)----悲观互斥与乐观重试
1. 悲观互斥 互斥实际是悲观锁的思想 例如,有下面取款的需求 interface Account { // 获取余额 Integer getBalance(); // 取款 ...
- Florr 从新手到大佬
Florr 从新手到大佬 新手上路 首先在这里,你会遇到一些简单的教程.按照教程完成,也可以参考链接里的内容. 装备分为一下几种: $ \color{#7eef6D} \text{Common} $ ...
- .NET Core开发实战(第15课:选项框架:服务组件集成配置的最佳实践)--学习笔记
15 | 选项框架:服务组件集成配置的最佳实践 这一节讲解如何使用选项框架来处理服务和配置的关系 选项框架的特性: 1.支持单例模式读取配置 2.支持快照 3.支持配置变更通知 4.支持运行时动态修改 ...
- HBase-统计表总行数的三种方式
由于Hbase是列式数据库,没有提供类似SQL的数据查询语句,可以通过以下三种方式获取表的总行数. 1. 使用Hbase自带的Count命令 hbase提供了count命令可以在hbase交互界面使用 ...
- SP21690 POWERUP - Power the Power Up 题解
题目传送门 前置知识 扩展欧拉定理 解法 直接对 \(a\) 和 \(b^c\) 分讨,跑一遍扩展欧拉定理就行了. 另外由于本题的特殊规定 \(0^0=1\),故需要在当 \(a=0\) 时,对 \( ...
- thymeleaf利用fragment解决html页面间获取context-path问题
问题说明 我使用spring boot+thymeleaf做了个项目,那前台页面都是html,里面有各种api调用和路径跳转. 大家都知道这些路径不能写死,为保证任何情况下路径的正确性,一般都是这种格 ...
- 升级 vcpkg 遇到的一些坑
项目上有个需求要用到 wil 库,于是打开 cmd 输入: vcpkg install wil:x86-windows-static 等了很久,一直卡在配置命令 连续试了好几遍,还是不行,安装其他的静 ...
- 信捷电气 - C++工程师面试题(社招:3-5年工作经验)
1. char i = 1; printf("%d",i); // char字节用printf以整数型打印出来 2. int (*a[10])int a[10]是函数指针数组 ...
- 从零开始写 Docker(二)---优化:使用匿名管道传递参数
本文为从零开始写 Docker 系列第二篇,主要在 mydocker run 命令基础上优化参数传递方式,改为使用 runC 同款的匿名管道传递参数. 如果你对云原生技术充满好奇,想要深入了解更多相关 ...