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

慧聪网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访者idisBuyer是否是买家 1 买家 0卖家(当为搜索页时，字段无效.再请求判断是否是卖家注1：)是所有formWhere1 搜索 2—商铺首页 3—商铺终极页4 是所有匹配供应接口：/buyerradar/turbine/template/supplymatch,supplymatch.html判断买家接口：/buyerradar/turbine/template/cor,getbuyer.htmlweb发发调用：/hcchat/hcchat_radar.html?cid=+chatUserId+cip=+ip+from=1点击监测推送地址：http://所用的cookieHclastsearchkeyword 用户最后查询的关键词，格式为encodeURL字符串。hc360_radar 用户开关雷达记录，开关状态和时间，内容格式如下：c_s=1;c_t=2011-12-22|14:2:2HC360.SSOUser 判断用户是否登录。HTML模块示意图项目模块详细设计逻辑规则表达式下列规则中的“||”代表或，即符号前面的条件如果达成则以前面条件为准，如果条件都没有达成，则该条规则无效；“”代表与，即符号前后的条件同时具备时，该条规则起效。对于单个条件的规则无需考虑此项。搜索关键词：全局变量 || cookie中获取。买家：未登录 || 买家 。页面标识：URL规则中获取···雷达初始化：买家 访客id