基于struts技术的跑步社区前台界面的设计与实现-演示文稿

RunningCommunity,基于struts技术的跑步社区前台界面的设计与实现,项目介绍 1) 什么是社区？ 开放的，可以相互交流的（网络）场所有相同爱好的人聚集的场所如：JavaEye社区、CSND社区、天涯社区、163社区 2) 社区具有的基本功能？ 登录、注册、搜索、个人空间、交流（短消息）推荐、热点其他子模块,什么是社区？,跑步社区,项目需求为了给那些爱好跑步的人提供一个网上交流的平台为了宣传公司的推出的体育产品提供现实所需的各种交流手段服务广大跑步和运动网友为主，强调互动性、知识性、趣味性，是结交跑友，了解跑步信息，享受虚拟跑步运动的好去处,功能模块用户信息管理短信息管理好友信息管理后台信息管理,跑步社区,软件环境和开发周期软件环境:采用B/S架构，使用J2SE1.5.08以上运行环境数据库服务器：Oracle 10gWeb 服务器：tomcat开发时间1个月，开发人员2人,跑步社区,业务模型（Business Model）,物理视图/Physical View,Database ServerOracle,Web ContainerTomcat,RunningCommunity系统,Client系统,Browser,总体设计,以联系人管理用例为例，介绍跑步社区平台各个模块的设计框架,联系人管理用例-我的好友,我的好友,好友名单,黑名单,好友速配,查看黑名单,删除黑名单,随机匹配好友,按条件匹配好友,查看好友,删除好友,用户,我的好友用例描述好友名单,名称：我的好友描述：用户在联系人管理页面上点击好友名单就可以查看到所有好友的列表，还可以查看好友详细信息，也可以删除好友或者添加到黑名单。参与者：用户前提：用户已经登录主方式：从我的地盘点我的好友链接好友名单,我的好友用例描述黑名单,名称：黑名单描述：用户在联系人管理页面上点击黑名单就可以查看到所有黑名单的列表，还可以从好友名单中添加到黑名单，也可以将好友从黑名单移除。参与者：用户前提：用户已经登录主方式：从我的地盘点我的好友链接黑名单,我的好友用例描述好友速配,名称：好友速配描述：用户在联系人管理页面上点击好友速配进入到速配页面，可以选择随机匹配或者按照条件匹配参与者：用户前提：用户已经登录主方式：从我的地盘点我的好友链接好友速配,跑步社区,前台： UI： html(html4.0+html5)+jsp+css(div+span)+js后台：servlet+struts+Hibernate(+jsp),前台界面设计文档（目录框架结构）,存放图片,异常显示页面,登录页面,忘记密码页面,注册页面,收发件箱,管理员活动信息,会员活动信息,所有HTML/JSP,对应的功能,管理员登录跑步论坛页面跑步装备库页面跑步指南页面音乐跑不停页面修改管理员密码后台首页显示后台会员列表显示会员积分动作忘记密码找回异常页面用户登录忘记密码页面用户注册页面用户登录后显示页面用户基本信息创建个性空间修改个人信息没有个性空间查看其他会员个性空间其他会员无个性空间页面查看自己个性空间将好友移至黑名单查看黑名单收件箱好友列表匹配好友会员信息列表发件箱发邮件,以登录界面为例部分代码展示,用户名：密码：验证码：看不清？自动登录 , 如何注册 忘记密码 ,JS 部分代码,Common.js/*是否选中*/function isChecked(name) var temp = document.getElementsByName(name);for (i = 0; i temp.length; i=i+1) if (tempi.checked) return true;/*计算字符串的长度*/function checkStrLength(value) var StrTrueLength = value.replace(/x00-xff/g, ).length;return StrTrueLength;/*判断是否为数字*/function isNumber(str) var Letters = 1234567890;for (var i = 0; i str.length; i = i + 1) var CheckChar = str.charAt(i);if (Letters.indexOf(CheckChar) = -1) return false;return true;/*判断是否为Email*/function isEmail(str) var myReg = /-_A-Za-z0-9+(_A-Za-z0-9+.)+A-Za-z0-92,3$/;if (myReg.test(str) return true;return false;/*判断是否为空*/function isEmpty(value) return /s*$/.test(value);,/*自动判断返回的数据全选或取消全选*/function checkedAll(allCheckboxName, checkboxName) o = document.getElementsByName(allCheckboxName);if (o0.checked = true) selAllCheckbox(checkboxName); else unselAllCheckbox(checkboxName);/*全选*/function selAllCheckbox(checkboxName) o = document.getElementsByName(checkboxName);for (i = 0; i o.length; i+) oi.checked = true;/*取消全选*/function unselAllCheckbox(checkboxName) o = document.getElementsByName(checkboxName);for (i = 0; i o.length; i+) oi.checked = false;/*取消全选*/function reAllCheckbox(checkboxName) o = document.getElementsByName(checkboxName);for (i = 0; i 跑步社区,数据建模设计/Data Model,数据库表用户信息：用户明细、个人空间信息、等级信息、积分动作信息、积分记录信息短信信息：短信明细联系人信息：好友明细、黑名单明细,Entity Relationship Diagram,表/Table,MemberInfo 存放会员信息,表/Table,MemberSpace存放会员的个性化的信息GradeRecord存放会员级别的评判规则,登录界面,音乐跑不停,跑步装备库,专业跑步指南,跑步论坛,登录失败界面,个人信息界面,修改个人信