【个人项目已上线】博客项目:基于Springboot+Vue搭建功能基本完善

已上线的个人博客项目，功能较完善

温文艾尔

4368人浏览 · 2022-01-29 14:03:21

温文艾尔 · 2022-01-29 14:03:21 发布

⭐️写在前面

这里是温文艾尔の学习之路
👍如果对你有帮助，给博主一个免费的点赞以示鼓励把QAQ
👋博客主页🎉 温文艾尔の学习小屋
⭐️更多文章👨‍🎓请关注温文艾尔主页📝
🍅文章发布日期：2021.1.29
👋java学习之路！
欢迎各位🔎点赞👍评论收藏⭐️
🎄新年快乐朋友们🎄
👋java学习之路！
⭐️上一篇内容：【一文包会】Springboot快速实现阿里云OSS文件上传功能

0.前言

经过1个星期的ICP备案和公安部审核，我的个人博客网站正式上线了👋，下面为大家介绍网站功能，网站功能是比较齐全的，代码写了近1个月，所以当时20多天没更新哈哈🍅
温文艾尔网站目的是分享学习和生活记录，我会在网站上分享一些学习笔记以及生活上的记录⭐️

博客门户具有登录，注册，查看文章，文章推荐，搜索，等功能，具体请看下文介绍

博客管理中心具有登录，发表文章，评论管理，用户管理，文章管理，图片管理，分类管理，网站信息管理等功能，具体请看下文介绍

博客地址

博客门户基于nuxt.js搭建
搜索功能基于solr实现
登录注册及校验采用JWT+redis+token实现

管理中心基于Vue+ElementUI搭建
后端基于springboot2.x,maven,mybatisplus,redis,solr,nginx,docker等进行开发与部署
数据库采用mysql
门户，管理中心均部署在我的云服务器

1.博客门户展示

在这里插入图片描述

1.1 查看文章

在这里插入图片描述

1.2搜索页面展示

在这里插入图片描述

1.3个人信息中心

在这里插入图片描述

1.4关于

在这里插入图片描述

1.5友情链接

友情链接目前还是空,想添加友情链接的朋友可在温文艾尔个人博客评论区留言或者直接在csdn和我私聊，发送你的博客地址，博客名称
例如

http://www.wenwenaier.cn
温文艾尔博客

1.6登录

在这里插入图片描述

1.7注册

注册使用需要使用邮箱服务，注册之前请准备好邮箱
在这里插入图片描述

1.8找回密码

在这里插入图片描述

2 管理系统功能

2.1管理系统仪表盘

在这里插入图片描述

2.2发表文章

文章发表引入markdown组件，并支持保存为草稿，支持全屏预览
标签的作用是生成门户的标签云，根据标签数量计算，生成首页及文章列表推荐文章列表
在这里插入图片描述

2.3发表文章图片

图片的话我是上传存储在我的云服务器上，可以从服务器获取图片列表
在这里插入图片描述

2.4 文章管理

文章管理可将文章置顶，编辑，删除，文章搜索等
在这里插入图片描述

2.5 评论管理

评论管理支持评论删除以及评论置顶
在这里插入图片描述

2.6 图片管理

在这里插入图片描述

2.7用户管理

用户管理支持对管理员对普通用户进行重置密码，查询等操作<下面图中没有普通用户(没人注册呢)>
在这里插入图片描述

2.8分类管理

分类管理支持分类添加，更新删除操作

在这里插入图片描述

2.9首页轮播图管理

首页轮播图管理支持轮播图添加，更新删除操作
在这里插入图片描述

2.10管理员信息修改

修改密码功能需调用邮箱服务
在这里插入图片描述

2.11网站标题,seo等信息编辑

在这里插入图片描述

2.12友情链接管理

支持添加删除编辑友情链接，友情链接格式我在上方发过了
在这里插入图片描述

⭐️上一篇内容：【一文包会】Springboot快速实现阿里云OSS文件上传功能

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^