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前后端博客的更多相关文章

  1. Web系统开发构架再思考-前后端的完全分离

    前言 前后端完全分离其实一直是Web开发人员的梦想,也一直是我的梦想,遥想当年,无论是直接在代码里面输出HTML,还是在HTML里面嵌入各种代码,都不能让人感到满意.期间的痛苦和纠结,我想所有Web开 ...

  2. 解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET

    解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET 解决基于BAE python+bottle开发上的一系列问题 分类: python ...

  3. 使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理

    原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客        3 ...

  4. 巨蟒python全栈开发flask8 MongoDB回顾 前后端分离之H5&pycharm&夜神

    1.MongoDB回顾 .启动 mongod - 改变data/db位置: --dbpath D:\data\db mongod --install 安装windows系统服务 mongod --re ...

  5. Python Web开发:Django+BootStrap实现简单的博客项目

    创建blog的项目结构 关于如何创建一个Django项目,请查看[Python Web开发:使用Django框架创建HolleWorld项目] 创建blog的数据模型 创建一个文章类 所有开发都是数据 ...

  6. 【译】Optaplanner开发手册本地化: (0) - 前言及概念

    在此之前,针对APS写了一些理论性的文章:而对于Optaplanner也写了一些介绍性质,几少量入门级的帮助初学者走近Optaplanner.在此以后,老农将会按照Optaplanner官方的用户手册 ...

  7. JavaWeb项目开发案例精粹-第4章博客网站系统-006View层

    1.showAllArticle.jsp <%@ page language="java" contentType="text/html; charset=gb23 ...

  8. JavaWeb项目开发案例精粹-第4章博客网站系统-005action层

    1. package com.sanqing.action; import java.util.Date; import java.util.Map; import com.opensymphony. ...

  9. JavaWeb项目开发案例精粹-第4章博客网站系统-004Service层

    1. package com.sanqing.service; import java.util.List; import com.sanqing.fenye.Page; import com.san ...

  10. JavaWeb项目开发案例精粹-第4章博客网站系统-003Dao层

    1. package com.sanqing.dao; import java.util.List; import com.sanqing.fenye.Page; import com.sanqing ...

随机推荐

  1. 盘点下4个Winform UI开源控件库

    今天一起来盘点下4个Winform UI开源控件库,有.Net Framework,也有.Net Core. 1.支持.Net 7的开源UI组件框架 项目简介 这是一个基于.Net Framework ...

  2. 【题解】U388218 数数

    数数 题目描述 给定 n 个不超过 1.5×10⁹ 的自然数.求这些自然数各自出现的次数,并按照自然数从小到大的顺序输出统计结果. 输入格式 输入的第 1 行是整数 n ,表示自然数的个数. 第 2 ...

  3. 硬件、OS、数据库各种兼容性傻傻分不清?

    服务器硬件型号.OS操作系统版本.Oracle数据库版本.. 各种型号各种版本,排列组合的话也是N多种组合,如何确认这些可以兼容并且得到官方认证呢? 其实很简单,各司其职,各自去确认各自的. 我们知道 ...

  4. 小知识:PDML的注意事项补充

    关于PDML,之前在 并行,想说爱你不容易中的第一节就介绍过,今天在客户现场协助测试时又遇到几个有关PDML的问题,都蛮典型的,记录一下: 问题1:某存储过程报错ORA-12839. 查看该错误号说明 ...

  5. ASP.NET Core分布式项目实战(详解oauth2授权码流程)--学习笔记

    最近公司产品上线,通宵加班了一个月,一直没有更新,今天开始恢复,每日一更,冲冲冲 任务13:详解oauth2授权码流程 我们即将开发的产品有一个用户 API,一个项目服务 API,每个服务都需要认证授 ...

  6. Oracle-报错信息显示问号或者乱码(Oracle 19c)

    问题描述: 通过sqlplus登录Oracle19c时,执行SQL出现报错时,显示错误码出现问号: 解决方法: su   -  oracle vi .bash_profile 添加如下一行内容: ex ...

  7. P9801 [NERC2018] King Kog’s Reception

    题目传送门 前置知识 线段树 解法 第一眼感觉和 luogu P1083 [NOIP2012 提高组] 借教室 很像.本题同样采用线段树维护,\(sum_{l,r}(1 \le l \le r \le ...

  8. typescript 实现enum枚举值定义为对象

    壹 ❀ 引 最近因为有一些闲散时间,所以一直在做将Class组件重构为typescript + hooks组件的工作,结果今天就遇到一个有趣的问题.我们知道react Class组件一般都会定义Com ...

  9. ES6学习 第六章 数值的扩展

    前言 本章介绍数值的扩展.新增了很多方法,有些不常用的方法了解即可. 本章原文链接:数值的扩展 进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示. ...

  10. NC24734 [USACO 2010 Mar G]Great Cow Gathering

    题目链接 题目 题目描述 Bessie is planning the annual Great Cow Gathering for cows all across the country and, ...