12软工3班第3组个人健身网站界面设计.doc

个人健身网站用户界面设计报告文件状态： 草稿 正式发布 正在修改文件标识：个人健身网站当前版本：5.0作 者：张文威完成日期：2014-10-21目录目录21.界面的关系图和工作流程图31.1.界面功能一览（客户端）31.2.界面关系及工作流程31.3.客户端界面关系32.界面42.1.前台主界面42.1.1.主界面视图42.1.2.主界面组件命名及功能一览62.1.3.用户注册视图62.1.4.用户注册页面组件命名及功能一览72.1.5.用户登陆72.1.6.用户组件命名及功能一览72.2.功能界面82.2.1.健身动画界面82.2.2.健身动画界面组件命名及功能一览82.2.3.资讯界面82.2.4.健身资讯页面组件命名及功能一览82.2.5 健康测试界面92.2.6健康测试组件命名及功能一览102.2.7健身计划界面112.2.8健康计划组件命名及功能一览112.2.9健康记录界面121. 界面的关系图和工作流程图1.1. 界面功能一览（客户端）界面名称界面标识功能说明主界面(包括登录、动画、资讯)Main.html查看信息，包含其他操作功能用户注册reg.html用户注册信息健身计划plan.html健身计划模块测试功能fitnesstijian.html用户身体测试模块健身记录write.html健身记录模块表2-1 213健身网客户端界面一览表1.2. 界面关系及工作流程1.3. 客户端界面关系 图2-1 213健身网客户端界面关系及工作流程图2. 界面2.1. 前台主界面2.1.1. 主界面视图图3-1主界面Main2.1.2. 主界面组件命名及功能一览对象名对象功能操作体能测试fitnesstijian.html体能测试输入健身动画Main.html动画演示界面点击观看健身计划plan.html计划设定输入健身资讯Main.html健身新闻资讯点击查看健身记录write.html健身记录界面输入注册reg.html注册点击输入登陆Main.html登陆点击输入2.1.3. 用户注册视图图3-2用户注册信息界面regedit2.1.4. 用户注册页面组件命名及功能一览对象名类功能操作idtext登陆账号显示nametext姓名显示sexradio性别显示passwordPassword密码不显示passwordPassword确认密码不显示phoneText手机显示IdentityText身份证号码显示regsubmit提交点击2.1.5. 用户登陆图3-3 登陆界面Main2.1.6. 用户组件命名及功能一览对象名类功能操作Idtext登陆账号显示passwordPassword登陆密码不显示loginbutton登陆按钮点击regbutton注册按钮点击2.2. 功能界面2.2.1. 健身动画界面2.2.2. 健身动画界面组件命名及功能一览对象名类功能操作健身动画超链接观看不同视频动画点击热门主题超链接观看不同主题视频动画点击2.2.3. 资讯界面2.2.4. 健身资讯页面组件命名及功能一览对象名类功能操作无超链接存放健身咨询界面点击/自动切换2.2.5 健康测试界面 2.2.6健康测试组件命名及功能一览对象名类功能操作heighttext身高显示weighttext体重显示agetext年龄显示submitsubm