一 博客网介绍
博客网是基于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">开始阅读->