154 lines
6.4 KiB
Markdown
Executable File
154 lines
6.4 KiB
Markdown
Executable File
<p align="center">
|
||
<img alt="logo" src="https://image.mayongjian.cn/2024/07/03/1de3ee08e0a34ab6bf9a163d380fb596.png" style="width: 100px">
|
||
</p>
|
||
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">HongShu v1.0</h1>
|
||
<h4 align="center">基于 SpringBoot + Vue 前后端分离的仿小红书项目</h4>
|
||
<p align="center">
|
||
<a href="https://gitee.com/Maverick_Ma/hongshu-web/stargazers">
|
||
<img src="https://gitee.com/Maverick_Ma/hongshu-web/badge/star.svg?theme=dark"></a>
|
||
<a href="https://gitee.com/Maverick_Ma/hongshu-web">
|
||
<img src="https://img.shields.io/badge/HongShu-v1.0-brightgreen.svg"></a>
|
||
<a href="https://gitee.com/Maverick_Ma/hongshu-web/blob/master/LICENSE">
|
||
<img src="https://img.shields.io/github/license/mashape/apistatus.svg"></a>
|
||
</p>
|
||
|
||
## 平台简介
|
||
* 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [Element Plus](https://element-plus.org/zh-CN) + [ts](https://www.tslang.cn) 版本。
|
||
* 配套后端代码仓库地址 [HongShu](https://gitee.com/Maverick_Ma/hongshu.git)
|
||
|
||
## 前端运行
|
||
```bash
|
||
# 克隆项目
|
||
git clone https://gitee.com/Maverick_Ma/hongshu-web.git
|
||
|
||
# 进入项目目录
|
||
cd hongshu-web
|
||
|
||
# 安装依赖
|
||
yarn --registry=https://registry.npmmirror.com
|
||
|
||
# 启动服务
|
||
yarn dev
|
||
|
||
# 构建测试环境 yarn build:stage
|
||
# 构建生产环境 yarn build:prod
|
||
# 前端访问地址 http://localhost:80
|
||
```
|
||
|
||
## 用户端内置功能
|
||
1. 笔记：瀑布流按分类展示笔记，懒加载笔记图片
|
||
2. 搜索：使用 ElasticSearch 做关键词搜索高亮查询
|
||
3. 动态：展示个人和好友动态
|
||
4. 消息：使用 WebSocket 做私信聊天和消息通知，用户发送消息实时通知、消息页面实时展示当前未读消息数量提醒
|
||
5. 发布：发布和修改笔记功能，使用七牛云oss对象存储图片
|
||
6. 用户信息：展示当前用户发布、点赞和收藏的笔记
|
||
7. 双 Token 登录机制、无感刷新，使用 Redis 做对象缓存
|
||
|
||
## 管理端内置功能
|
||
1. 用户管理：用户是系统操作者，该功能主要完成系统用户配置。
|
||
2. 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
|
||
3. 岗位管理：配置系统用户所属担任职务。
|
||
4. 菜单管理：配置系统菜单，操作权限，按钮权限标识等。
|
||
5. 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
|
||
6. 字典管理：对系统中经常使用的一些较为固定的数据进行维护。
|
||
7. 参数管理：对系统动态配置常用参数。
|
||
8. 通知公告：系统通知公告信息发布维护。
|
||
9. 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
|
||
10. 登录日志：系统登录日志记录查询包含登录异常。
|
||
11. 在线用户：当前系统中活跃用户状态监控。
|
||
12. 定时任务：在线（添加、修改、删除）任务调度包含执行结果日志。
|
||
13. 系统接口：根据业务代码自动生成相关的api接口文档。
|
||
14. 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
|
||
15. 缓存监控：对系统的缓存信息查询，命令统计等。
|
||
16. 在线构建器：拖动表单元素生成相应的HTML代码。
|
||
17. 连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。
|
||
|
||
## 2.0版本实现功能
|
||
1. 添加移动端
|
||
2. 重构实现 SpringCloud 微服务架构
|
||
3. 加入商城购物功能
|
||
4. 加入推荐算法，优化内容推荐和用户推荐功能
|
||
5. 使用 MQ+Redis 优化点赞、收藏、浏览功能
|
||
6. 支持七牛云、阿里、腾讯、Minio等多种oss对象存储方式
|
||
7. 笔记内容支持视频和live图
|
||
|
||
#### ⚠️如有【项目问题】或【部署需求】可联系微信：coder_xiaomage
|
||
|
||
## 演示站（2.0版）
|
||
- web端 ➡️ [点我体验](http://47.95.205.22)
|
||
- admin端 ➡️ [点我体验](http://47.95.205.22/admin/)
|
||
- app端 ➡️ [点我体验](http://47.95.205.22/app/)
|
||
- 文档及资料会暂时放到我的个人博客：[点我进入](https://mayongjian.cn)
|
||
* 由于服务器资源有限，首次加载可能缓慢一些。
|
||
* 同时为优化服务器也感谢小伙伴们打赏支持❤️。
|
||
<img src="src/assets/images/reward.png" style="width: 50px heihgt: 50px"/>
|
||
|
||
## 视频演示
|
||
➡️ [点击查看](https://www.bilibili.com/video/BV1QP8dekEGq/?spm_id_from=333.999.list.card_archive.click&vd_source=ec9224821314432ac6e12dc7d500d74b)
|
||
|
||
|
||
## 演示图
|
||
### - web端：
|
||
<table>
|
||
<tr>
|
||
<td><img src="src/assets/images/web/web-login.png"/></td>
|
||
<td><img src="src/assets/images/web/web-dashboard.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/web/web-search.png"/></td>
|
||
<td><img src="src/assets/images/web/web-trends.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/web/web-message.png"/></td>
|
||
<td><img src="src/assets/images/web/web-follow.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/web/web-publish.png"/></td>
|
||
<td><img src="src/assets/images/web/web-user.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### - admin端：
|
||
<table>
|
||
<tr>
|
||
<td><img src="src/assets/images/admin/admin-login.png"/></td>
|
||
<td><img src="src/assets/images/admin/admin-data.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/admin/admin-category.png"/></td>
|
||
<td><img src="src/assets/images/admin/admin-member.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/admin/admin-note.png"/></td>
|
||
<td><img src="src/assets/images/admin/admin-album.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/admin/admin-comment.png"/></td>
|
||
<td><img src="src/assets/images/admin/admin-log.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
### - app端：
|
||
<table>
|
||
<tr>
|
||
<td><img src="src/assets/images/app/app-login.png"/></td>
|
||
<td><img src="src/assets/images/app/app-index.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/app/app-trend.png"/></td>
|
||
<td><img src="src/assets/images/app/app-message.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/app/app-user.png"/></td>
|
||
<td><img src="src/assets/images/app/app-follow.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/app/app-hot.png"/></td>
|
||
<td><img src="src/assets/images/app/app-main.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="src/assets/images/app/app-search.png"/></td>
|
||
<td><img src="src/assets/images/app/app-push.png"/></td>
|
||
</tr>
|
||
</table>
|