EasyReport: EasyReport 是一款比较简单的在线 Web 报表工具,也算是一个种子项目,本身是基于[若依](http://ruoyi.vip/ )的前后端分离版本(SpringBoot + Vue)开发的,核心功能就是通过配置数据源和查询 SQL 来动态配置和生成报表(Table),并且可以针对不用的角色或者用户来配置各自的报表查看权限。 | 您所在的位置:网站首页 › vue集成报表 › EasyReport: EasyReport 是一款比较简单的在线 Web 报表工具,也算是一个种子项目,本身是基于[若依](http://ruoyi.vip/ )的前后端分离版本(SpringBoot + Vue)开发的,核心功能就是通过配置数据源和查询 SQL 来动态配置和生成报表(Table),并且可以针对不用的角色或者用户来配置各自的报表查看权限。 |
EasyReport
EasyReport 是一款比较简单的在线 Web 报表工具,也算是一个种子项目,本身是基于若依的前后端分离版本(SpringBoot + Vue)开发的,核心功能就是通过配置数据源和查询 SQL 来动态配置和生成报表(Table),并且可以针对不用的角色或者用户来配置各自的报表查看权限。 目前开源版本只保留了最基本的功能,适合一些比较简单的数据查询统计,实际使用过程还需要根据自身业务来进行二次开发。 EasyReport 背景 准备工作 后端 前端 使用说明 登录 配置数据库 SQL 管理 添加SQL 报表预览 添加菜单 查看报表 其他 背景EasyReport 最开始是因为公司内业务方向比较多,业务部门对数据的统计维度各不一样,业务初期我们技术同学一般定期通过 SQL 查出数据复制粘贴到 Excel 中再发给业务同事,后来为了方便业务同事实时查看,也不用再每次去麻烦技术同学,就做了这个通过配置数据源和查询 SQL 动态生成在线报表的工具,总的来说还是挺方便的。 准备工作 JDK >= 1.8 (推荐1.8版本) Mysql >= 5.7.0 (推荐5.7版本) Redis >= 3.0 Maven >= 3.0 Node >= 10安装部署可以直接参考若依的官方文档 后端 导入到IntelliJ IDEA,菜单 File -> Open,选择 EasyReport 项目目录,等待自动加载 Maven 依赖包,初次加载会比较慢(根据自身网络情况而定) 创建数据库 easy-report 并导入数据脚本 docs/db/er_2021xxxx.sql 打开项目运行 com.sdyx.com.sdyx.java 前端 # 进入项目目录 cd easy-report-ui # 安装依赖 npm install # 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。 npm install --registry=https://registry.npm.taobao.org # 本地开发 启动项目 npm run dev 使用说明系统管理员:admin/admin123 登录 用户名:admin | 密码:admin123 配置数据库数据源管理 -> 数据库配置 -> 新增 输入正确的数据库配置信息,点击连接测试,提示连接成功后可保存当前数据源 SQL 管理数据源管理 -> SQL 管理 -> 新增 添加SQL选择上述配置好的数据源,编辑报表查询SQL 自动解析,解析出报表字段 对报表字段进行配置,这里我们选择查询用户表作为显示,其中 user_name、nick_name 字段使用模糊查询,sex 选择使用字典作为下拉框选项(字典可在后台进行动态配置和管理),create_time 选择使用日期控件进行范围查询 配置完成后点击保存 报表预览点击报表预览,可以查看新增报表功能是否正常 添加菜单在 sql管理 列表,我们可以很方便的将当前报表配置为左侧菜单(当然也可以在系统管理-菜单管理里面自主配置) 查看报表将报表SQL配置为菜单后,刷新页面可查看新配置的报表 其他 欢迎提出改进意见 学习交流vx:Dev_Zwd |
CopyRight 2018-2019 实验室设备网 版权所有 |