基于vue3+ts+elementplus+vite+vuex+router4的博客网

最新推荐文章于 2025-05-06 14:47:44 发布

MarkCoder

最新推荐文章于 2025-05-06 14:47:44 发布

阅读量473

点赞数 2

分类专栏： vue SpringBoot 文章标签： spring boot java vue.js

本文链接：https://blog.csdn.net/coder1998/article/details/120581285

版权

这是一个结合vue3、typescript、elementplus、vite、vuex、router4和spring boot的博客平台。前端实现了博客首页、技术文章列表、分页查询、文章详情、评论、注册登录等功能；后端利用spring boot提供了文章发布、markdown支持、评论管理和用户管理等服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一博客网介绍

博客网是基于vue3+ts+elementplus+vite+vuex+router4+springboot打造的前台和后台项目，前台有博客的首页，技术文章列表，文章分页，文章高级查询，文章详情，文章评论，注册，登录，关于我们等，后台管理系统发布技术文章，支持markdown格式，markdown上传文件，评论管理，用户管理，系统管理等等功能

二技术说明

前端：
vue3
typescript
vuex
elementplus
vite2
router4
markdown编辑
后端
springboot+ssm

三项目结构图

在这里插入图片描述

四功能设计和实现

博客首页
在这里插入图片描述
核心代码实现:

<el-main style="height:800px" class='main_index_cls'>
              <el-image
               style="width: 256px; margin-top:100px; height: 256px"
               src="../../static/logo/blog.png" 
              >
              </el-image>

             <div style="font-size:40px;color:green;height:30px;font-weight:900">VueBlog</div>

              <el-button type="success"  style="font-size:30px;margin-top:100px">开始阅读->