葡萄城报表区别于其他报表产品的一大特色是在线报表设计器。有了在线设计器，报表设计人员打开浏览器，即可设计报表模板，不仅无需专门安装一个Windows程序的设计器，而且设计完成后的模板直接保存在服务器上，连发布报表的过程都省了。
为了帮助用户掌握在线报表设计器的用法，我们特别推出在线报表设计器系列教程。本文为第一篇，介绍表格类报表的设计方法和步骤。
（一）创建数据源
葡萄城报表数据源的定义是在系统管理门户中完成的。系统管理门户是一个由系统管理人员使用的网站，默认网址是：http://localhost:8080/admin
登录进入系统管理门户之后，点击左侧菜单栏内的【数据源】，页面将显示已有的数据源列表，点击列表右上方的【新建数据源】，网页将弹出数据源定义对话框，如下图：
其中：
数据源名称：用以区分不同数据源的名称，比如“ERP数据库”。
使用说明：关于本数据源的说明文字，可以为空。
提供程序：即数据源类型。葡萄城报表支持Oracle，SQL Server等各种关系型数据库、也支持Excel，CSV等文件数据源、还支持来自XML，JSON等数据源。此处以ODBC数据源为例，选择【Microsoft Odbc Provider】。
连接字符串：根据提供程序的不同，数据库连接字符串也不相同。对于ODBC数据源，连接字符串与控制面板中定义的ODBC数据源连接字符串一样。例如：Driver={SQLite3 ODBC Driver};Database=C:\葡萄城报表\DemoData\ArsDemo.db;
以上信息都填写完毕，可点击【连接测试】按钮，测试一下数据源定义信息的正确性。测试成功后，点击【保存】，即可完成数据源的定义。此时，对话框将关闭，网页中的数据源列表中将出现新定义的数据源。
（二）创建数据集
定义数据源的目的是确定从何处读取数据，具体读取什么数据，则由数据集的定义来确定。
点击系统管理门户页面左侧的【数据集】，页面将显示现有数据集列表。点击列表右上方的【创建数据集（Create Dataset）】，弹出数据集定义对话框，如下图：
其中：
数据源（Data Source）：指定数据集的数据源。
名称（Name）：填写数据集的名称，如“产品清单-含类别”。
查询（Query）：填写数据库查询语句，或者是JSON等其他数据源的特定查询语句。例如：select 类别.类别名称, 产品.* from 产品 inner join 类别 on 产品.类别ID=类别.类别ID
字段（Fields）：这是系统自动生成的数据集字段列表，不必填写。
点击对话框下方的【下一步】，再点击【完成】，关闭对话框，新定义的数据集将出现在页面的数据集列表中。
（三）创建新模板
定义好需要展示的数据集之后，下一步是使用展示元素来展示数据。在报表模板中放置适当的数据展示元素，比如文本框、表格、图表等，再将这些元素与数据集中的字段绑定，即可实现报表内容的展示。
展示元素的添加是从创建新的报表模板开始的。为了方便业务人员根据需要设计自己的报表，创建新模板的操作是在葡萄城报表的报表管理门户页面中完成的。
报表管理门户页面的默认网址是：
登录进入报表管理门户页面，您将看到已有的报表列表，如下图：
点击报表列表右上角的【创建报表】，您将看到创建新报表模板的页面，如下图：
先选中数据集，例如【产品清单-含…】，然后点击【创建报表】，正式进入在线设计器的设计界面，如下图：
（四）添加数据集
点击右侧上方的【数据】选项卡，可指定需要展示在本张报表内的数据集。点击【添加】，可选择添加之前定义好的数据源和数据集，如下图：
其中，【共享数据集】显示的是前面介绍的在系统管理门户中预先创建好的数据集。如果需要自定义新的数据集，可以仅选择数据源，然后点击【添加】，定义本张报表专用的数据集，如下图：
填写【数据集名称】和【查询语句】之后，点击【确定】按钮，即可定义新的数据集。
此处我们暂不定义新的数据集，使用选择好的共享数据集即可。