1.开发工具:SpagoBIStudio_5.1,操作界面和使用方法和eclipse没差
![SpagoBi开发示例——员工离职人数统计 SpagoBi开发示例——员工离职人数统计](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvODUxOTM0LzIwMTcwMi84NTE5MzQtMjAxNzAyMTQxNTA4Mjg2NjAtMTQ5NDgzMDcucG5n.png?w=700&webp=1)
2.创建项目和空白报表
2.1.file->new->project->SpagobiProject
2.2.在Business Analysis下创建文件夹,测试报表
2.3.在测试报表上面右键new->other->report
![SpagoBi开发示例——员工离职人数统计 SpagoBi开发示例——员工离职人数统计](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvODUxOTM0LzIwMTcwMi84NTE5MzQtMjAxNzAyMTQxNTA4NDc1ODItMTIzMzk4OTg2MC5wbmc%3D.png?w=700&webp=1)
这样一个空白的报表就出现了。
2.4.打开outline和properties editor视图。
window->show view->outline(properties editor)
3.配置数据源
上一步骤打开的outline视图中有一个DataSource右键new DataSource->Jdbc DataSource
我配置的是mysql数据源
![SpagoBi开发示例——员工离职人数统计 SpagoBi开发示例——员工离职人数统计](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvODUxOTM0LzIwMTcwMi84NTE5MzQtMjAxNzAyMTQxNTA5MDU5ODgtMTEyNjQwOTI1OC5wbmc%3D.png?w=700&webp=1)
4.配置数据集合
4.1.outline视图中有一个data set右键new data set ,输入sql
![SpagoBi开发示例——员工离职人数统计 SpagoBi开发示例——员工离职人数统计](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvODUxOTM0LzIwMTcwMi84NTE5MzQtMjAxNzAyMTQxNTA5MTcwODItNTE1MDkxOTIzLnBuZw%3D%3D.png?w=700&webp=1)
4.2.以下是报表编辑界面,可以在properties editor视图中编辑样式,也可以在layout中对界面做各种操作,不一一举例了。
![SpagoBi开发示例——员工离职人数统计 SpagoBi开发示例——员工离职人数统计](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvODUxOTM0LzIwMTcwMi84NTE5MzQtMjAxNzAyMTQxNTA5MjkzNDctODAyNTA3ODYucG5n.png?w=700&webp=1)
5.点击预览,样式问题可以在spagobi部署后的项目中引入自己的css
![SpagoBi开发示例——员工离职人数统计 SpagoBi开发示例——员工离职人数统计](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvODUxOTM0LzIwMTcwMi84NTE5MzQtMjAxNzAyMTQxNTA5NDA1NTAtMTEwMTkzNjc5Mi5wbmc%3D.png?w=700&webp=1)
6.加入聚合函数对表格进行汇总,插入统计图等自己摸索一下,都是用鼠标就可以轻松搞定的事情
右键插入单元格,右键插入charts等
我统计了一下我们公司研发人员离职数量和月份的关系,预览的效果图如下所示
![SpagoBi开发示例——员工离职人数统计 SpagoBi开发示例——员工离职人数统计](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvODUxOTM0LzIwMTcwMi84NTE5MzQtMjAxNzAyMTQxNTA5NDk5NDEtNDY4ODc4ODc5LnBuZw%3D%3D.png?w=700&webp=1)