慧聪网WEB前端标准规范_交互设计详细文档模板X.docxVIP

慧聪网WEB前端标准规范 慧聪网（HK8292）·赢造企业网上贸易()第 PAGE 5页共 NUMPAGES 21页 慧聪网（HK8292）·赢造企业网上贸易() 慧聪网WEB前端标准规范 慧聪网WEB前端标准规范 交互设计详细文档（模板） 2012年2月 慧聪网技术中心MMT开发部 WEB前端研发组  示例项目 交互设计详细文档 Web前端组 2012年2月 日期 作者 变更概要 其它 2012-2-2 张佳 设计 2002-2-2 张佳 修正  总述 编写目的 表达交互设计的意图，实现方式和交互流程。 与产品，测试，后端核对需求是否出入。 作为项目文档查阅。 相关文档 暂无。 词汇表-原 《本节列出系统中用到的专门术语的定义和外文首字母组词的原词组。若此文档描述的是整个系统的一个子项目，此处可以参考整个系统的词汇表》 词汇 含义 卖家在线 发发在线 雷达激活 雷达功能在用户有效点击后才会激活，用户的首次点击行为触发雷达功能为雷达激活。 触发监控 用户的某种特定行为，如搜索、访问、点击雷达功能等，触发监控，该监控信息作为买家雷达的传输信息，将被定向的传输到某个地点。 匹配 当用户的行为触发监控后，监控信息按照某种规则，该规则框定了监控信息要定向传输的范围。 信息推送 系统根据用户的访问，自动触发，将特定的提醒信息推送到买家的浏览页面。 信息提醒 系统自动推送的信息展示在买家浏览的前台页面。 信息提醒频次 买家在浏览页面的时候，在页面雷达图标处，提示出来的信息的频率、时长、数量限制、超数量后的内容轮替更新。 登录用户 用户登录商务中心 卖家在线 收费用户卖家，发发在线 雷达图标 雷达图标是可以点击的，点击后开始进行程序匹配 买家身份 所有未登录用户，和登录用户中注册时身份为“买家”身份的用户 卖家身份 所有登录用户中，注册身份为“卖家”和“买家并卖家”身份的用户 系统自动匹配 页面加载的时候，按照规则，在页面加载的时候自动匹配用户 监控大厅 卖家在商务中心后台可以监控到的买家的行为的地方，有符合条件的监控信息将会实施传输到监控大厅 架构、设计和实现 雷达依赖文件 依赖jquery类库。 依赖mon.js 提供的环境信息。 关于mon.js 初始化：这个文件用于初始化页面时搜集页面公用的全局变量；获取页面标识；声明全局变量HC。 功能：载入文件后立即声明“HC”，读取或载入有关全局的配置，根据页面标识决定在当前页面启用或加载某些组件（如：买家雷达），注册组件名称全局namespace“HC.radar”，注册server端共享给组件数据的namespace“HC.radar_server”；整个页面加载完成后，加载组件的初始化文件（hc.radar.core.js）。未来提供用户行为监控的依赖数据等。 优点：控制那些耗时的组件延后加载，根据配置选择性加载，提高页面显示速度；实现组件资源的自动加载，如需要添加的外链js（添加script标签到body底部），减少后端程序员工作量。 关于全局变量（namespace）“HC”，有利于对全局变量的管理，降低全局变量冲突的隐患；如想添加“$”这个变量并且不和引用的框架发生冲突，就可以添加到“HC”下（HC.$ 或者 HC[‘$’] 方式添加）；不同模块的全局变量添加到相应模块的namespace下。下面是namespace的组织结构图： 启动流程： 前后端数据接口 后端提供数据，来自后端全局变量：RADAR_FIRST_PARAM 参数名称 含义 是否必须 参数范围 keyword 匹配关键字 是 所有 providerId 被访者id 是 所有 isMmt 是否是收费会员 1 收费 0免费 是 所有 Visitproviderid 访者id isBuyer 是否是买家 1 买家 0卖家(当为搜索页时，字段无效.再请求判断是否是卖家注1：) 是 所有 formWhere 1 搜索 2—商铺首页 3—商铺终极页 4 是 所有 匹配供应接口： /buyerradar/turbine/template/supplymatch,supplymatch.html 判断买家接口： /buyerradar/turbine/template/cor,getbuyer.html web发发调用： /hcchat/hcchat_radar.html?cid=+chatUserId+cip=+ip+from=1 点击监测推送地址： http:// 所用的cookie Hclastsearchkeyword 用户最后查询的关键词，格式为encodeURL字符串。 hc360_radar 用户开关雷达记录，开关状态和时间，内容格式如下： c_s=1;c_t=2011-12-22|14:2:2 HC36