# cocochimpBlog个人博客
🔥基于SpringBoot,Mybatis Plus,JWT,Vue&Element框架开发的cocochimp个人博客系统,基于三更博客系统进行修改
github地址:https://github.com/cocochimp/cocochimpBlog
# 启动命令
>运行方式
1. 启动项目:
* redis:运行项目时打开redis-server.exe
* nacos:运行项目时打开nacos文件夹下的bin下的startup.cmd
2. cocochimp-ui-admin【后端管理系统】
3. cocochimp-ui-blog【博客页面】
* 创建:npm install
* 启动:npm run dev
* 打包:npm run build
> 运行环境
- java:8(jdk1.8)
- mysql:5.6.35
- redis:3.0
- nacos:1.1.3
# 项目结构
> 项目结构
![img](https://cdn.nlark.com/yuque/0/2024/png/35382725/1709975056459-0e29e5c6-87d4-43ff-8a08-98c4f352657d.png)
| 端口 | 解释 |
| ---- | --------------------- |
| 7777 | 博客网页-前端 |
| 8989 | 博客网页-后台管理系统 |
> 核心依赖
| 依赖 | 版本 |
| ------------ | ------- |
| Spring Boot | 2.5.0 |
| Mybatis Plus | 3.4.3 |
| aliyun oss | 3.10.2 |
| swagger | 2.9.2 |
| fastjson | 1.2.33 |
| easyexcel | 2.1.1 |
| jjwt | 0.9.0 |
| lombok | 1.18.24 |
# 📚页面展示📚
## blog页面预览
> 首页
* 地址:http://localhost:8080/#/
![image-20230420093738070](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420093738.png)
![image-20230420093915518](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420093915.png)
> 文章详情页面
* http://localhost:8080/#/DetailArticle?aid=10
![image-20230420094020987](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420094021.png)
> 友链信息
* 地址:http://localhost:8080/#/Friendslink
![image-20230420094142399](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420094142.png)
> 分类页表
* 地址:http://localhost:8080/#/Share?classId=1
![image-20230904171546343](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230904171553.png)
## admin页面预览
> 登录页
* 地址:http://localhost:81/#/dashboard
![image-20230420094542851](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420094543.png)
| 用户名 | 密码 | 权限 |
| ------ | ---- | ---- |
| admin | 1234 | all |
* 项目功能预览
![image-20230420094811762](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420094811.png)
![image-20230420094834867](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420094834.png)
> 写博文
* 地址:http://localhost:81/#/write
![image-20230420095506594](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420095506.png)
> 系统管理【*】
1、用户管理
* 地址:http://localhost:81/#/system/user
![image-20230904172116020](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230904172116.png)
* 功能:管理员管理登录账户信息(CRUD)
2、角色管理
* 地址:http://localhost:81/#/system/role
![image-20230904172149892](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230904172149.png)
* 功能:对角色身份信息进行管理
3、菜单管理
* 地址:http://localhost:81/#/system/menu
![image-20230420094910461](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230420094910.png)
* 功能:管理左侧导航栏展示菜单信息
> 内容管理【*】
1、文章管理
* 地址:http://localhost:81/#/content/article
![image-20230904172452053](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230904172452.png)
* 功能:对所有文章进行管理
2、分类管理
* 地址:http://localhost:81/#/content/category
![image-20230904172742018](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230904172742.png)
* 功能:对分类进行管理
3、友链管理
* 地址:http://localhost:81/#/content/link
![image-20230904172806139](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230904172806.png)
* 功能:对友链进行管理
4、标签管理
* 地址:http://localhost:81/#/content/tag
![image-20230904172926364](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/23-03/20230904172926.png)
* 功能:对文章标签进行管理
# 待改进内容
## 前端
![img](https://cdn.nlark.com/yuque/0/2023/png/35382725/1696057584297-8011b12d-a4e9-4c53-8529-5faaa1f3c8d5.png)
![img](https://cdn.nlark.com/yuque/0/2023/png/35382725/1696057625946-f753f038-5fa2-4397-9c4b-bfff6cc6364b.png)
- [x] 懒加载失败页面回显
- [x] 头部栏调整
- [ ] 管理系统封面
- [ ] 详情页面右侧大纲
- [ ] 鼠标样式
## **后端**
- [ ] 记录日志(error、info)
## **运维**
- [ ] 域名解析
- [ ] 部署到云
没有合适的资源?快使用搜索试试~ 我知道了~
基于SpringBoot,Mybatis Plus,JWT,Vue框架开发的个人博客系统
共796个文件
svg:172个
gif:147个
js:145个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 68 浏览量
2024-05-19
11:39:01
上传
评论
收藏 6.03MB ZIP 举报
温馨提示
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统,包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【技术】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
资源推荐
资源详情
资源评论
收起资源包目录
基于SpringBoot,Mybatis Plus,JWT,Vue框架开发的个人博客系统 (796个子文件)
.babelrc 230B
.babelrc 230B
shCoreDefault.css 7KB
shCoreDefault.css 7KB
sigmar.css 1KB
sigmar.css 1KB
style.css 22B
style.css 22B
.env.development 124B
.env.development 76B
.env.development 76B
.env.development 76B
.editorconfig 243B
.editorconfig 243B
.editorconfig 147B
.editorconfig 147B
.eslintignore 34B
.eslintignore 34B
wait.gif 39KB
caonima.gif 10KB
caonima.gif 10KB
weiqu.gif 10KB
weiqu.gif 10KB
haqian.gif 8KB
haqian.gif 8KB
fahongbao.gif 7KB
fahongbao.gif 7KB
touxiao.gif 7KB
touxiao.gif 7KB
taikaixin.gif 7KB
taikaixin.gif 7KB
guzhang.gif 6KB
guzhang.gif 6KB
weiguan.gif 6KB
weiguan.gif 6KB
geili.gif 6KB
geili.gif 6KB
xiongmao.gif 6KB
xiongmao.gif 6KB
kelian.gif 6KB
kelian.gif 6KB
xixi.gif 5KB
xixi.gif 5KB
zhuakuang.gif 5KB
zhuakuang.gif 5KB
dangao.gif 5KB
dangao.gif 5KB
shuai.gif 5KB
shuai.gif 5KB
xu.gif 5KB
xu.gif 5KB
baibai.gif 5KB
baibai.gif 5KB
lazhu.gif 4KB
lazhu.gif 4KB
wabi.gif 4KB
wabi.gif 4KB
baiyan.gif 4KB
baiyan.gif 4KB
yiwen.gif 4KB
yiwen.gif 4KB
bizui.gif 4KB
bizui.gif 4KB
yinxian.gif 4KB
yinxian.gif 4KB
aini.gif 4KB
aini.gif 4KB
jiyan.gif 4KB
jiyan.gif 4KB
keai.gif 4KB
keai.gif 4KB
tu.gif 4KB
tu.gif 4KB
qian.gif 4KB
qian.gif 4KB
beishang.gif 4KB
beishang.gif 4KB
heng.gif 4KB
heng.gif 4KB
weiwu.gif 3KB
weiwu.gif 3KB
kun.gif 3KB
kun.gif 3KB
numa.gif 3KB
numa.gif 3KB
haixiu.gif 3KB
haixiu.gif 3KB
lei.gif 3KB
lei.gif 3KB
nu.gif 3KB
nu.gif 3KB
shenma.gif 3KB
shenma.gif 3KB
haha.gif 3KB
haha.gif 3KB
yun.gif 3KB
yun.gif 3KB
baobao.gif 3KB
baobao.gif 3KB
zuohengheng.gif 3KB
共 796 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
枫蜜柚子茶
- 粉丝: 7451
- 资源: 5099
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功