概述

中国烹饪技术全球闻名 ，但餐饮业的发展却较为落后。

作为一个全面推进现代化建设的发展中国家，餐饮业是我国社会和经济发展的一个重要组成部分。伴随着餐饮业的发展，原材料成本升高、劳动力成本提升、租金成本上涨、管理人才匮乏、成本控制困难等多方面问题日益凸显，传统的管理、经营模式正遭遇严峻挑战。

如何由传统的“粗放式、模糊式、经验式经营”向“精细化、流程化、信息化经营”转型，已成为整个餐饮行业都需要面对的问题。而促成这一转型的必要条件，离不开一套先进且成熟的餐饮系统管理模式，这套管理模式的基石，便是餐饮报表系统的设计与开发。

本期葡萄城公开课，我们诚邀石家庄品智技术有限公司，高级软件工程师——刘永政先生，为大家在线分享餐饮业报表系统设计模式，以及在HTML5报表浏览器、Java架构中跨平台使用ActiveReports。

在线观看报名地址：请点击文末了解更多，可直接学习

餐饮信息化应用蔚然成风

餐饮信息化覆盖了餐饮经营的各个环节，如购、销、存、人、财、物等，信息化建设可以大大提高实施企业的标准化程度。如今，经过多年的磨合与发展，信息技术已经成为大中型餐饮企业的核心竞争力之一。

在餐饮行业中，电子菜单、无线触摸点菜系统等高科技手段越发得到重视，这些手段不仅大幅提高了餐饮企业的运营效率，更强化了顾客使用体验。餐饮行业传统的手工管理模式，已然不能满足现代企业的需求，信息化管理是餐饮行业管理改革的必然。

从“盐少许”、“味精少许”到“数字化管理”、“全流程监控”，信息化建设可以有效解决餐饮连锁企业标准化服务难题，迅速扩大企业规模，同时也为企业提供了一个科学的管理平台，有助于企业形成符合自身需要的运行流程和管理规范，为企业做大做强提供了保障。

以某餐饮业巨头为例，2004年，该企业着手从财务报表模板上提升企业信息化管理。通过一套连锁店供应链管理系统将整个公司的信息流、资金流、物流统一起来，从而实现物流总部与各分拨中心实时进销存管控。从原料到成品、从库房到餐厅，该企业管理部门都能够对成本实行严格控制，而且从开单、上菜、收银到财务，都可以做到全流程监控。

什么是现代化餐饮管理系统

一套完备的现代化餐饮管理系统，需同时满足中餐、快餐、西餐等多个业态，功能模板需包含：

1. 收银系统

2. 连锁会员系统

3. 连锁供应链系统

4. 进销存系统

5. 支持微信点菜、团购和外卖

与此同时，对于追求高度现代化的餐饮管理者来说，餐饮管理系统不单单只能满足业务场景需要，使用者还可通过系统中的报表设计模块，帮助企业完成全局业务的统计和分析、合理规避未知风险。

为达到这一需求，报表系统需涵盖：

1. 营业报表系统

2. 营业分析报表系统

3. 员工绩效分析报表系统

4. 厨房管理分析系统

5. 会员报表系统

6. 进销存报表系统

而想要轻松设计出这样一套格式复杂、信息量巨大的报表模板，必须借助一款简单易上手、高效智能的报表开发控件，快速搭建企业级Web报表平台。

为什么选择ActiveReports？

ActiveReports 是一款专注于 .NET 平台的报表开发控件，全面满足 HTML5、WinForm、ASP.NET、.NET Core、WPF 等平台下的报表设计和报表开发需求，作为专业的报表工具为全球超过 300,000 名开发者提供全面的报表解决方案。

相比其他报表工具来说，ActiveReports 报表控件提供开发多种报表样式的能力，通过其强大的Web在线/离线报表设计器及内置丰富的报表组件，如表格、独有的矩表、地图、图表等，即可帮助用户轻松设计多种报表样式。除此之外，ActiveReports还支持自定义函数，可以轻松设计多种复杂样式的报表模板。

更重要的是ActiveReports还支持在线打印、一键导出报表，比如导出Excel，Pdf、Word、Image等格式的文件，让客户有了更好的体验。

餐饮管理系统架构

• Java web 后台程序是基于maven构建的spring mvc + MyBatis工程；

• 报表服务程序是基于.net framework4.0的asp.net工程

• mysql数据库

本期公开课上演示的餐饮管理系统是基于Java平台开发设计的，在整个系统中，使用了ActiveReports报表控件进行报表设计与图表展示。由于ActiveReports是一款 .NET报表控件，所以我们会在演示系统的同时，着重讲解如何跨平台使用ActiveReports报表控件。

在Web应用程序中使用ActiveReports

一、在Java web报表中需要引入ActiveReports依赖的js类库和CSS样式：

JS类库：

jQuery 1.9.0 or higher

Bootstrap 3.0

Knockout.js 2.3.0 or higher

GrapeCity.ActiveReports.Viewer.Html.js

CSS样式：

GrapeCity.ActiveReports.Viewer.Html.css

ActiveReports自己的js类库和样式在C:\Program Files (x86)\GrapeCity\ActiveReports 11\Deployment\Html文件夹下

二、.NET 工程作为报表服务来使用，需要添加报表服务文件，ActiveReports Web服务， 在ActiveReports安装完成以后，要在工程中添加新项的时候，在已安装下面会有Reporting选项，里边分别有5种文件格式的支持：

• ActiveReports 页面报表

• ActiveReports 区域报表（基于代码）

• ActiveReports 区域报表（基于xml）

• ActiveReports RDL报表

• ActiveReports Web服务

添加完ActiveReports Web服务以后， ActiveReports会帮我们自动将ActiveReports所需要的dll引入到我们的工程中，如下：

同时自动在web.config中添加相关的ActiveReports配置

1. < system.web >节点下的配置

2. < system.webServer >节点下的配置

3. 添加< ActiveReports11 >节点

<ActiveReports11>

<WebService reportsFolder=“~/” reportLifetime=“01:01:00” assemblyFolder=“~/” publicURI=“" accessPoint="http:// 10.10.10.10:8080 /ReportWebService.asmx"/>

</ActiveReports11>

PS：

· reportsFolder报表文件夹路径

· assemblyFolder程序集文件夹路径

· reportLifetime接口响应的超时时间

· 当工程部署到云端服务器以后还需要配置

· publicURI 和 accessPoint 对应的是暴露的webserver地址

4. 添加ActiveReports Web服务的实现类，该类应继承ActiveReports.Web.ReportService：

public class ReportWebService : GrapeCity.ActiveReports.Web.ReportService

//重写OnCreateReportHandler方法，

protected override object OnCreateReportHandler(string reportPath)

{

//绑定PageReport.Document.LocateDataSource事件，

pageReport.Document.LocateDataSource += Document_LocateDataSource;

//完成数据的查询、整理并返回。

};

private void Document_LocateDataSource(object sender, LocateDataSourceEventArgs args)

{

Blls.DataSelect select = new Blls.DataSelect();

if (args != null)

{

args.Data = select.GetData(args);//返回DataTable

}

}

5. 如果您涉及到跨域请求，还需要在Global.asax配置支持跨域请求：

protected void Application_BeginRequest(object sender, EventArgs e)

{

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");

if (HttpContext.Current.Request.HttpMethod == "OPTIONS")

{

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");

HttpContext.Current.Response.End();

}

}

餐饮管理系统中报表功能应用：多级钻取

什么是数据钻取？

数据钻取是指通点击指向其它报表的链接来跳转到该报表。在现代商业智能报表中，对交互式报表的需求越来越强烈，数据钻取就是交互式报表中最为常用功能之一。

如上图，tableA，tableB，tableC，tableD分别是四个单表，可以单独查询；

其中tableB和tableA可以钻取到tableC；

tableA可以钻取到tableB再钻取到tableC；

在ActiveReports中，通过配置即可轻松实现多级钻取：

具体加载出的HTML代码如下图

ActiveReports 会自动为该单元格生成A标签，并将参数内容生成到data属性，然后通过viewer对象获取参数内容：

action: function (actionType, actionParams) {

//通过actionParams.url 属性获得具体参数内容：即data属性的值

viewer.option(‘report’, { id: ‘Report2’, parameters : actionParams.url });//重新加载报表

HistoryRecord.push({ id: ‘ Report2 ’, parameters : actionParams.url , tableName:’报表2’});

}

实现了钻取，那么钻取后如何返回？

$("#gobill").click(function() {

if(HistoryRecord.length>1) {

HistoryRecord.pop();//删除出最后一位

var history = HistoryRecord[HistoryRecord.length-1];

viewer.option(‘report’, history); //重新赋值viewer的report属性

}

});

history ：

· id -> 报表文件名称

· parameters -> 所需要的参数

Ps：根据业务场景，为了提高“返回”查询的速度，可以适当的应用缓存，给报表添加时间戳参数用与缓存的key值。

餐饮管理系统中报表功能应用：打印，导出

ActiveReports实现打印导出非常简单：

//导出

$(“#exportbtn”).click(function () {

var callback = function (url) {

window.open(url, '_blank');

}

var options = {

FileName: ARFileName //导出的文件名称

}

viewer.export(‘xls’, callback, true, options);

//xls表示excel文件；另外ActiveReports还支持pdf、html等等

return;

}）

//打印

$("#printbtn").click(function () {

viewer.print();

});

ActiveReports 对于餐饮管理系统报表开发的价值

1. ActiveReports配置简单易上手，开发速度快；

2. ActiveReports支持的报表类型丰富：如，动态行、列的矩表；条形图、柱形图、折线图、面积图等图表。在餐饮管理系统中已经使用ActiveReports开发了300余张报表模板。

3. 官方提供了多种ActiveReports开发案例和示例代码，并且提供200余张报表模板免费下载使用；>>免费报表模板下载地址

4. ActiveReports提供了丰富的函数：如，数字类型函数、流程类型函数、判断类型函数、日期类型函数、合计类型函数、转换类型函数，与此同时，ActiveReports还支持自定义函数。

5. ActiveReports的社区非常活跃，在官方社区提问，会得到及时、有效的回复。在技术或产品选型上，用户肯定会优先选择社区活跃度高的产品。

以上就是本期葡萄城公开课《Java Web后台中餐饮业报表系统开发实例》的主要内容，欢迎您点击此处，预约公开课，在线观看本期课程，并学习如何使用ActiveReports开发餐饮系统报表功能模块以及在HTML5报表浏览器、Java架构中跨平台使用这款报表控件。

关于 ActiveReports .NET报表控件

ActiveReports 是一款专注于 .NET 平台的报表开发控件，提供了多种报表设计工具，如完美集成于 Visual Studio 的报表设计器、独立的桌面端设计器和 Web端在线报表设计器。使用它们，用户可轻松设计多种类型的报表，如 Excel 表格、Word 文档、Chart、Dashboard 等，并将数据以丰富灵活的可视化方式呈现给最终用户。同时，ActiveReports 在运行时还为最终用户提供数据筛选、排序、钻取、表达式跳转等强大的交互式分析能力，无需修改代码即可满足不同场景下的报表设计需求，大幅提高开发效率，加速项目交付。