数据库建表：
- 数据库中需要提前建好相关表和数据，如下：
创建页面：
创建 Hello World 的1 column布局页面，需要点击【添加页面】按钮
设置页面主题皮肤：
点击新创建的Hello World的页面，并点击左侧的【编辑】按钮，对当前页面进行编辑，选择【外观和风格】模块，在【常规浏览器】中选择我们需要的主题
可以看到我们的当前主题和可以选择的主题
我们选择【Ccs Public Bi3 】主题皮肤，并按【保存】按钮
之后页面就会变成我们想要的主题皮肤
添加设置组件：
按【添加】按钮，选择我们需要的组件
AutoBI
DataView
我们在【ccs autobi】模组中，选择【分体-SQL-查询】【分体-SQL-表格模块-索引】组件，并添加至当前界面上
我们在【ccs dataview】模组中，选择【分体-SQL-常规-饼图】组件，并添加至当前界面上
拖拽后，适当调整位置，界面如下
首先对【分体-SQL-表格模块-索引】进行配置，选择需要抽取数据的数据源，然后输入需要执行的SQL
点击【解析】按钮
会出现解析后的数据设置页面，我们可以简单输入用于展示的列名称
因为SQL语句中有？参数的存在，所以会出现接收参数的设置，此处叫做-维度查询，我们需要设置参数的类型，接收参数名称，以及默认值，这个默认值可以不设置，而这个接收参数名称，我们必须记住，我们会在控制组件中用到
点击【保存】按钮
关闭当前配置页面，表格我们就配置完毕了
接下来对【分体-SQL-常规-饼图】进行配置，选择需要抽取数据的数据源
之后，点击【添加模组】按钮
然后输入联动名称，如果您需要被控制，这个联动名称一定要记住，之后需要执行的SQL，并点击【解析】按钮
之后就是绑定数据的过程，因为SQL语句中有？参数的存在，所以会出现接收参数的设置，此处叫做-过滤条件，我们需要设置接收参数名称，参数的类型以及默认值，这个默认值可以不设置，而这个接收参数名称，我们必须记住，我们会在控制组件中用到
点击【保存】按钮
关闭当前配置页面，饼图我们就配置完毕了
最后来对【分体-SQL-查询】进行配置，点击【添加元素】，输入名称，类型选择text就好
然后点击【锁止元素】按钮，一些元素和按钮会被置灰，并出现一些其它按钮
点击两次【添加控制模组】，在 联动PortletId 中选择我们页面需要控制的组件名称，然后在饼图那块，需要输入需要控制的 联动名称，并输入发送参数的名称，因为表格没有联动名称概念，所以表格这块，不需要输入，只需要输入发送参数的名称就好，切记此处的发送参数的名称和受控组件中的接收参数的名称是一一对应的
设置完成后，点击【保存】按钮
关闭当前配置页面，查询框我们就配置完毕了
当我们输入6的时候，点击查询，就会将车系名称中含6的都抽取并展示出来
如果您对饼图又或者列宽、展示位置等不满意，只需要去各自组件的基础设置中具体配置就好，这里就不一一赘述了
