file_management_sys
前言
file_management_sys项目希望完成一个文件共享系统,采用现阶段公司常用技术来实现,例如Redis, RocketMQ, Mybatis, Nginx等。总的目的是用来熟悉这些技术。
目录
项目介绍
file_management_sys 是一个文件共享系统,包括前端文件展示系统和后台管理系统,基于SpringBoot + MyBatis实现。前端文件展示系统包括文件分类和展示界面,文件搜索和文件上传等模块。后台管理系统包含文件管理,权限管理等模块。
项目演示
用户端演示
管理端演示
技术选型
后端技术
前端技术
| 技术 | 说明 | 官网 |
|---|---|---|
| Vue | 前端框架 | https://vuejs.org/v2/guide/ |
| Vuex | 前端缓存处理 | https://vuex.vuejs.org |
| vue-router | 通过路由构建单页面项目 | https://router.vuejs.org |
| iView | 组件模版 | https://iviewui.com/ |
环境搭建
初始搭建均基于阿里云ECS服务器的centos系统。
开发工具
| 工具 | 说明 | 官网 |
|---|---|---|
| IDEA | 开发IDE | https://www.jetbrains.com/idea/ |
| Redis Desktop Manager | redis客户端连接工具 | https://redisdesktop.com/download |
| MySQL workbench | MySQL 可视化工具 | https://www.mysql.com/cn/products/workbench/ |
| GitHub | 版本管理工具 | https://github.com |
| Maven | 项目管理 | https://maven.apache.org |
| PostMan | 接口请求测试 | https://www.getpostman.com/ |
| Gifox | gif录制工具 | https://gifox.io/ |
| Axure | 原型设计工具 | https://www.axure.com/ |
| bootschool | banner 生成工具 | https://www.bootschool.net/ascii |
| MarkDown | MarkDown语法说明 | http://www.markdown.cn |
| RoeketMQ 可视化控制台 | 在子项目rocketmq-console里面,打包mvn clean package -Dmaven.test.skip=true | https://github.com/apache/rocketmq-externals |
开发环境
| 工具 | 版本 | 官网 |
|---|---|---|
| SpringBoot | 2.2.4 | https://spring.io/projects/spring-boot |
| JDK | 1.8 | https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html |
| Mysql | 5.7.26 | https://www.mysql.com/ |
| Redis | 4.0.10 | https://redis.io |
| Nginx | 待定 | https://www.nginx.com |
| Elasticsearch | 6.8.3 | https://www.elastic.co/cn/elasticsearch |
| RocketMQ | 4.6.0 | https://rocketmq.apache.org |
搭建具体环境(docker搭建,基于centos 7)
首先安装docker,启动docker systemctl start docker. 注意: 当各个容器启动后,在服务器端的安全组一定要配置相应端口,不然外部访问不到。
-
1.安装 MySQL
1.1 拉取最新镜像 docker pull centos/mysql-57-centos7
1.2 运行一个容器 docker run -id --name=mysql-57-centos7 -p 3306:3306 -e MYSQL_ROOT_PASSWORD=717294 centos/mysql-57-centos7 -
2.安装 Redis 4.0.10
2.1 拉取redis镜像 docker pull redis
2.2 运行redis容器 docker run -id --name=redis -p 6379:6379 redis -
3.安装 RocketMQ 4.6.0
-
4.安装 nginx1.16.1
4.1 安装相关环境
yum install gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel
4.2 获取 安装包 wget -c https://nginx.org/download/nginx-1.16.1.tar.gz
4.3 解压安装
tar -zxvf nginx-1.16.1.tar.gz
cd nginx-1.16.1
./configure
make install
4.4 运行
cd /usr/local/nginx/sbin/
./nginx
相关学习文档
| 技术 | 说明 | 网址 |
|---|---|---|
| Spring Data Elasticsearch | spring data整合 Elasticsearch | https://github.com/spring-projects/spring-data-elasticsearch/blob/master/README.adoc |
| RocketMQ | 阿里中间件团队博客 | http://jm.taobao.org/2017/01/12/rocketmq-quick-start-in-10-minutes/ |


