炫酷超拽！推荐⼀款Vue开发的OA系统，功能还不错哟推荐⼀款Vue开发的OA系统，功能还不错
基于Ant Design Pro 开发 ，项⽬名：OA-System
基于  开发的OA办公系统 Vue 开发的OA系统
具有⼯作流动态审批、加签、会签等⼯作流功能，可以对⼯作流程的审批业务进⾏评论/讨论
具有⽂档预览、图⽚预览等功能
具有博客编写、预览、查看、搜索等功能
具有社区、问答等功能
具有OA系统常⽤功能
具有在线⽹盘等功能
⼯作流引擎完全⼿写且开源，可以类似钉钉/飞书那样，动态选择审批⼈员。
开发教程
（前端服务是Ant-Design-Vue-Pro, 后端服务是Jeecg-boot的开发脚⼿架，所以很多教程直接照着抄过来了）
Docker启动
MySQL数据库
docker run -p 3306:3306 --name oa-mysql-service -v $PWD/conf/myf:/etc/mysql/myf -v $PWD/logs:/logs -v $PWD/data:/mysql_data -e MYSQL_ROOT_PASSWORD=123456 -d mysql:5.7
启动前请先准备数据库配置⽂件，myf⾥⾯注意配置数据库⼤⼩写不明感，否则后端服务可能启动报错，数据库启动后请使⽤初始化脚本导⼊数据库即可。
数据库建表语句 CREATE DATABASE db_name DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; 可以把字符集换
成 utf8mb4
如果事先未准备配置⽂件，则直接启动 docker run -p 3306:3306 --name oa-mysql-service -e MYSQL_ROOT_PASSWORD=123456 -d mysql:5.7 然后⼿动到/etc/mysql/myf修改配置即可，执⾏命令 vim /etc/f.d/mysqldf ， 配置⽂件⾥⾯添加⼀
⾏ lower_case_table_names=1
注：docker run -d -p 3306:3306 yunwisdom/oa-mysql-service 这个是预装后sql的docker容器
后端项⽬
docker run --name oa-api-service -p 8082:8080 docker.io/yunwisdom/oa-api-service
[默认启动后连接的远程数据库地址，请启动后，进⼊find / -l ⾥⾯修改mysql连接地址 redis连接地址]
前端项⽬
docker run --name oa-vue-service -p 8080:80 -p 8443:443 docker.io/yunwisdom/oa-vue-service
[默认启动后可以登录，但是请修改docker容器⾥⾯的/etc/f⾥⾯配置，⾥⾯的服务连接的远程后端服务，改成本地后端服务的ip地址即可，重启nginx即可]
MySQL-Rest-API服务
docker run -d --name oa-xmysql-service -p 3000:80 -e DATABASE_HOST=mysql_host -e DATABASE_USER=root -e
DATABASE_PASSWORD=password -e DATABASE_NAME=sys markuman/xmysql:0.4.2
⽂档预览服务
docker run -d --name oa-fileview-service -p 30001:8012 --restart always docker.io/yunwisdom/oa-fileview-service
源码地址
后端项⽬
gitee:
依赖项⽬
(数据库API接⼝Rest服务)
(⽂档预览服务)
(图⽚压缩、在线裁剪、在线处理服务)
(SpringBoot后端服务，本项⽬的后端是jeecg-boot改造的，⽤原始的jeecg-boot也是⽀持)
(本项⽬前端项⽬由这个开源项⽬改造⽽来)
(本项⽬的项⽬管理系统，就是把这个集成过来，尚未完成)
(⽶粒⽹开源社区的项⽬，集成到本项⽬，提供社区论坛，第三⽅博客功能)
(聊天项⽬，后续集成)
预览地址
zhaoziyu/Miazzy@163 admin/admin@123 zhaoziyun/zhaoziyun@123
部署⽂件
部署本地mysql数据库 （⽀持mysql5.7/mysql8.0 , 数据库SQL传送门： , 下载最新的⼀个，然后⽤vim打开即可）
部署本地redis缓存服务器 （redis-4/redis-5）
部署xmysql (xmysql要配置本地的mysql数据库，xmysql项⽬有配置教程，传送门：)
## 使⽤PM2启动xmysql服务
pm2 start xmysql -sql.rds.aliyuncs -u username -p password -d jeecg --watch -i 1
（下载解压缩，修改⾥⾯的l⾥⾯数据库连接地址,Redis连接地址）
git clone  . (克隆本项⽬，yarn install后，yarn run serve 运⾏测试环境，测试环境请修改index.html中的后端服务器、rest服务器连接地址，其他⽂档预览，图⽚裁剪的暂时不管)
前端部署打包，在前端项⽬中运⾏ yarn run build , 然后将打包后的⽬录放⼊Nginx的html⽂件夹中，配置nginx服务器
部署Nginx ，请先确保安装docker， docker run --name docker-nginx -p 80:80 -p 8080:80 -p 443:443 -p 8443:443 nginx (未安装docker不影响哈，⾃⾏在linux上部署nginx即可 ，然后把 打包后的前端⽬录放⼊Nginx对应的⽬录中，修改Nginx配置，在下⽂中列出了⼀个线上版本的Nginx配置⽂件)
前端技术
基础框架： - Ant Design Of Vue 实现
JavaScript 框架：Vue
Webpack
node
yarn
eslint
@vue/cli 3.2.1
- 头像裁剪组件
- Alipay AntV 数据可视化图表
nginx部署前端项目
- antv/g2 封装实现
项⽬下载和运⾏
拉取项⽬代码
git clone gitee/yunwisdoms/oa-front-service.git .
安装依赖
yarn install
开发模式运⾏
yarn run serve
编译项⽬
yarn run build
Lints and fixes files
yarn run lint
性能优化
使⽤阿⾥云全站加速CDN
使⽤JSDelivery加上CDN
注释import ... from ... 使⽤公共代码库
开启webpack的Gzip编译优化
效果：VUE单页⾯应⽤秒开
项⽬截图
⾸页，含有我的待办，我的已办，⾏政公告，红头⽂件，新闻资讯，市场观察等内容，提交审批后，待处理⼈会收到我的待办消息，点击进⼊我的审批详情进⾏审批操作

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。