89 lines
3.1 KiB
Markdown
89 lines
3.1 KiB
Markdown
|
||
**线上预览:**
|
||
移动端 [http://8.146.211.120:8081/](http://8.146.211.120:8081/)
|
||
管理端 [http://8.146.211.120:8086/](http://8.146.211.120:8086/)
|
||
|
||
小红书凭借优秀的产品体验 和超高人气 目前成为笔记类产品佼佼者
|
||
此项目将详细介绍如何使用Vue.js和Spring Boot 集合uniapp
|
||
开发一个仿小红书的城应用，凭借uniapp 可以在h5 小程序 app等多端使用
|
||
|
||
**技术栈**
|
||
|
||
**移动端** uniapp graceui
|
||
**管理端** vue element
|
||
**后台** springboot springsecurity mybatisPlus tio-websocket
|
||
|
||
**主要功能**
|
||
- 笔记创建 编辑 发布
|
||
- 点赞笔记、评论
|
||
- 回复笔记、评论
|
||
- 私信、客服聊天
|
||
- 后台笔记编辑 下架
|
||
- 后台博主冻结
|
||
- 后台客服系统
|
||
- 系统消息维护
|
||
|
||
**首页**
|
||
|
||
**笔记详情页**
|
||
|
||
|
||
## 简单版思维导图
|
||
|
||
## springboot_vue
|
||
|
||
正式开发前我们都需要一个完整的 可拓展性基础框架用于后续项目进行 这里我就把自己用的一套整合出来供大家学习使用
|
||
|
||
## 首先你要掌握的技能
|
||
|
||
在这里我不再对整合进行赘述 技能从来都是从实战中积累的：
|
||
1. springboot框架的基本使用；
|
||
2. jwt security的基本整合；
|
||
3. mybatisplus 的使用 （基于瓷完成了前后端代码生成）；
|
||
4. rabc框架的基本理解；
|
||
5. vue环境的基本搭建 npm命令使用；
|
||
6. element框架的整合；
|
||
7. linux简单部署（这个后续我会结合脚本来进行）；
|
||
|
||
## 我们将要做的系统的一个展示
|
||
|
||
|
||
|
||
1. 动态路由 有了这个功能 前端就不用进行硬代码的配置 后台编辑即可 也可以快速的进行路由的改名和删除
|
||
2. 多角色 基础动态路由 多角色就变的简单了 同时也更方便管理系统
|
||
3. 多tab客户还是习惯像打开浏览器那也操作我们的系统 所以这个必不可少
|
||
|
||
## 包结构说名
|
||
后端
|
||
|
||
- 目前后端功能基本能满足我们需求
|
||
- 后续开发建立和system同级目录 进行功能开发即可
|
||
|
||
前端
|
||
|
||
|
||
## 程序的运行
|
||
**后端**
|
||
1. 导入pom文件进行依赖下载
|
||
2. 修改yml数据源和缓存配置
|
||
3. 运行AdminApplication 启动
|
||
|
||
**前端**
|
||
1. 执行npm install 下载依赖（下载慢可以执行） `npm conf set registry https://registry.npm.taobao.org`
|
||
2. npm run dev进行系统的启动
|
||
|
||
## 启动后截图
|
||
**登陆**
|
||
|
||
**工作台**
|
||
|
||
**菜单权限管理**
|
||
|
||
|
||
|
||
|
||
## 写到最后
|
||
**代码地址** [https://gitee.com/ddeatrr/springboot_vue](https://gitee.com/xay12/springboot_vue)
|
||
**问题反馈** qq: 727869402 wx: MAMBA_4EVER24
|
||
|