《慧聪网web前端标准规范_交互设计详细文档模板》x

《《慧聪网web前端标准规范_交互设计详细文档模板》x》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、慧聪网WEB前端标准规范慧聪网WEB前端标准规范交互设计详细文档（模板）2012年2月慧聪网技术中心MMT开发部WEB前端研发组慧聪网（HK8292）·赢造企业网上贸易(http://www.hc360.com)第21页共21页慧聪网WEB前端标准规范慧聪网（HK8292）·赢造企业网上贸易(http://www.hc360.com)第21页共21页慧聪网WEB前端标准规范示例项目交互设计详细文档Web前端组2012年2月日期作者变更概要其它2012-2-2张佳设计2002-2-2张佳修正慧聪网（HK829

2、2）·赢造企业网上贸易(http://www.hc360.com)第21页共21页慧聪网WEB前端标准规范总述1.1编写目的1.表达交互设计的意图，实现方式和交互流程。2.与产品，测试，后端核对需求是否出入。3.作为项目文档查阅。1.2相关文档暂无。1.3词汇表-原《本节列出系统中用到的专门术语的定义和外文首字母组词的原词组。若此文档描述的是整个系统的一个子项目，此处可以参考整个系统的词汇表》词汇含义卖家在线发发在线雷达激活雷达功能在用户有效点击后才会激活，用户的首次点击行为触发雷达功能为雷达激活。触发监控

3、用户的某种特定行为，如搜索、访问、点击雷达功能等，触发监控，该监控信息作为买家雷达的传输信息，将被定向的传输到某个地点。匹配当用户的行为触发监控后，监控信息按照某种规则，该规则框定了监控信息要定向传输的范围。信息推送系统根据用户的访问，自动触发，将特定的提醒信息推送到买家的浏览页面。信息提醒系统自动推送的信息展示在买家浏览的前台页面。信息提醒频次买家在浏览页面的时候，在页面雷达图标处，提示出来的信息的频率、时长、数量限制、超数量后的内容轮替更新。登录用户用户登录商务中心卖家在线收费用户卖家，发发在线雷达图标

4、雷达图标是可以点击的，点击后开始进行程序匹配买家身份所有未登录用户，和登录用户中注册时身份为“买家”身份的用户卖家身份所有登录用户中，注册身份为“卖家”和“买家并卖家”身份的用户慧聪网（HK8292）·赢造企业网上贸易(http://www.hc360.com)第21页共21页慧聪网WEB前端标准规范系统自动匹配页面加载的时候，按照规则，在页面加载的时候自动匹配用户监控大厅卖家在商务中心后台可以监控到的买家的行为的地方，有符合条件的监控信息将会实施传输到监控大厅1.架构、设计和实现1.1雷达依赖文件1.依赖

5、jquery类库。2.依赖hc.common.js提供的环境信息。1.2关于hc.common.js1.初始化：这个文件用于初始化页面时搜集页面公用的全局变量；获取页面标识；声明全局变量HC。2.功能：载入文件后立即声明“HC”，读取或载入有关全局的配置，根据页面标识决定在当前页面启用或加载某些组件（如：买家雷达），注册组件名称全局namespace“HC.radar”，注册server端共享给组件数据的namespace“HC.radar_server”；整个页面加载完成后，加载组件的初始化文件（hc.r

6、adar.core.js）。未来提供用户行为监控的依赖数据等。3.优点：控制那些耗时的组件延后加载，根据配置选择性加载，提高页面显示速度；实现组件资源的自动加载，如需要添加的外链js（添加script标签到body底部），减少后端程序员工作量。4.关于全局变量（namespace）“HC”，有利于对全局变量的管理，降低全局变量冲突的隐患；如想添加“$”这个变量并且不和引用的框架发生冲突，就可以添加到“HC”下（HC.$或者HC[‘$’]方式添加）；不同模块的全局变量添加到相应模块的namespace下。下面

7、是namespace的组织结构图：慧聪网（HK8292）·赢造企业网上贸易(http://www.hc360.com)第21页共21页慧聪网WEB前端标准规范1.启动流程：慧聪网（HK8292）·赢造企业网上贸易(http://www.hc360.com)第21页共21页慧聪网WEB前端标准规范1.1前后端数据接口1.后端提供数据，来自后端全局变量：RADAR_FIRST_PARAM参数名称含义是否必须参数范围keyword匹配关键字是所有providerId被访者id是所有isMmt是否是收费会员1---

8、收费0---免费是所有Visitproviderid访者idisBuyer是否是买家1---买家0---卖家(当为搜索页时，字段无效.再请求判断是否是卖家注是所有慧聪网（HK8292）·赢造企业网上贸易(http://www.hc360.com)第21页共21页慧聪网WEB前端标准规范1：)formWhere1---搜索2—商铺首页3—商铺终极页4---是所有1.匹配供应接口：http://buyerradar.