微信互粉系统界面设计报告.docxVIP

微信互粉系统 用户界面设计报告 文件状态： 文件标识： Hands-On噺闻发布系统-SD-UI []草稿 当前版本： 2.0 r 1正式发布 作 者： 詹焕齐 1 VJ正在修改 完成日期： 2014-11-7 微信互粉系统 目录 TOC \o 1-5 \h \z \o Current Document 目录 2 \o Current Document 界面的关系图和工作流程图 3 \o Current Document 界面功能一览（服务器端） 3 \o Current Document 界面关系及工作流程 3 界面 3 \o Current Document 前台主界面 3 主界面视图 3 主界面组件命名及功能一览 4 用户登陆视图 4 用户登陆页面组件命名及功能一览 4 1.界面的关系图和工作流程图 1.1.界面功能一览（服务器端） 界面名称 界面标识 功能说明 登录 loginJFrame 连接服务器，对用户的身份进行验 证 主界面 mainJFrame 商家的信总及广告 导航 updatelnfoJFrame 主要的功能及公告 左栏 chatJFrame 用户发表评论 版权 hclpDialog 木软件的版木信息、版权说明、开 发小组信息 1.2.界面关系及工作流程 图1.2微信互粉服务器端界面关系及工作流程图 2.界 2.1.刖台主界面 2. 1.1.主界面视图 畳亲注IB 互M KM ittt?m?IM?/ft新兼职信更尽在慣信互粉平台台 I oWr wv xbRBf ?”u冠匸石g交心 1 1 畳亲注IB 互M KM ittt ?m ?IM ? /ft新兼职信更尽在慣信互粉平台 台 I o Wr wv xb RBf ? ”u 冠匸石g交心 1 1时UI f i i?~ i 1 * i 图2. 11主界面 Algrg C20H或杰HR器制邨 微信互粉系统 2.1.2.主界面组件命名及功能一览 对象名 类 功能 操作 签到 Javascript 积分的增长 点击 任务 Css 跳转任务页面 点击 兼职 Css 跳转兼职页面 点击 购买积分 Css 跳转购买页面 点击 使用帮助 Css 跳转帮助页面 点击 更多功能 Css 后期待开发 点击 公告 Javascript 滚动显示公告 点击 友情链接 Javascript 超链接其他页面 点击 超链接付款 Javascript 超链接支付宝 点击 2.1.3.用户登陆视图 图 2. 13 2.1.4.用户登陆页面组件命名及功能一览 对象名 类 功能 操作 modify I?rame 窗体 系统 text 选择登陆 下拉点击  用户名 text 注册名 显示 密码 text 密码 显示 验证码 text 随机生成4个数 显示 确认 text 确认登陆 点击 清除 text 重置 点击 二维码 Tmg 提交 显示