个人空间主页网页设计毕业设计

JAVA程序设计II课程设计题目个人空间设计与制作专业名称学生姓名学号指导教师完成时间目录TOC\o"1-5"\h\z\o"CurrentDocument"目录2绪论31.1项目开发背景：3\o"CurrentDocument"1.2项目简述3\o"CurrentDocument"开发环境3需求分析43.1用户类型分析：4\o"CurrentDocument"3.2功能需求分析：4系统设计64.1软件组织结构6\o"CurrentDocument"4.2软件系统结构和类之间的引用关系6\o"CurrentDocument"4.3系统文件组织7\o"CurrentDocument"4.4系统数据库设计10\o"CurrentDocument"4.5界面设计10\o"CurrentDocument"系统的开发环境平台15\o"CurrentDocument"总结15绪论1.1项目开发背景:网络快速发展，个人微博博客个人空间系统也有机会得以茁壮成长和迅速发展。我所开发的个人空间交友系统是在原有个人空间样式的基础之上，新添加新的使用功能模块设计出来的。对用户具有更好的友好性和适用，性。1.2项目简述现在系统与传统系统比较具有的总体优势：可以实现动态刷新，在用户写日志，上传图片，留言，好友管理时，必须要重新刷新当前页面，这样页面会被再次加载，用户用很长的时间来等待他感兴趣的东西，而结果可能又不是他想要的内容，这样对用户的体验就很差。我们的个人交友系统，在大多数方面可以满足用户对局部页面动态请求，而不刷新整个页面。提高了系统与用户的交互性，可以让用户很快浏览他感兴趣的内容的同时，还可以关注当前页面中的其他内容。开发环境开发环境MyEclipse简介MyEclipse企业级工作平台(MyEclipseEnterpriseWorkbench，简称MyEclipse)是对EclipseIDE的扩展，利用它我们可以在数据库和J2EE的开发、发布，以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的J2EE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持JSP,Servlet,Structs2.0,AJAX等全新技术。在结构上，MyEclipse的特征可以被分为7类：J2EE模型WEB开发工具EJB开发工具应用程序服务器的连接器J2EE项目部署服务数据库服务MyEclipse整合帮助对于以上每一种功能上的类别，在Eclipse中都有相应的功能部件，并通过一系列的插件来实现它们。MyEclipse结构上的这种模块化，可以让我们在不影响其他模块的情况下，对任一模块进行单独的扩展和升级。简单而言，MyEclipse是Eclipse的插件，也是一款功能强大的J2EE集成开发环境，支持代码编写、配置、测试以及除错。需求分析3・1用户类型分析:由于本系统是空间类交友和展示系统，因此在本系统中，需要有以下三类用户类型:空间管理员空间的普通用户空间好友3.2功能需求分析:1）管理员模块1、登录当管理员打开管理员首页时，管理员输入用户名、密码、验证码后单击登录按钮，通过ajax请求后台的管理员管理逻辑，经过验证后向页面返回登录成功或密码不准确信息。完成管理员登陆，无页面跳转。2、查看用户留言管理员登录成功后，单击查看留言管理空白链接在后，在当前页面中显示所有用户留言的内容，当单击删除空白链接后可以通过ajax删除该留言项，页面无刷新。同时，当在线用户有留言时会动态的添加到当前留言表的最后。2、查看用户许愿管理员登录成功后，单击查看许愿管理空白链接在后，在当前页面中显示所有用户许愿的内容，当单击删除空白链接后可以通过ajax删除该许愿项，页面无刷新。同时，当在线用户有许愿时会动态的添加到当前许愿列表的最后。2）用户模块①已注册用户登录当注册用户打开个人交友系统的首页时，输入用户名，密码，验证码。验证码的生成和校验通过ajax来实现的。日志管理查看：用户在个人首页单击日志链接时可以看到所有日志列表，通过ajax请求action动态生成日志列表中的数据。删除：用户点击日志列表后的删除空白链接，通过ajax删除该日志，页面无跳转。阅读：用户单击阅读链接可以跳转到该日志的页面进行阅读。添加：用户单击添加日志按钮，可以跳转到写日志页面，在此写自己的日志。相册管理链接：用户在个人首页单击图片链接时可以跳转到图片管理页面查看：用户点击日志列表后的最新图片选项卡，通过ajax查看最新图片，页面无跳转。浏览：用户单击浏览图片选项卡可以动态的逐个浏览已上传的图片。添加：用户单击添加图片选项卡可以跳转到写日志页面，在此写自己的日志。好友管理查看：用户在个人首页中可以看到所有部分好友列表，通过ajax请求action动态生成好友列表中的图片。访问：用户单击好有图片可以跳转到该好友的个人主页。查找：用户单击查找按钮，可以跳转好友搜素结果页面，同过ajax产生动态提示。留言管理查看：用户在个人首页单击留言链接时可以看到所有留言列表，通过ajax请求action动态生成留言列表中的数据。删除：用户点击留言列表后的删除空白链接，通过ajax删v除该留言，页面无跳转。阅读：用户鼠标放在查看链接时可以动态提示该留言用户的信息。添加：用户单击留言按钮，可以跳转到写日志页面，在日志后对其评论（留言）。个人信息管理查看和修改：用户单击个人主页的个人信息链接，跳转到用户个人信息页面，其中的数据是通过ajax自动填充的。②普通用户注册当普通用户打开个人交友系统首页时，可以单击注册按钮弹出注册面板，用户可以填写注册信息，页面无刷新。许愿用户单击许愿链接，跳转到许愿页面，通过ajax动态加载数据库中已有的所有许愿信息。许愿：用户填完许愿信息后单击许愿按钮，通过ajax可也将许愿内容添加到数据库，同时在页面中展现出来。留言当普通用户打开个人交友系统首页时，可以单击留言链接跳转到留言页面，用户可以填写留言信息，提交到数据库。

系统设计4.1软件组织结构注册用户4.2软件系统结构和类之间的引用关系注册用户本系统是基于MVC模式的系统结构主要应用jsp,ajax/struts/Hibernate框架结构。其中jsp，ajax用于前台页面的设计，struts用于业务逻辑的控制，Hibernate主要用于持久化层的控制，ajax用于页面的局部刷新。userpicturewisheslogleavewordUserIndexActonuserActionDispatchFriendActionD:spatch—friendDAO——registDAO—T—userDao——PictureAction)ispatch———WishActionDispatchpictureDAOlogActionDispatch)leavewordActionDispatchFriendDAOipm一—RegistDAOipm—UserDAOipmPictureDAOipmwishDAO———WishDAOipm——logDAO——一_)logDAOipm-三leaveword—DAOleavewordDAOipmpromptpromptActionpromptDAOpromptDAOipm4.3系统文件组织1)包及包的说明FHrsurL：±lZurLH-澄efc+田com.Izl.Hibernate+出Izl.HibHrnate.hean+田com.Izl.Hibernate.DAO+i：um.Izl.Hibernate.OFJil+com.Izl.struts+田com.Izl.struts,actiun+击com.Izl.Etruts.form•…QtLibHrrLatH.cfg.xml+三JTLESystemLibrary[MyEclip+BiJ2EE1.4Libr=ai-ieS+±FiefPrerLCHilLibr：ifiesStruts1.2Libr：±fies6.说明:曲：.曰.nebRootaiJiriinMETA-I1TFWEB-INFindex,jsphiberrLate.revenE.xmlcom.lzl.Hibernate包中放的是:HibernateSessionFactory类，是hibernate连接数据库的基础类com.lzl.Hibernate.bean包中放的是：数据库表对应的对象模型类com.lzl.Hibernate.DAO包中放的是：对数据库中的各种表的增，删，改，查方法实现类。com.lzl.Hibernate.ORM包中放的是：对象模型和数据库中关系模型的映射文件。com.lzl.struts包中放的是:个人交友系统中用到的各种资源文件。com.lzl.struts.Action包中放的是：对业务逻辑的控制，主要处理页面的请求。如浏览图片，查找好友等功能。com.lzl.struts.form包中放的是：页面表单中对应字段的对象。admin文件夹：存放的是管理员管理的jsp页面product文件夹：存放的是用户的jsp页面2）jsp页面设计页面名称功能说明Index.jsp个人交及系统首页lm.jsp用户个人首页Registuser.sp注册用户Picture.jsp相册管理页面，包括上传图片，显示图片（分页显示），删除图片a_leaveWord,jsp普通用户给管理员留言的页面\Logs.jsp日志管理页面包括显示日志（分页显示），删除日志addlog.jsp添加日志页面userdata.jsp用户信息管理页面，修改用户资料friend.jsp用户朋友管理页面，包括朋友列表，删除朋友addFriend.jsp查找后添加好友页面fndex朋友个人首页wishe.jsp用户许愿页面Admin.jsp管理员删除不合法的许愿，用户，登录页面u_leaveword.jsp用户留言的页面Browserlog.jsp查看具体的留言信息Linkus.jsp联系我们静态页面Products.jsp对本系统的总体说明的静态页面Aboutus.jsp关于我们信息的静态页面3）各种类功能的说明Vo类：用户（包括好友信息）:user图片:picture日志：log留言：leaveWord许愿:wishes管理员:admin提示类：friends_prompt,log_prompt,picture_promptDao类：日志模块：logDAOlogDAOipm好友模块：friendDAOFriendDAOipm图片模块：pictureDAOPictureDAOipm注册模块：registDAORegistDAOipm许愿模块：wishDAOWishDAOipm查询模块：searchDAOsearchDAOipm个人资料管理模块：userDaoUserDAOipmControl（控制类）：userActionDispatchPictureActionDispatchFriendActionDispatchlogActionDispatchWishActionDispatchUserIndexActionSearchActionDispatch4.4系统数据库设计picture_promptlog_prompt<pi>Variablecharacters(10)<M>contentVariablecharacters(20)Identifier」<pi>idid<pi>Variablecharacters(10)<M>contentVariablecharacters(20)Identifier_1<pi>adminidnamepassword<pi>Variablecharacters(10)<M>Variablecharacters(10)Variablecharacters(10)admin_logidadm_idtitlepicture_promptlog_prompt<pi>Variablecharacters(10)<M>contentVariablecharacters(20)Identifier」<pi>idid<pi>Variablecharacters(10)<M>contentVariablecharacters(20)Identifier_1<pi>adminidnamepassword<pi>Variablecharacters(10)<M>Variablecharacters(10)Variablecharacters(10)admin_logidadm_idtitleshowpicture(10)<M>(10)(10)<fi1><fi2>VariablecharactersVariablecharactersVariablecharactersText■ur!Variablecharacters(20)userIdentifier」<pi>adminleaveword_』admin_Puser_leaveworduek_picuserid<pi,fi1>Variablecharacters(10)<M>friid<fi2>Variablecharacters(10)useid<fi3>Variablecharacters(10)nameVariablecharacters(20)passwordVariablecharacters(20)countryVariablecharacters(10)cityVariablecharacters(10)addressVariablecharacters(50)phoneVariablecharacters(11)zipVariablecharacters(6)emailVariablecharacters■(20userid<pi>leaveWordidadm_iduse_idcontenttime<pi,fi1><fi2><fi3>VariableVariableVariableTextcharacters(10)<M>characters(10)characters(10)Date&TimeIdentifier」<pi>idadm_idtitlecontenttime<fi1><fi2>logVariable(Variable(Variable(TextTimestampcharacters(20)<M>characters(10)characters(10)u_logfriends_useruserid<pi>Variablecharacters(10)<M>contentVariablecharacters(20)Identifier」<pi>friends_promptwishesid<pi,fi1>Variablecharacters(10)<M>use_id<fi2>Variablecharacters(10)contentIdentifier1<pi>Text4.5界面设计登录首页：

注册页面:后台管理界面:管理员用尸许愿列表姓名许愿内容Imwelcometozzu!!删除李明你好？?睡浮点数是册除您间11查看用H留言■查看用户许愿修改个人信息搜索留言搜索愿望空间主页面:1真正的幸福是对平淡生活的熬爰!Flisad首页旦表搜索好友Iaintoohungty!!你好我们都是好孩子，朋友我的朋友们，希望你们健.康平安，youolL,mygod!Icanwritechit^se!!myself添加日志页面:真正的幸福是对平淡生活的热爰!写日志添图片躅好友列表阅读全交|回匿I引用通告|鲜花（彩byIm发表于2009-11-2919:22:09.0阅读全交I堕I引用全告I鲜花（局日志标题发表日.志取消日志芬奘个人空间交友系统!!正真的幸福是对平淡生活的热爱?1■•!sadi!iI：iintoohungry!!■J■读幡bylm-200P-ir^P19:19:22^0[imyfneruds\J1i.IhaveadizainthatonedayIcoilpassthecet-6.■读册臃bylm2009-11-