# cocochimpBlog

**Repository Path**: xiaodidi66666/cocochimpBlog

## Basic Information

- **Project Name**: cocochimpBlog
- **Description**: 【毕设、课设】🔥基于SpringBoot，Mybatis Plus，JWT，Vue&Element框架开发的cocochimp个人博客系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-10-17
- **Last Updated**: 2024-10-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cocochimpBlog个人博客

🔥基于SpringBoot，Mybatis Plus，JWT，Vue&Element框架开发的cocochimp个人博客系统

github地址：https://github.com/cocochimp/cocochimpBlog

⚠⚠

近期发现有很多无良商家没有征得我的同意，私自盗取我的开源项目作为毕设、课设以及论文去高价卖！！！因此将数据库闭源！

如果有需要可以留言我并说明用意，如果有毕设项目、毕业论文、课设的用途，请私聊我

![](https://cocochimp-img.oss-cn-beijing.aliyuncs.com/13.png)

# 启动命令

>运行方式

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）



## **运维**

- [ ] 域名解析
- [ ] 部署到云