6.4.
AutoComplete
用户在文本输入框中输入文字时,该组件通过输入的内容查找符合输入条件的内容, 并显示出所有符合条件的内容,供用户能够很快的完成正确的输入.
AutoComplete 的引入 的引入
build/yahoo-dom-event/yahoo-dom-event.js build/connection/connection-min.js build/animation/animation-min.js build/autocomplete/autocomplete-min.js
的配置集 控制 AutoComplete 的配置集
属性名称 animVert animHoriz animSpeed delimChar maxResultsDisplayed minQueryLength queryDelay autoHighlight highlightClassName prehightlightClassNa me
含义 注 控制下拉框向下展开的动画效果 控制下拉框水平方向展开的动画效果 控制动画的速度 一行显示多条记录时的分隔符, 可以是字 符串数组或字符串 结果集的最大显示行数 进行查询前的输入的字符个数 用户键入字符后多少秒开始查询,默认 0.5 查询出来的结果集显示后, 是否高亮显示 第一条,默认为 true 高亮显示的样式名,默认为 yui-ac-highlight 鼠标移动到下拉框的一行上时, 那一行的 样式,默认为 yui-ac-prehighlight
备
useShadow useIFrame forceSelection typeAhead allowBrowserAutocom plete alwaysShowContainer
下拉框是否有阴影 下拉框欠套在一个 iframe 中,用于解决 IE 中覆盖
件. selectionEnforceEvent containerCollapseEven t textboxBlurEvent 输入框失去焦点时的事 件 可以根据需要重载自定义的事件 例:输入框获得焦点时自动进行查询,可以重载 textboxFocusEvent myAutoComp.textboxFocusEvent.subscribe( //发送一个查询条件为空的查询请求 function(){myAutoComp.sendQuery("");} ); 2 出 oAutoComp.formatResult = function(oResultItem, sQuery) { var sMarkup = oResultItem[0] + " (" + oResultItem[1] + ")" ; return (sMarkup); } 3 AutoComplete 的数据源 DS_JSArray data = ["AAA","BBB","BCC"]; var myDataSource = new YAHOO.widget.DS_JSArray(data); 可以通过 DWR 的方式调用 java 方法获得一字符串数组作为查询的下拉框, 并在回调 函数中可以直接使用,如: DS_JSFunction DS_XHR 对于 JSArray 方式取数时,AutoComplete 可以自动根据输入的内容查在 JSArray 中查找符合条件的结果项,但在使用 XHR 方式时,YUI 并没有提供默认的查找功能,必须 由用户通过控制 URL 参数方式来实现这一功能. JSON 方式: 方式: 使用 JSON 格式时, 创建数据源 YAHOO.widget.DS_XHR 时第一个参数为请求的 U RL,第二个参数为一数组,这一数组的第一条记录表示结果集在 JSON 对象的哪个对象属 性下,如类似于下面结构的 JSON 对象 { Result:{ 格式化下拉框的输出 如果返回的结果集中有多个属性,可以通过重载 formatResult 来格式化结果项的输 强制从结果集中选择输 入项时触发的事件 下拉框收缩时的事件 containerCollaps e textboxBlur selectionEnforce
data:[ {username:"Tom",oldname:"Tom",age:12"}, {username:"Jack",oldname:"Jack",age:16"} ] } } 如果是要查询 username 则结果集应该表示为"Result.data", 第二条记录为搜索的主键,同上面的例子中如果是要查找出符合条件的 username, 则第二个数组应为"username",如果返回的结果集中还需要返回 oldname 属性,则应该 指名数组的第三条记录"oldname",后面还可以指定更多的需要返回的属性. 因此第二个数组对象参数可以用以下方法表示: [结果对象,搜索的主键,额外的返回属性 1,…额外的返回属性 N] function initAutocomplete(){ var myDataSource1 = new YAHOO.widget.DS_XHR( "./queryUsername.action", ["data","username"]); myDataSource1.responseType = YAHOO.widget.DS_XHR.TYPE_JSON; //myDataSource1.scriptQueryAppend = "output=json&results=100"; var oAutoComp = new YAHOO.widget.AutoComplete("user_usernam e", "usernameContainer", myDataSource1); oAutoComp.dataRequestEvent.subscribe( function(oSelf,sQuery){ myDataSource1.scriptQueryParam = "username"; }); } XML 方式: 方式: 应用方式与 JSON 方式类似,只是将 reponseType 指定为 myDataSource1.responseType = YAHOO.widget.DS_XHR.TYPE_XML FlatData 方式: 方式:
6.5.
DataTable
DataTable 的引入 的引入
build/datatable/assets/datatable.css
build/yahoo-dom-event/yahoo-dom-event.js build/connection/connection-min.js build/dragdrop/dragdrop-min.js build/datasource/datasource-beta-min.js build/datatable/datatable-beta-min.js
DataTable 的使用 的使用
1.
定义表头 var myColumnHeaders = [ {key:"name", text:"姓名"}, {key:"stdno", text:"学号"}, {key:"age", text:"年龄", type:"number"} ]; YAHOO.widget.ColumnSet 的属性说明 属性名称 key text type resizeable sortable abbr children width className formatter parse editor descFunction ascFunction 定义可编辑的列,可用的值为"textbox","textarea" 递减排序的函数 function(a,b) 递增排序的函数 function(a,b) 定义子表头,类型为 YAHOO.widget.ColumnSet 列宽度,单位为 px 定义本列单元格的样式名称 定义本列单元格的格式化函数 function(elCell, oRecord, oColumn, oData) 含义 列的属性名 列的显示名称 列的类型,包括"string", "number", "date", "currency", "checkbox", "select", "email", "link",缺省为"string" Boolean 值,是否可通过拖动改变列宽度 Boolean 值,是否可排序
2.
创建 datatable var myDataTable = new YAHOO.widget.DataTable( "myContainer", myColumnSet, myDataSource, ); DataTable 的配置集 属性名称 caption summary paginator 含义 表格的表头文字 表格摘要 Boolean 值,是否分页,缺省为 false { containers: rowsPerPage: 每页显示的记录数, pageLinks: 最多显示的页面链接数,0 为全部 currentPage:当前页 dropdownOptions:下拉框选择项,null 表示不使用下拉框 } initialRequest fixedWidth scrollable rowSingleSel ect contextMenu sortedBy pageCurrent XHR 方式下,附加的请求参数 固定表格宽度 表格有滚动条,滚动时表格表头保持不动,Boolean 值 只允许选择一行,Boolean 值 表格的上下文菜单,右键弹出, YAHOO.widget.ContextMenu { colKey:排序的列, dir: 排序的方向,"desc"和"asc" } 表格的当前页 //datatable 绑定的页面 element(DIV) //表头定义, YAHOO.widget.ColumnSet //数据源
{caption:"My Caption",summary:"摘要"} //datatable 的配置集
paginatorOpti ons
3.
DataTable 的数据源 DS_JSArray 以对象数组的方式使用,可以是在客户端定义对象数组,也可以通过 DWR 的方式调
用 JAVA 的方法获取一个 JAVA 类的 List 列表,在回调函数中以数组方式使用. var commonDataSource = new YAHOO.util.DataSource(data); //data 可以为用 javascript 定义的对象数组, 也可以是 DWR 方式下回调函数的参 数 commonDataSource.responseType = YAHOO.util.DataSource.TYPE_JSA RRAY; JSON
使用 JSON 对象时 var myDataSource = new YAHOO.util.DataSource("query.action"); myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON; myDataSource.responseSchema = { resultsList: "result.data",// 结果集所在的 JSON 结构中的对象 fields: ["id","username","email","monicker","edit","del"] }; XML var myDataSource = new YAHOO.util.DataSource("query.action"); myDataSource.responseType = YAHOO.util.DataSource.TYPE_XML; myDataSource.responseSchema = { resultNode: "Item", // 结果集所在的 XML 结构中的结点 fields: ["Company","Title","Name","Phone","Email"] //表格的 列 }; Plain Text Data var myDataSource = new YAHOO.util.DataSource("query.action"); myDataSource.responseType = YAHOO.util.DataSource.TYPE_TEXT; myDataSource.responseSchema = { recordDelim: "\n", // 记录的分割符 fieldDelim: ",", // 字段的分割符 fields: ["Company","Title","Name","Phone","Email"] //表格的 列 }; 4. DataTable 数据的访问 这里主要指通过 javascript 访问 DataTable 数据时采用的方式. var rs = https://www.doczj.com/doc/6a6666691.html,monDataTable.getRecordSet(); var obj = rs.getRecord(i); //获取第 i 行的数据对象 对象 obj 的属性就是定义表头时指定的各列的 key 值,可以通过 obj[key 值]访问该 行上的各列属性值. 5. 6.6. 测试 DragDrop
6.7.
TreeView
6.8.
Container
一组模拟 windows 控件的组件
Container 下的控件继承关系 下的控件继承关系
Overlay Module ToolTip Dialog SimpleDialog Panel
Container 的引入 的引入
build/yahoo-dom-event/yahoo-dom-event.js build/connection/connection-min.js build/animation/animation-min.js build/container/container-min.js
6.8.1.
Container 下的控件 下的控件
由于 Container 下的控件的创建方式和属性控制方式基本相同,可以在创建组件时通 过 config 对象指定控件的各项属性, 也可以在创建后通过 myContainer.cfg.setAttribut e 来设置控件属性,通过对这些属性的控制来实现控件的不同动作表现.因此对于各个子控 件的属性在下面采用配置集的方式用一个表格来说明.
Module
一种最基础的控件模块, 通过 Module 可以创建一个从 HTML 中继承下来的 javascri pt 对象,你可以操作页面中的 module,也可以动态创建新的 module.module 是没有预 定义样式的,必须手动定义.
必需的引入 使用 Module 必需的引入
build/yahoo-demo/yahoo-dom-event.js build/container/container_core-min.js
初始化的方式: 始化的方式:
constructor:YAHOO.widget.Module(ModuleId,{配置集}); : moduleId 如果页面中已经定义了 moduleId,则可以直接调用 render 函数将设置的 各种属性直接应用到 module 上,如果页面中没有定义这个 id,则必须调用 render(DOM 中已经存在的 element)将 module 插入到 DOM 中.
显示/隐藏 Module 隐藏
方式一: myModule.show(); myModule.hide(); 方式二: myModule.cfg.setProperty("visible", true); myModule.cfg.setProperty("visible", false);
配置集的说明 置集的说明
属性名称 visible monitorr esize
含义 Module 是否可见,Boolean 值 设置是否创建一个不可见的屏幕元素用来 监听 DOM 中文字大小的改变,Boolean 值
备注
6.8.2.
Overlay
对 Module 的一种扩展,但和 Module 不同的是 Overlay 可以通过绝对方式定位,并 且是浮动窗口,不会影响页面中原有的内嵌标签的布局.与 Module 相同的是:也没有预 先定义样式,必须手动设置.
初始化的方式 始化的方式
与 Module 相同
位置设定 置设定
1. 绝对定位: myOverlay.cfg.setProperty("x", 100); myOverlay.cfg.setProperty("y", 200); myOverlay.cfg.setProperty("xy", [100,200]); 2. 居中 窗口中居中:myOverlay.center(); 屏幕居中:myOverlay.cfg.setProperty("fixedcenter", true); 3. 对齐 // myOverlay's 右上角对齐 myContextEl 的左上角 myOverlay.cfg.setProperty("context", ["myContextEl", "tr", "tl"]); 设置过对齐方式后可以直接使用 align 来改变对齐方式 // myOverlay's 右上角对齐 "myContextEl"'s 左下角. myOverlay.align("tr", "bl"); 注:对齐方式的写法: top->t ,left ->l, ,bottom->,right->r top-left 就表示为 tl
配置集
属性名称 x y xy context effect
含义 设置元素的 left 属性 设置元素的 top 属性 设置元素的 top,left 属性 停靠位置,[element, Overlay 的顶角, 被停靠的 element 顶角] 当 Overlay 显示或隐藏时的特效对象.
开发文档介绍
开发文档介绍 软件开发文档是软件开发使用和维护过程中的必备资料。它能提高软件开发的效率,保证软件的质量,而且在软件的使用过程中有指导,帮助,解惑的作用,尤其在维护工作中,文档是不可或缺的资料。 软件文档可以分为开发文档和产品文档两大类。 开发文档包括:《功能要求》、《投标方案》、《需求分析》、《技术分析》、《系统分析》、《数据库文档》、《功能函数文档》、《界面文档》、《编译手册》、《QA 文档》、《项目总结》等。产品文档包括:《产品简介》、《产品演示》、《疑问解答》、《功能介绍》、《技术白皮书》、《评测报告》。用户文档《安装手册》、《使用手册》、《维护手册》、《用户报告》、《销售培训》等。 开发文档 1. 《功能要求》-- 来源于客户要求和市场调查,是软件开发中最早期的一个环节。 客户提出一个模糊的功能概念,或者要求解决一个实际问题,或者参照同类软件的一个功能。有软件经验的客户还会提供比较详细的技术规范书,把他们的要求全部列表书写在文档中,必要时加以图表解说。这份文档是需求分析的基础。 2. 《投标方案》-- 根据用户的功能要求,经过与招标方沟通和确认,技术人员开 始书写《投标方案》,方案书一般包括以下几个重要的章节:前言-- 项目背景、公司背景和业务、技术人员结构、公司的成功案例介绍等。需求分析-- 项目要求、软件结构、功能列表、功能描述、注意事项等。技术方案-- 总体要求和指导思想、技术解决方案、软件开发平台、网络结构体系等。项目管理-- 描述公司的软件开发流程、工程实施服务、组织和人员分工、开发进度控制、软件质量保证、项目验收和人员培训、软件资料文档等。技术支持-- 公司的技术支持和服务介绍、服务宗旨和目标、服务级别和响应时间、技术服务区域、技术服务期限、授权用户联系人等。系统报价-- 软、硬件平台报价列表、软件开发费用、系统维护费用等。项目进度-- 整个项目的进度计划,包括签署合同、项目启动、需求分析、系统分析、程序开发、测试维护、系统集成、用户验收、用户培训等步骤的时间规划。 3. 《需求分析》-- 包括产品概述、主要概念、操作流程、功能列表和解说、注意 事项、系统环境等。以《功能要求》为基础,进行详细的功能分析( 包括客户提出的要求和根据开发经验建议的功能) ,列出本产品是什么,有什么特殊的概念,包括哪些功能分类,需要具备什么功能,该功能的操作如何,实现的时候该注意什么细节,客户有什么要求,系统运行环境的要求等。这里的功能描述跟以后的使用手册是一致的。 4. 《技术分析》-- 包括技术选型、技术比较、开发人员、关键技术问题的解决、 技术风险、技术升级方向、技术方案评价,竞争对手技术分析等。以《需求分析》为基础,进行详细的技术分析( 产品的性能和实现方法) ,列出本项目需要使用什么技术方案,为什么,有哪些技术问题要解决,估计开发期间会碰到什么困难,技术方案以后如何升级,对本项目的技术有什么评价等。 5. 《系统分析》-- 包括功能实现、模块组成、功能流程图、函数接口、数据字典、 软件开发需要考虑的各种问题等。以《需求分析》为基础,进行详细的系统分析( 产
接口调用说明文档
XXX)科技有限公司 数据接口 2015-5-26
目录 第1章引言. ......................................................... 错误!未定义书签。 背景. ........................................................... 错误!未定义书签。 第2章接口与数据定义. ................................................... 错误!未定义书签。 曝光台查询接口. ..................................................... 错误!未定义书签。 曝光台列表查询.......................... 错误!未定义书签。 曝光台详情查询.......................... 错误!未定义书签。 信用公示查询接口定义.......................... 错误!未定义书签。 守信公示列表查询.......................... 错误! 未定义书签。 守信公示详情查询.......................... 错误!未定义书签。 失信公示列表查询.......................... 错误!未定义书签。 失信公示详情查询.......................... 错误!未定义书签。 企业名称查询接口定义.......................... 错误!未定义书签。 Webservice 方法定义 ........................ 错误! 未定义书签。 请求参数. .................................................... 错误! 未定义书签。 返回数据. .................................................... 错误!未定义书签。 企业信息查询接口定义.......................... 错误!未定义书签。 Webservice 方法定义 ........................ 错误! 未定义书签。 请求参数. .................................................... 错误! 未定义书签。 返回数据. .................................................... 错误!未定义书签。
大数据处理平台构架设计说明书
大数据处理平台及可视化架构设计说明书 版本:1.0 变更记录
目录 1 1. 文档介绍 (3) 1.1文档目的 (3) 1.2文档范围 (3) 1.3读者对象 (3) 1.4参考文献 (3) 1.5术语与缩写解释 (3) 2系统概述 (4) 3设计约束 (5) 4设计策略 (6) 5系统总体结构 (7) 5.1大数据集成分析平台系统架构设计 (7) 5.2可视化平台系统架构设计 (11) 6其它 (14) 6.1数据库设计 (14) 6.2系统管理 (14) 6.3日志管理 (14)
1 1. 文档介绍 1.1 文档目的 设计大数据集成分析平台,主要功能是多种数据库及文件数据;访问;采集;解析,清洗,ETL,同时可以编写模型支持后台统计分析算法。 设计数据可视化平台,应用于大数据的可视化和互动操作。 为此,根据“先进实用、稳定可靠”的原则设计本大数据处理平台及可视化平台。 1.2 文档范围 大数据的处理,包括ETL、分析、可视化、使用。 1.3 读者对象 管理人员、开发人员 1.4 参考文献 1.5 术语与缩写解释
2 系统概述 大数据集成分析平台,分为9个层次,主要功能是对多种数据库及网页等数据进行访采集、解析,清洗,整合、ETL,同时编写模型支持后台统计分析算法,提供可信的数据。 设计数据可视化平台 ,分为3个层次,在大数据集成分析平台的基础上实现大实现数据的可视化和互动操作。
3 设计约束 1.系统必须遵循国家软件开发的标准。 2.系统用java开发,采用开源的中间件。 3.系统必须稳定可靠,性能高,满足每天千万次的访问。 4.保证数据的成功抽取、转换、分析,实现高可信和高可用。
帝国CMS版接口说明
帝国CMS接口使用手册 一、简介 1、本接口应用于帝国CMS 版新闻系统模型的栏目文章发布; 2、本接口可以自动生成文章、栏目、首页等静态HTML页面; 3、本接口可以生成随机点击数,详见发布接口参数说明; 4、发布时请使用管理员用户帐号; 5、在帝国CMS utf8版使用本接口时,请在发布规则中选择编码为UTF-8; 6、本接口基于帝国CMS UTF8版制作,适用于帝国CMS GBK/utf-8等版本,应用于其他版本时请自行测试调整;; 7、接口文件无须任何改动即可使用,如果你希望增加校验或其他功能,请仔细修改; 8、2个接口文件请复制在网站 /e/admin目录下使用; 二、安装接口 在接口文件夹中找到接口文件,如图: 请将、等接口文件上传到指定目录,请使用二进制方式上传,如图: 三、配置发布规则 1、将范例发布规则文本导入ET2发布配置,或使用软件内置发布规则范例,如图:
2、将检查网址和发布网址中的“您的网站”改为您要发布的网站网址,如图: 3、在检查网址填上您要发布的栏目ID,如图: 4、在参数取值页,填上您要发布的网站栏目ID,如图: 这里查看栏目ID:
4、填上您的管理账号、密码,注意格式,如图: 四、接口说明 一、检查接口 1、接口文件名,为保密,请自行修改文件名; 2、本接口文件复制在网站/e/admin目录使用,如果目录名有变更,请自行对应; 3、主要参数 keyboard 文章标题 classid 栏目ID,用于指定检查栏目,可在后台网站栏目管理处查看; vercode 校验码,请自行设定,并在检查接口文件开始处修改$vercode 使其一致; 4、发布配置-文章检查网址处,可以如下填写: 注:使用大小写敏感的服务器的用户请注意网址大小写和网站文件一致 5、接口文件无须任何改动即可使用,如果你希望增加校验或其他功能,请仔细修改; 二、发布接口 1、接口文件名,为保密,请自行修改文件名; 2、本接口文件请复制在网站/e/admin目录下使用,为保密,请自行修改文件名;
ECharts调用笔记
一、三种方式引入文件 1、模块化包引入 require.config({ packages: [ { name: 'echarts', location: '../../src', main: 'echarts' }, { name: 'zrender', location: '../../../zrender/src', // zrender与echarts在同一级目录 main: 'zrender' } ] }); 注:由于echarts依赖底层zrender,你需要同时下载zrender到本地 2、模块化单文件引入(推荐)
... dist(文件夹): 经过合并、压缩的单文件 echarts.js : 这是包含AMD加载器的echarts主文件,需要通过script最先引入 chart(文件夹): echarts-optimizer通过依赖关系分析同时去除与echarts.js的重复模块后为echarts的每一个图表类型单独打包生成一个独立文件,根据应用需求可实现图表类型按需加载 echarts-line.js : 折线图(如需折柱动态类型切换,require时还需要echarts/chart/bar)echarts-bar.js : 柱形图(如需折柱动态类型切换,require时还需要echarts/chart/line)echarts-scatter.js : 散点图 echarts-k.js : K线图 echarts-pie.js : 饼图(如需饼漏斗图动态类型切换,require时还需要echarts/chart/funnel)echarts-radar.js : 雷达图 echarts-map.js : 地图 echarts-force.js : 力导向布局图(如需力导和弦动态类型切换,require时还需要echarts/chart/chord) echarts-chord.js : 和弦图(如需力导和弦动态类型切换,require时还需要echarts/chart/force) echarts-funnel.js : 漏斗图(如需饼漏斗图动态类型切换,require时还需要echarts/chart/pie) echarts-gauge.js : 仪表盘 echarts-eventRiver.js : 事件河流图 source(文件夹): 经过合并,但并没有压缩的单文件,内容同dist,可用于调试 注:动态加载echarts及所需图表然后在回调函数中开始使用(容我罗嗦一句,当你确保同一页面已经加载过echarts,再使用时直接require('echarts').init(dom)就行) 3、标签式单文件引入
...
NRF24L01功能使用文档
NRF24L01使用文档 基于c8051f330单片机
目录 芯片简介 (3) 1 NRF24L01功能框图 (4) 2 NRF24L01状态机 (5) 3 Tx与Rx的配置过程 (7) 3.1 Tx 模式初始化过程 (7) 3.2 Rx模式初始化过程 (8) 4控制程序详解 (9) 4.1 函数介绍 (9) 4.1.1 uchar SPI_RW(uchar byte) (9) 4.1.2 uchar SPI_RW_Reg (uchar reg, uchar value) (10) 4.1.3 uchar SPI_Read (uchar reg); (10) 4.1.4 uchar SPI_Read_Buf (uchar reg, uchar *pBuf, uchar bytes); (11) 4.1.5 uchar SPI_Write_Buf (uchar reg, uchar *pBuf, uchar bytes); (11) 4.1.6 void RX_Mode(void) (12) 4.1.7 void TX_Mode(void) (13) 4.2 NRF24L01相关命令的宏定义 (13) 4.3 NRF24L01相关寄存器地址的宏定义 (14) 5 实际通信过程示波器图 (16) 1)发射节点CE与IRQ信号 (17) 2)SCK与IRQ信号(发送成功) (18) 3)SCK与IRQ信号(发送不成功) (19)
芯片简介 NRF24L01是NORDIC公司最近生产的一款无线通信通信芯片,采用FSK调制,内部集成NORDIC自己的Enhanced Short Burst 协议。可以实现点对点或是1对6的无线通信。无线通信速度可以达到2M(bps)。NORDIC公司提供通信模块的GERBER文件,可以直接加工生产。嵌入式工程师或是单片机爱好者只需要为单片机系统预留5个GPIO,1个中断输入引脚,就可以很容易实现无线通信的功能,非常适合用来为MCU系统构建无线通信功能。
数据方报表系统-使用手册
数据方报表系统 文档编号产品版本密级SHUJUF-2017-02-22V1.0 公开产品名称:数据方报表系统共页 软件使用说明 (V1.0) 文档作者:_____________________ 日期:___/___/___ 说明书校对: _________________ 日期:___/___/___ 产品经理: ___________________ 日期:___/___/___ DDP工作室 版权所有
目录 1系统简介 (3) 1.1数据方报表系统有哪些功能? (3) 1.2使用中遇到问题时的联系方式? (3) 2功能说明 (3) 2.1用户注册 (3) 2.2配置数据源 (5) 2.3创建报表 (7) 2.3.1实时报表 (7) 2.3.2条件报表 (8) 2.3.3参数报表 (9) 2.3.4图形报表 (9) 2.3.5权限管理 (12) 2.3.6报表用户 (13) 2.3.7其他设置 (14) 2.3.8报表设置补充 (14) 2.4报表客户端使用简介 (15)
1系统简介 1.1数据方报表系统有哪些功能? 数据方报表系统是一个完整的BI报表解决方案。可实现报表的制作、用户权限控制,数据同步和数据推送等功能。 实时报表:用户访问报表的时候实时从数据库查询,可设置页面自动刷新 条件报表:默认查询全部数据,可以任意结果字段做为条件查询数据,可设置条件数量参数报表:打开报表时默认不查询,至少输入一个查询条件才能查出结果。通过参数定义哪些字段做为条件,可用作数据分析 图形报表:支持echarts的所有图表,通过代码可制作复杂的图形报表,可制作有一定交互式功能的图表 导出功能:所有表格形式报表均可点击字段名进行排序,可导出Excel和csv文件,可导出百万级数据量 邮件报表:扩展功能中可使用邮件报表,按天或按周定时推送数据(支持hive等大数据环境数据) 数据同步:扩展功能中可使用数据同步功能,将数据查出后同步到相同数据库或不同数据库 其他功能:如有需要,可以定制开发其他功能,系统支持功能扩展 1.2使用中遇到问题时的联系方式? QQ:343196832 邮箱:343196832@https://www.doczj.com/doc/6a6666691.html, 我们会在第一时间回复并协助解决问题 2功能说明 2.1用户注册 开始使用前,需要注册一个报表端管理账号 一、进入首页点击注册按钮(网址:https://www.doczj.com/doc/6a6666691.html,,如果部署在自己的服务器上,请使用服务器上的实际访问地址)
接口使用说明文档
中国移动短信网关 SP端接口使用手册 China Mobile Shot Message Gateway Interface for SP Manual 作者:沈岗 日期:2004年1月 版本:V1.2
一、CMSMIF.CMPPApp 简要说明: 该类采用CMPP协议(V2.0)实现了SP端与移动短信网关的连接处理。 本类中,采用长连接方式与ISMG通讯。通信双方以客户-服务器方式建立TCP连接,用于双方信息的相互提交。当信道上没有数据传输时,通信双方应每隔时间C发送链路检测包以维持此连接,当链路检测包发出超过时间T后未收到响应,立即再发送链路检测包,再连续发送N-1次后仍未得到响应则断开此连接。参数C、T、N可通过属性配置。 消息发送时采用并发方式,即发送一条消息不等待网关回复确认,继续向网关发送短信,这样发送消息速度非常快,完全取决于网关的处理速度及网络速度。为避免消息丢失,同时采用了滑动窗口流量控制,窗口大小可通过属性设置。 消息接收、网络断开等采用事件触发方式,不需应用程序轮询,在此接口基础之上编程方便。 类中运用了多线程技术,如一条线程处理发送网络包,而另一条线程处理从网关上接收网络包,其他还有一些线程处理检测包、网络连接情况监测等,使程序思路明确、执行效率很高、运行非常稳定。 (一)属性 1.ActiveInterval 说明:检测包发送时间间隔,单位:毫秒。默认值为120000,即120秒。为上 述类说明中的C参数。 2.MaxNetworkPackSize 说明:与ISMG通讯时最大网络包大小,单位:字节。默认值为512Byte。 3.MaxRetryTimes 说明:网络超时最大重发次数,单位:次。默认值为3次。为类说明中的N。 4.OverTime 说明:网络包发送超时时间,单位:毫秒,超过此值还未收到回复则重发。默认值 为60000,即60秒。为类说明中的T。 5.QueueLength 说明:网络队列大小,单位:个,默认值为20。为类说明中的滑动窗口大小, 以控制发送流量。 (二)方法 1.ConnectToIsmg 方法说明: 连接到远程短信网关ISMG上,只有连接到远程短信网关上,才可进行短信收发操作。 在本操作中,自动初始化本地Socket,以连接到指定IP服务器的指定端口上。 声明原型:int ConnectToIsmg(string ServerIP,int Port,string SP_ID,string Secret,string SN) 参数说明: ServerIP:远程短信网关服务器的IP地址,如211.138.200.51 Port:远程短信网关服务器的端口号,如7890 SP_ID:企业服务代码
详细功能介绍及使用说明
关键使用说明在使用过程中的翻译机最下方的信息栏中都有简明说明,本文档将更详细的对每个功能及使用技巧做说明: 一、基本功能 1、设置文件——保存设置文件:保存当前所有设置到SFSave文件夹中,便于下次导入使用而不用重复操作 2、设置文件——导入设置文件:从SFSave文件夹中导入指定的设置文件从而沿用之前保存的设置 3、窗口——窗口置顶:可以控制窗口是否永久置顶 4、帮助:内有简明使用步骤,BUG反馈途径等帮助信息 5、推广:雨滴网相关的网址 6、获取游戏窗口句柄:划定识别区之前以及导入设置文件之后的必须步骤,在不更换游戏程序的前提下不用重复捕获。点击按钮后会有特殊蓝色半透明阴影出现(以下简称迷雾)。迷雾会随着鼠标的位置识别有句柄的窗口并将其覆盖(常见于WIN7或以上系统)或交替闪烁(常见于XP系统)。鼠标移动到游戏窗口后迷雾自动将其覆盖,左键单击迷雾即可捕获覆盖的窗口,右键单击放弃捕获。捕获完毕后会弹出确认窗口,若正确捕获,窗口内能看到缩小的游戏画面。 7、划定识别区:在游戏画面上直接划定一个矩形区域,本软件会对该区域进行OCR(光学字符识别)从而提取文字。点击按钮后覆盖游戏窗口的迷雾又会出现,直接在迷雾上框出要识别的区域即可,操作方式与普通截图软件类似(即左键单击想划定的区域的起点,鼠标移到终点再左键单击一次即可)。右键可重画已经指定起点但还未指定终点的识别区,若起点也未指定,则会退出划区模式而放弃划区。在之前划定过识别区的前提下,显示的绿框是之前已经划定的识别区,红框是正要划定/修改的识别区。 8、修改识别区:点击并成功“划定识别区”后该按钮会变为“修改识别区”。功能与“划定识别区”相同,直接无视之前的识别区在迷雾上划定新识别区即可。右键单击放弃修改。 9、激活:获取游戏窗口句柄并划定识别区后,或者,导入设置文件并获取游戏窗口句柄后;就具备了激活翻译循环的基本条件。点击按钮即可激活翻译循环。程序将自动开始循环翻译。 10、暂停:点击“激活”按钮后,该按钮将变为“暂停”。点击按钮后将停止翻译循环。 11、添加翻译栏:可以新增一行翻译栏,多个翻译栏使用的是同一游戏句柄,故新增翻译栏不必重新获取游戏句柄。但不同的翻译栏有各自的设置,互不影响,需要单独进行设定。 12、删除翻译栏:删除最下方的翻译栏。为防止手滑删除,删除后大部分设置仍会保留。 13、修改标签:“激活”按钮上方的标签可以修改,便于用户记忆翻译栏对应翻译的是什么东东。 二、扩展功能【注意】:以下设置只有点确定后才生效,点取消放弃所做的任何更改。 1、自动化设置:点击后弹出对应设置窗口,能切换手动模式和自动模式(默认)。自动模式下能设定翻译时间间隔(默认2秒)以减少CPU开销。时间间隔可以输入0~99的整数。CPU性能在酷睿I3或以上的可以尝试设置为0秒以获得最佳性能。手动模式下每次翻译完毕后会自动停止翻译,需要手动激活才进行一次识别、翻译。 2、真人语音设置:点击后弹出对应设置窗口,能进行真人语音朗读的相关设置,包括:是否开启、音量、是否等待朗读完毕再开始下一轮翻译。 提示:点击“激活”按钮下方的小喇叭可以直接开启/关闭语音朗读。
echarts图表与列表文字结合导出word文档
导出word文件需要jar包 Echarts图表可以生成BASE64编码 function inita(hotWords,word,xData,hotWordtwo) { ppend('
'); ({ paths: { 'echarts' : 'js/echarts', 'echarts/chart/line' : 'js/echarts', al('png')); al(); $.ajax({ type:'POST', url:'briefing/exp', al()+"&image2="+$("#image2").val(), beforeSend:function () { changeImg(); }, error:function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); }, success: function (data) { ="<%=basePath%>briefing/expword?date="+encodeURI(date); etAttribute, imageo); ().setAttribute, imaget); return"waihu/generation"; } 后台导出word 先建一个类 package import import import import import import import import import import import import import
系统功能操作说明手册
系统功能操作说明手册日期:2020年07月01日
目录 一、操作功能说明 (3) 二、采购意向公告发布操作说明 (3)
一、操作功能说明 为便于供应商及时了解政府采购信息,根据《河南省财政厅关于开展政府采购意向公开工作的通知》(豫财购〔2020〕8号)等有关规定,现增加【采购意向公告】功能,将采购单位政府采购意向进行公开。 本操作手册主要涉及功能:采购意向公告 二、采购意向公告发布操作说明 采购人登录【河南省电子化政府采购系统】点击【信息发布】菜单下的【采购意向公告】,操作如下图所示。 点击右上角的【起草公告】,在【编辑政府采购意向公告】页面进行政府采购意向公告的信息填写。
政府采购意向公告填写说明: 公告名称:单位名称+意向公告的开始年月至结束月+政府采购意向。 意向公告的开始年月至结束月填写说明:“年”可以手工输入四位数的阿拉伯数字年份,也可以点击“年”份输入框进行年份选择,操作如下图所示: “月”也可以手工输入阿拉伯数字1-12,也可点击“月”输入框进行月份的选择方法同上。 公告内容:
序号:手工输入采购内容排序的整数位数字。 采购项目名称:填写具体采购项目的名称。 预算金额:手工可输入整数位8位,小数位6位的金额,单位:万元。 预计采购时间:可以手工输入1-12月阿拉伯数字,也可点击“月”输入框进行月份的选择,注意:月份填写或输入必须在公告意向开始月份和结束月份内。 如填写的采购采购内容需要增加或删除可以点击后面的“增加”或“删除”图标进行操作,操作如下图所示: 公告信息填写完成后点击右上角的“保存”按钮,进行信息保存。操作如下图所示:
项目接口需求及设计说明文档
媒讯集团E A S项目 CTC与EAS接口 需求及设计说明书 文档作者: 创建日期:20X X-05-10 确认日期: 当前版本:1.0 拷贝数量:1 审批签字: 客户方: 实施方:
文档控制 修改记录 日期作者版本参考版本备注
目录 1.概述 (4) 1.1读者 (4) 1.2图例 (4) 1.3目的 (4) 二、业务现状 (5) 三、概要设计 (5) 3.1接口通讯方式 (5) 3.2通讯内容定义 (5) 3.3媒讯CTC系统提供接口使用范例 (5) 3.4金蝶EAS提供接口使用范例 (5) 3.5媒讯CTC系统提供接口服务地址 (7) 3.6金蝶EAS提供接口服务地址 (7) 3.7接口需求 (7) 四、详细设计 (8) 4.1XX EAS接口 (8)
1.概述 金蝶与用户及用户业务系统方通过多次讨论,制定了接口开发需求设计说明书,作为双方后续开发指引。 1.1读者 本文读者对象为业务管理人员、系统设计、开发人员、测试人员。 1.2图例 本文中如未进行特殊说明,各图标代表的含义如下: 表示一个活动; 表示动态的业务数据,如系统单据; 表示流程走向; 表示条件判断、流程分支; 表示静态的业务数据,如基础资料; 表示系统外一个手工处理活动; 表示系统外手工填制的单据; 表示当前系统之外的活动; 表示当前系统之外产生的业务数据。 1.3目的 本文档是媒讯CTC系统与EAS系统接口的需求及设计方案相关文档,可用于指导开发、测试工作和作为验收相关依据文档。
二、业务现状 待补充 三、概要设计 3.1接口通讯方式 金蝶EAS与媒讯CTC系统之间通讯采用WebService方式进行数据传输。 3.2通讯内容定义 对于记录型的大对象,在通讯时,采用String型的xml格式的参数进行传递。对于其他非记录型的对象,在通讯时,可采用非xml格式的参数进行传递,也可使用多个参数。具体格式,请参照每个接口的通讯用例说明。 3.3媒讯CTC系统提供接口使用范例 待补充。 3.4金蝶EAS提供接口使用范例 3.4.1规范说明 EAS通过webService接口与异构系统通信。EAS WebService全部是使用java编写的,其接口描述符合WSDL国际标准,其数据描述符合XSD 国际标准。 本次提供的接口除系统登录接口外,其他接口都需要调用登录接口,以便将登陆的SessionId信息放入到SOAP 的HEADER 报文中。 3.4.2使用示例 金蝶在EAS上发布WebService服务,提供wsdl文件供客户端下载,其他业务系统根据下载的wsdl文件,产生客户端。 建议使用Axis2来生成客户端代理。
echarts各个配置项详细说明
echarts各个配置项详细说明总结 最近有个朋友在做关于各种图表的项目,用到了echarts,关于各个配置项刚开始用好多都不懂,有些地方需要改不知道改哪个参数,就在网上查了各种,找到了一个不错的总结,分享给大家。(echart s官网也有配置项说明文档。) theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'], // 图表标题 title: { x: 'left', // 水平安放位置,默认为左对齐,可选为: // 'center' | 'left' | 'right' // | {number}(x坐标,单位px) y: 'top', // 垂直安放位置,默认为全图顶端,可选为: // 'top' | 'bottom' | 'center' // | {number}(y坐标,单位px) //textAlign: null // 水平对齐方式,默认根据x设置自动调整 backgroundColor: 'rgba(0,0,0,0)', borderColor: '#ccc', // 标题边框颜色 borderWidth: 0, // 标题边框线宽,单位px,默认为0(无边框) padding: 5, // 标题内边距,单位px,默认各方向内边距为5, // 接受数组分别设定上右下左边距,同css itemGap: 10, // 主副标题纵向间隔,单位px,默认为10, textStyle: { fontSize: 18, fontWeight: 'bolder', color: '#333' // 主标题文字颜色 }, subtextStyle: { color: '#aaa' // 副标题文字颜色 } }, // 图例 legend: { orient: 'horizontal', // 布局方式,默认为水平布局,可选为: // 'horizontal' | 'vertical' x: 'center', // 水平安放位置,默认为全图居中,可选为: // 'center' | 'left' | 'right' // | {number}(x坐标,单位px) y: 'top', // 垂直安放位置,默认为全图顶端,可选为: // 'top' | 'bottom' | 'center' // | {number}(y坐标,单位px) backgroundColor: 'rgba(0,0,0,0)', borderColor: '#ccc', // 图例边框颜色 borderWidth: 0, // 图例边框线宽,单位px,默认为0(无边框)
项目接口需求及设计说明文档(模板)
客户化开发需求规格说明书 媒讯集团E A S项目 CTC与EAS接口 需求及设计说明书 文档作者: 创建日期:2013-05-10 确认日期: 当前版本:1.0 拷贝数量:1 审批签字: 客户方: 实施方:
文档控制 修改记录 日期作者版本参考版本备注
目录 1.概述 (4) 1.1读者 (4) 1.2图例 (4) 1.3目的 (4) 二、业务现状 (5) 三、概要设计 (5) 3.1接口通讯方式 (5) 3.2通讯内容定义 (5) 3.3媒讯CTC系统提供接口使用范例 (5) 3.4金蝶EAS提供接口使用范例 (5) 3.5媒讯CTC系统提供接口服务地址 (7) 3.6金蝶EAS提供接口服务地址 (7) 3.7接口需求 (7) 四、详细设计 (8) 4.1XX EAS接口 (8)
1.概述 金蝶与用户及用户业务系统方通过多次讨论,制定了接口开发需求设计说明书,作为双方后续开发指引。 1.1读者 本文读者对象为业务管理人员、系统设计、开发人员、测试人员。 1.2图例 本文中如未进行特殊说明,各图标代表的含义如下: 表示一个活动; 表示动态的业务数据,如系统单据; 表示流程走向; 表示条件判断、流程分支; 表示静态的业务数据,如基础资料; 表示系统外一个手工处理活动; 表示系统外手工填制的单据; 表示当前系统之外的活动; 表示当前系统之外产生的业务数据。 1.3目的 本文档是媒讯CTC系统与EAS系统接口的需求及设计方案相关文档,可用于指导开发、测试工作和作为验收相关依据文档。
二、业务现状 待补充 三、概要设计 3.1接口通讯方式 金蝶EAS与媒讯CTC系统之间通讯采用WebService方式进行数据传输。 3.2通讯内容定义 对于记录型的大对象,在通讯时,采用String型的xml格式的参数进行传递。对于其他非记录型的对象,在通讯时,可采用非xml格式的参数进行传递,也可使用多个参数。具体格式,请参照每个接口的通讯用例说明。 3.3媒讯CTC系统提供接口使用范例 待补充。 3.4金蝶EAS提供接口使用范例 3.4.1规范说明 EAS通过webService接口与异构系统通信。EAS WebService全部是使用java编写的,其接口描述符合WSDL国际标准,其数据描述符合XSD 国际标准。 本次提供的接口除系统登录接口外,其他接口都需要调用登录接口,以便将登陆的SessionId信息放入到SOAP 的HEADER 报文中。 3.4.2使用示例 金蝶在EAS上发布WebService服务,提供wsdl文件供客户端下载,其他业务系统根据下载的wsdl文件,产生客户端。 建议使用Axis2来生成客户端代理。
[其他论文文档]HTML5技术在气象服务信息多终端展示方面的合理应用
HTML5技术在气象服务信息多终端展示方面的合理应用 1991年8月6日,蒂姆伯纳斯李(互联网之父)搭建了世界上第一个网站随后作为应用于网站页面显示的HTML语言(Hyper TextMarkup Language,超文本标记语言)于1993年6月作为IETF(互联网工程任务组)的工作草案发布,直至2014年10月28日W3C(万维网联盟)正式发布HTML第五次重大修改,即HTML5。 HTML5的出现赶上了互联网在多终端大规模应用的黄金时代。依据中国互联网络信息中心2016年7月公布的《中国互联网络发展状况统计报告》表明,中国网民对于各类信息的需求量与及时性与日俱增,阅读信息占据人们日常的黄金时间和碎片化时间;同时信息展现渠道也覆盖了众多终端设备,从PC(Personal Computer,个人计算机)发展到移动设备,各行各业的信息也通过多终端服务到人们生活的每个角落。 作为信息资源的一个分支,气象服务信息在决策、公众、专业与科技服务中起到重要作用,应用HTML5技术在多终端设备上传播与展示气象服务信息是大势所趋。HTML5技术能够满足适配与兼容多终端设备的展示需求,具备三维、图形及显示特效的展现能力,有利于最大化提高网络气象信息的服务质量,从而提升用户体验与用户黏性。 1 气象服务信息在多终端展示方面的迫切需求 随着人们生活质量的不断提升,公众对于气象服务的及时性与准确性也有了更高的要求。对于天气趋势、实时变化、风雨影响、突发灾害等与衣、食、住、行息息相关的气象信息,公众需求更为迫切。为迎合需求,气象部门面向各类受众研发出各种气象服务信息与产品,仅以预报为例:从短期预报到长期预报、从站点预报到格点预报、从常规预报到精细化预报、从人工预报到模式预报,不断地被丰富和发展。如何将气象信息通过更多的渠道第一时间发布这一问题成为气象部门面临的重要障碍之一。 目前,我国气象部门面向公众提供气象服务信息的渠道主要有:报纸、电视、电台、农村大喇叭、电子显示屏等传统渠道。随着互联网技术和4G技术的普及,传统渠道发布被逐渐压缩,个人电脑、智能手机、智能平板和智能电视等设备逐渐占据核心传播渠道,形成多终端服务的方式,多终端技术也成为气象部门为公众提供公共气象服务的重要手段之一。基于网络环境,气象服务信息能够在多终端上展示与更新,对公众的日常生活提供辅助气象信息,甚至能够起到减少生命和财产损失的作用。 目前,气象网站上的图表、数据大部分还是以flash为基础展示,并未使用到HTML5的相关技术,会出现在没有装flash插件的电脑上无法正常显示的现象。已经被气象网站广泛应用的Echart软件系统,推出了基于HTML5的图表应用,自动兼容PC端和移动端。以中国天气网为例,PC、Android、iOS均能正常显示,且不需要装任何插件。 2 HTML5在多终端展示的关键技术与优势 拓宽气象服务信息的展示渠道,丰富多终端设备的展示内容,应用HTML5技术是最佳解决方案。HTML5是万维网的核心语言,进一步丰富和增强了HTML标记语义、设备兼容性、图形特效、本地存储,以及更强调了CSS3(层叠样式表)和JavaScript的结合能力,使页面布
开发功能文档规范
1 系统环境 1.1开发平台介绍 IDE及版本介绍 1.2系统环境介绍 操作系统、版本、配置 1.3运行环境介绍 web容器、配置 1.4数据库介绍 名称、版本、工具介绍、配置 1.5插件介绍 名称、版本、环境要求、来源、使用介绍若有使用原版介绍作为文档附件 1.6 版本控制 版本控制方式、项目名称、服务器地址、使用说明 2 关键技术 说明系统采用的技术关键、技术升级方向、存在的技术风险、对技术方案的总体评价等等。 3 总体设计 3.1 体系结构 说明系统采用的体系架构(尽量用图示来辅助描述)。 3.2 主要功能 说明本系统实现的主要功能。
3.3 模块接口 各模块间接口所用到的数据接口(为其他的人提供的接口和需要使用的别人的接口) 3.3.1 提供的接口描述 3.3.2 使用接口描述 3.4 处理流程 说明本系统的主要处理流程(尽量用图示来辅助描述)。 4 数据结构设计 4.1 数据词典设计 写出包名及各个类的类名,及数据库的命名规则。 如果是面向对象写类间关系,若非面向对象写数据库命设计等。 给出本系统内所使用的每个数据结构、数据项的名称及它们之间的层次关系。 4.2 数据库设计 给出数据库名称、数据库表的设计、各表之间的关系、索引的设计等。 5 模块设计 说明各模块的设计考虑。每个模块的具体描述包括以下内容: 5.1 模块描述 说明该模块的主要功能、特点、逻辑流程。可采用“输入——处理——输出”的形式描述(尽量用图示来辅助描述)。
5.2 主要算法 说明该模块选用的算法,包括计算公式、计算步骤等。 5.3 主要方法或函数的设计 包括实现功能、名称、返回值、参数说明、与其它方法或函数的调用关系等。 5.4 主要界面的设计 描述与该模块相关的主要界面的设计及之间的跳转关系,各模块间传递的参数 6业务流程设计 包含完整的流程图 7 开发计划说明
空气质量可视化作品文档
山 东 大 学 计算机科学与技术学院考试试卷 注意:此半页由阅卷教师填写 姓 名石 成 学 号201613483 考试科目数据可视化 专 业软件工程 接受学院 学位类别及学科领域
数据篇 1、数据来源 PM25.IN:天气指数实时监测平台是一个为国内用户提供空气质量监测数据的网站,数据采自于国家环境保护部,清新整洁的界面帮助用户更好的了解有关本地天气的最新动态。 知识普及:细颗粒物又称细粒、细颗粒、PM2.5。细颗粒物指环境空气中空气动力学当量直径小于等于 2.5 微米的颗粒物。它能较长时间悬浮于空气中,其在空气中含量浓度越高,就代表空气污染越严重。虽然PM2.5只是地球大气成分中含量很少的组分,但它对空气质量和能见度等有重要的影响。与较粗的大气颗粒物相比,PM2.5粒径小,面积大,活性强,易附带有毒、有害物质(例如,重金属、微生物等),且在大气中的停留时间长、输送距离远,因而对人体健康和大气环境质量的影响更大。 根据PM2.5检测网的空气质量新标准,24小时平均值标准值分布如下: 空气质量等级24小时PM2.5平均值标准值 优0~35μg/m3 良35~75μg/m3 轻度污染75~115μg/m3 中度污染115~150μg/m3 重度污染150~250μg/m3 严重污染大于250μg/m3及以上 本次课程设计是《数据可视化》的课程作业,由老师提供了全国367个城市的经纬度坐标和2014年11月到2015年11月的全国天气质量指数数据。 2、数据的结构描述 所有数据以Excle表格的形式给出。其中location-new.xls文件包含了城市位置信息。具体包括了城市名称、经度和纬度三项数据。 图1-1城市位置信息Excle表格 天气数据按照月份给出,每一项包含城市名称、日期、AQI指数、空气质量级别、首要污染物等。