统一查询面板配置傻瓜手册V02.docx
- 文档编号:23017694
- 上传时间:2023-04-30
- 格式:DOCX
- 页数:32
- 大小:728.01KB
统一查询面板配置傻瓜手册V02.docx
《统一查询面板配置傻瓜手册V02.docx》由会员分享,可在线阅读,更多相关《统一查询面板配置傻瓜手册V02.docx(32页珍藏版)》请在冰豆网上搜索。
统一查询面板配置傻瓜手册V02
统一查询面板配置傻瓜手册
--戴明利
1概述
葵花宝典之引刀自宫,精简配置。
自定义查询,只需配置三项即可:
a.)、配置导航树b.)、配置新专题c.)、配置新面板。
2配置导航树
先配置monitor_menu的monitor_id,monitor_name,monitor_parent_id,state;后续添加面板的时候再修改monitor_url。
上述monitor_id,monitor_name,monitor_parent_id均可自行配置,只要每个新专题根节点的monitor_parent_id为空即可。
如下图:
3配置新专题
3.1在主页添加
1.)提单添加或修改首页链接图标
2.)修改work_link表链接地址
如:
把相应新专题的link_value设置成
javascript:
displayMaxWindow('workshop/queryTemplate/main.html?
id=4','',true)
其中ID是monitor_menu对应该专题导航树根节点的monitor_id。
如下图,则monitor_id=4:
3.2在网管监控-稽核报告处添加(或其他地方添加)
网管监控-稽核报告,新增一个自定义查询,
如下图:
在高额分析下添加一个“统一面板查询配置测试“”专题。
1.)添加一个“统一面板查询配置测试”专题
2.)其配置SQL在自定义查询报表中没用,如下:
3.)修改链接地址
select*fromprivilegetwheret.privilege_name='统一面板查询配置测试'
把相应添加的专题链接地址改成新专题的链接地址,如:
SERVER_URL_NAME=’workshop/queryTemplate/main.html?
id=11’
SCRIPT_NAME=’doMenu_open()’
4.)点击相应链接即可看到新专题了。
如下图:
4配置新面板
4.1单列表
4.1.1配置面板BASE_PANEL
BASE_PANEL配置面板ID和标题,ID值可以自行配置,标题可以不配置,如下图有两个面板。
注:
a.)此处的面板ID在monitor_menu配置标签页时用到,见下图(html?
panel=1)ID=1:
b.)标题见下图标红处:
4.1.2配置工具条信息PANEL_TOOLBAR,PANEL_TOOLBAR_CFG
1.)PANEL_TOOLBAR(存放所有面板的工具条配置信息,通过PANEL_TOOLBAR_CFG实现TYPE=param的工具条与BASE_PANEL的多对多关系。
)
2.)PANEL_TOOLBAR_CFG在PANEL_TOOLBAR中配置的工具条需要在这里配置一下归属于那个面板
4.1.3配置查询控件及默认值PARAM_COMPONENT
1.)PARAM_COMPONENT(存放所有面板的查询控件,也是SQL_PARAM_CFG的“已存在的控件(COMP_ID=13)”类型的数据来源,存放所有面板的查询控件,
,配置显示控件的名称)
注:
a.)PARAM_COMPONENT的COMP_ID为查询控件的类型:
普通文本框(comp_id=1),日期选择框(comp_id=2),SQL下拉(comp_id=4),树形控件(通过指定SQL)(comp_id=7)等;CMOP_DS是相应查询控件SQL的语句。
b.)PARAM_COMPONENT的PARAM_COMP_ID在SQL_PARAM_CFG的COMP_DS中相对应,且SQL_PARAM_CFG的COMP_ID=13.
c.)PARAM_COMPONENT的DEFAULT_VALUE该查询控件的默认值。
当DEFAULT_VALUE不是JS、SQL语句时,GET_TYPE=text
当DEFAULT_VALUE是一个JS语句时,GET_TYPE=js。
当DEFAULT_VALUE是一个SQL语句时,GET_TYPE=sql。
如:
i.)
DEFAULT_VALUE=’$TODAY’时,
GET_TYPE=text。
ii.)
DEFAULT_VALUE=’selectto_char(sysdate,’yyyy-mm-dd’)fromdual’时,
GET_TYPE=sql。
d.)PARAM_COMPONENT的PARAM_COMP_ID=33时
COMP_DS的内容如下:
2.)PANEL_TOOLBAR_BY_PARAM(存放TYPE=param的工具条的具体配置信息。
PARAM_COMPONENT中的那些查询控件需要在这里配置一下归属于那个工具条)
其中SORT_ID是查询控件在界面展示的顺序。
4.1.4配置报表SQL语句SQL_CFG
测试列表的主要配置如下:
SQL_ID=20401
SQL_TEXT=’
Selectto_char(t.create_time,'yyyy-mm-ddhh24:
mi:
ss')create_time,
t.kpi_id,b.kpi_name,t.alarm_title
fromne_alarm_listt,kpi_code_listb
wheret.create_time>=to_date(:
begindate,'yyyy-mm-dd')
andt.create_time enddate,'yyyy-mm-dd')+1 anddecode(: p_oprt_state,-1,-1,t.oprt_state)=: p_oprt_state andt.kpi_id=b.kpi_id orderbyt.create_time,kpi_id,alarm_title’ 4.1.5配置参数表SQL_PARAM_CFG 1.)SQL_PARAM_CFG的SQL_ID与SQL_CFG的SQL_ID一致。 2.)SQL_PARAM_CFG的PARAM_NAME与SQL_CFG的SQL_TEXT中SQL语句的参数名称一致, SQL_CFG的SQL_ID=20401中SQL_TEXT,其中参数: begindate,: enddate,: p_oprt_state 3.)SQL_PARAM_CFG的COMP_ID=13,COMP_DS=PARAM_COMPONENT相应查询控件的ID。 如下: 4.1.6配置数据来源关联表GET_VALUE_CFG 1.)get_value_cfg当GET_VALUE_TYPE=’SQL’时GET_VALUE_ID与SQL_CFG的SQL_ID一致。 2.)GET_value_cfg的GET_VALUE_CFG_ID给MONITOR_MENU中MONITOR_URL提供数据来源,如: MONIOTOR_URL=’tabtitle@TemplateFourChart.html? panel=1&grid=30401’ 其中30401即是get_value_cfg的GET_VALUE_CFG_ID。 如下: 4.1.7配置列表显示样式GET_VALUE_SHOW_CFG 1.)get_value_show_cfg中的get_value_cfg_id与GET_value_cfG的GET_VALUE_CFG_ID一致。 2.)get_value_show_cfg中的TITLE配置列表标题,见下图: 3.)get_value_show_cfg中的IS_PAGE和PAGE_SIZE配置分页及IS_FORCEFIT滚动条(每页100条记录,并显示滚动条,如下图: ) 4.)get_value_show_cfg中的TOOLBAR_MENU_ID的值设置为21,增加导出EXCEL功能 5.).配置get_value_show_cfg中的CONFIG_SCRIPT,实现自动换行。 其值设置为: { isNewLine: true } 6.)配置get_value_show_cfg中的CONFIG_SCRIPT,实现自动刷新,interval刷新频率单位毫秒。 其值设置为: { interval: 3*1000 } 4.1.8配置列表显示字段GET_VALUE_CFG_FIELD 1.)GET_VALUE_CFG_FIELD中get_value_cfg_id与GET_value_cfG的GET_VALUE_CFG_ID一致。 2.)GET_VALUE_CFG_FIELD中NAME与SQL_CFG中的SQL_TEXT语句中的字段名称相对应。 4.1.9配置列表数据源归属哪个面板,并把相应面板配置到MONITOR_MENU的MONITOR_URL中。 4.1.10查看配置效果 4.2两个图表 4.2.1模仿单列表配置两个图表的查询SQL(4.1.1~4.1.6) 1.)图表1的SQL_CFG配置如下: SQL_ID=20402 SQL_TEXT=’ Selectto_char(t.create_time,'yyyy-mm-dd')create_time, count(*)cnt fromne_alarm_listt wheret.create_time>=to_date(: begindate,'yyyy-mm-dd') andt.create_time enddate,'yyyy-mm-dd')+1 anddecode(: p_oprt_state,-1,-1,t.oprt_state)=: p_oprt_state groupbyto_char(t.create_time,'yyyy-mm-dd') orderbyto_char(t.create_time,'yyyy-mm-dd')’ 2.)图表2的SQL_CFG配置如下: SQL_ID=20403 SQL_TEXT=’ Selectto_char(t.create_time,'yyyy-mm-dd')create_time, Sum(decode(t.oprt_state,10,1,0))cnt1, Sum(decode(t.oprt_state,20,1,0))cnt2, Sum(decode(t.oprt_state,30,1,0))cnt3 fromne_alarm_listt wheret.create_time>=to_date(: begindate,'yyyy-mm-dd') andt.create_time enddate,'yyyy-mm-dd')+1 groupbyto_char(t.create_time,'yyyy-mm-dd') orderbyto_char(t.create_time,'yyyy-mm-dd')’ 3.) 4.2.2配置图形标题,类型等GET_CHART_CFG 1.)GET_CHART_CFG中的GET_VALUE_CFG_ID与GET_VALUE_CFG中的GET_VALUE_CFG_ID一致 2.)GET_CHART_CFG中的CHART_TYPE为图表类型(line曲线,pie饼图,column柱状图) 3.)GET_CHART_CFG中的TITLE即为图表标题 4.)GET_CHART_CFG中的X_LABEL,X轴显示标签 5.)GET_CHART_CFG中的Y_LABEL,Y轴显示标签 4.2.3配置存放显示图形X轴和Y轴的信息CHART_COLUMN_CFG(插入配置信息(使用一个X轴多个Y轴的情况)) 1.)CHART_COLUMN_CFG中的GET_VALUE_CFG_ID与GET_VALUE_CFG中的GET_VALUE_CFG_ID一致 2.)CHART_COLUMN_CFG中的TYPE=’METRIC’即X轴,TYPE=’attribute’即Y轴;COL_NAME与SQL_CFG的SQL_TEXT中X/Y轴对应字段名称相对应,COL_LABEL对应字段的显示名称。 4.2.4存放图中每条曲线(柱子)的个性化定义CHART_LINE_CFG(可不配置) 1.)CHART_LINE_CFG中的GET_VALUE_CFG_ID与GET_VALUE_CFG中的GET_VALUE_CFG_ID一致。 2.)CHART_LINE_CFG中的Line_name=Count(*)+100000(声明对那条线或柱进行定制,填入字段名) 3.)CHART_LINE_CFG中的Line_type=column(转换为线或柱,取值为line,column,放空为不改变) 4.)CHART_LINE_CFG中的Line_color=#FF0000(显示颜色,放空为不改变) 5.)CHART_LINE_CFG中的Style=(个性化定制接口,提供个性化需求,放空为不改变) 配置后刷新页面显示效果如下 4.2.5配置数据源到MONITOR_MENU相应的MONITOR_URL中。 MONITOR_URL='标签页1@TemplateFourChart.html? panel=1&grid=30401/图表标签页@TemplateFourChart.html? panel=1&chart=30402,-1,-1,30403&height=300,200&flex=1,1,1,1' 4.2.6查看配置效果 4.3配置列表+图表 四图表+列表的模板支持配置出最多四个图表和一个列表的面板配置模板,可配置出不定数(最多四个)图表+列表(列表也可不配置)的页面。 1.)一列表: tabtitle@TemplateFourChart.html? panel=1&grid=3 2)两列表: tabtitle@TemplateTwoGrid.html? panel=1&grid=3,4 3.)一图表: tabtitle@TemplateFourChart.html? panel=1&chart=3&height=300 4.)两图表(左右结构): tabtitle@TemplateFourChart.html? panel=1&chart=3,2&height=300 5.)一图表+列表: tabtitle@TemplateFourChart.html? panel=1&chart=3,-1&grid=3&height=300,200 6.)两图表+列表,flex可不配: tabtitle@TemplateFourChart.html? panel=1&chart=3,2&grid=3&height=300,200&flex=1,2 7.)两图表+两图表,flex可不配: tabtitle@TemplateFourChart.html? panel=1&chart=3,2,4,6&height=300,200&flex=1,2,2,1 8.)一图表+两图表,flex可不配: tabtitle@TemplateFourChart.html? panel=1&chart=3,-1,4,6&height=300,200&flex=1,1,2,1 9.)一图表+一图表,flex可不配,上下、左右结构均可配。 上下结构配置如下: tabtitle@TemplateFourChart.html? panel=1&chart=3,-1,-1,6&height=300,200&flex=1,1,1,1 10.)两图表+两图表+列表,flex可不配: tabtitle@TemplateFourChart.html? panel=1&grid=3&chart=3,4,5,6&flex=1,2,2,1&height=300,300,250 11.)一图表+两图表+列表,flex可不配: tabtitle@TemplateFourChart.html? panel=1&grid=3&chart=3,-1,5,6&flex=1,1,2,1&height=300,300,250 12.)一图表+一图表+列表,flex可不配: tabtitle@TemplateFourChart.html? panel=1&grid=3&chart=3,-1,-1,6&flex=1,1,1,1&height=300,300,250 4.4PARAM_COMPONENT查询控件 上面的例子里我们使用了文本输入框(Comp_id=1)来实现对sid和name这两个参数的赋值。 系统目前支持的控件类型都存放在component中,使用控件时它的配置信息由3部分构成,分别为comp_Id,comp_ds,comp_cfg(目前使用这些控件的配置表为sql_param_cfg和param_component)。 comp_Id配置使用何种控件,数据来源于component。 comp_ds配置控件的数据来源,需要配置的控件包括数组下拉、SQL下拉、树形控件(通过指定URL)、树形控件(通过指定SQL)、树形控件(通过指定valuecfg)、树形控件(通过指定无Level的SQL)、分步加载树、域下拉、已存在的控件。 comp_cfg程序留有的接口,使用json格式。 用以拓展控件的功能或配置控件的一些特有属性,以满足一些个性化需求。 接下来就依次介绍不同控件类型的配置方法,下面的演示还是建立在之前那个例子的配置数据上,选择不同控件时,默认须将sql_param_cfg的comp_id修改为相应控件的comp_id。 4.4.1.1普通文本框(comp_id=1) 普通的文本输入框,无需配置comp_ds,控件显示效果如下图 4.4.1.2日期选择框(comp_id=2) 日期选择框,无需配置comp_ds,使用的日期格式为“YYYY-MM-DD”。 配置的SQL如果是使用时间过滤,则必须用to_date函数来转换参数值或者使用to_char函数来转换日期型字段,这个时候Sql_Param_Cfg的Data_type配置成STRING。 控件显示效果如下图 4.4.1.3数组下拉(comp_id=3) 下拉菜单的一种,需要配置comp_ds。 Comp_ds配置为一个嵌套的json数组,第一层数组描述有几个下拉项(系统默认会添加一个“-无-”的下拉选项以方便清空该查询条件),第二层数组的第一个元素表示下拉项的value,第二个元素表示下拉项的text。 如配置comp_ds=[[1,"测试数据1"],[2,"测试数据2"],[3,"测试数据3"]],则显示如下图 4.4.1.4SQL下拉(comp_id=4) 下拉菜单的一种,需要配置comp_ds。 Comp_ds配置为一段sql文本,sql需要返回2个字段。 sql的第一个字段表示下拉项的value,第二个字段表示下拉项的text,如果只有一个字段则同时表示value和text。 如配置comp_ds=Selectcode,meanFromcodelistWherecode_type='DOMAIN_CIM_LINKTYPE'OrderBysort_id,则显示如下图 4.4.1.5模糊输入框(comp_id=5) 与普通文本框类似,也无需配置comp_ds,显示效果也一样。 只是会在值的前后加上“%”,与sql里like配合使用。 4.4.1.6树形控件(通过指定URL)(comp_id=6) 树形下拉的一种,需要配置comp_ds。 comp_ds配置能返回符合树形控件XML数据格式的URL(基本是现有代码已经提供的,如/resource/xml/TreeType.xml中提供的一些地址)。 如配置comp_ds=/servlet/RegionTree? action=4,则显示效果如下图 4.4.1.7树形控件(通过指定SQL)(comp_id=7) 树形下拉的一种,需要配置comp_ds。 comp_ds配置为一段使用CONNECTBY的sql文本,sql需要返回3个字段,sql的第一个字段表示树节点的value,第二个字段表示树节点的text,第三个字段为关键字level。 如配置comp_ds=SELECTORG_ID,ORG_NAME,LEVELFROMORGANIZATIONCONNECTBYPRIORORG_ID=PARENT_ORG_IDSTARTWITHORG_ID=0,则显示效果如下图 4.4.1.8树形控件(通过指定valuecfg)(comp_id=8) 树形下拉的一种,需要配置comp_ds。 comp_ds配置为另一个自定义查询的get_value_cfg_id。 因为采用树形控件(通过指定SQL)和树形控件(通过指定无Level的SQL)这两种树形控件所配置的sql均为静态sql,即sql中不能使用参数。 如果需要在配置sql中使用参数,则必须将这段sql配置为一个自定义查询,即配置sql_cfg和get_value_cfg。 而这个时候新定义的自定义查询的参数只能通过url的方式赋值。 如现在树形控件还是显示组织树,但根节点必须动态指定。 配置如下 1)添加sql_cfg sql_id=2 Sql_text=SELECTORG_ID,ORG_NAME,LEVELFROMORGANIZATIONCONNECTBYPRIORORG_ID=PARENT_ORG_IDSTARTWITHORG_ID=: root(注意: 这里把之前写死的0改成使用root参数) Sql_type=SQL 2)添加get_value_cfg GET_VALUE_CFG_ID=3(将配置到comp_ds) GET_VALUE_TYPE=SQL GET_VALUE_ID=2 3)配置comp_ds comp_ds=3(新添的那个自定义查询GET_VALUE_CFG_ID) 4)执行show_result.html 执行show_result.html? reuslt=2&root=0(通过url传入GET_VALUE_CFG_ID=3中定义的查询参数值),显示效果如下(因为传入是0所以与之前静态sql效果一样) 执行show_result.html? reuslt=2&root=2(这里的root=2是根据我数据库里一个org_Id,大家可以依据各自数据库里实际org_Id来测试效果),显示效果如下 4.4.1.9树形控件(通过指定无Level的SQL)(comp_id=9) 树形下拉的一种,需要配置comp_ds。 comp_ds配置为sql文本(不使用CONNECTBY),sq
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 统一 查询 面板 配置 傻瓜 手册 V02
![提示](https://static.bdocx.com/images/bang_tan.gif)