在实际的开发过程中，经常会遇到数据库中的数据填充到excel生成一份正式文件的功能，PageOffice客户端控件支持在线预览Excel文件时，通过Workbook对象来实现对Excel文件的数据填充功能，如果只是简单的填充一下数据，那么通过调用Sheet对象的openCell方法获取到Cell对象并赋值即可

Java命名空间：com.zhuozhengsoft.pageoffice.excelwriter

后端springboot项目关键代码：

在后端编写代码调用webOpen方法打开文件，并创建Workbook对象填充数据

保存文件的服务器端后台方法为：saveFile

PageOfficeCtrl poCtrl = new PageOfficeCtrl(request);//定义Workbook对象
Workbook wb = new Workbook();
//定义Sheet对象，"Sheet1"是打开的Excel表单的名称
Sheet sheet = wb.openSheet("Sheet1");
//定义Cell对象
Cell cellB4 = sheet.openCell("B4");
//给单元格赋值
cellB4.setValue("1月");
Cell cellC4 = sheet.openCell("C4");
cellC4.setValue("300");
Cell cellD4 = sheet.openCell("D4");
cellD4.setValue("270");
Cell cellE4 = sheet.openCell("E4");
cellE4.setValue("270");
Cell cellF4 = sheet.openCell("F4");
DecimalFormat df = (DecimalFormat) NumberFormat.getInstance();
cellF4.setValue(df.format(270.00 / 300 * 100) + "%");poCtrl.setWriter(wb); //必须。
poCtrl.setSaveFilePage("saveFile"); // 设置保存文件的接口地址
//webOpen的第一个参数支持能够输出下载文件的Url相对地址或者文件在服务器上的磁盘路径两种方式
poCtrl.webOpen("D:\\documents\\test.xlsx", OpenModeType.xlsNormalEdit, "张三");

在线预览效果：

在SaveFilePage属性指向的saveFile接口中，创建FileSaver对象处理文件的保存工作，把赋值后的文件保存到服务器

FileSaver fs = new FileSaver(request, response);
fs.saveToFile("D:\\documents\\test.xlsx");
fs.close();

另存文件到客户端是js方法

前端vue项目关键代码：

OnPageOfficeCtrlInit() {// PageOffice的初始化事件回调函数，您可以在这里添加自定义按钮pageofficectrl.AddCustomToolButton("保存文件到服务器", "Save()", 0);pageofficectrl.AddCustomToolButton("另存文件到客户端", "SaveAs()", 0);}
Save() {pageofficectrl.WebSave();
}
SaveAs() {pageofficectrl.ShowDialog(3);
}

vue+springboot项目集成pageoffice参考文档：PageOffice最简集成代码(VUE+Springboot) | PageOffice 开发者中心