学位论文个人空间主页网页设计Word文档格式.docx
- 文档编号:17223620
- 上传时间:2022-11-29
- 格式:DOCX
- 页数:16
- 大小:610.07KB
学位论文个人空间主页网页设计Word文档格式.docx
《学位论文个人空间主页网页设计Word文档格式.docx》由会员分享,可在线阅读,更多相关《学位论文个人空间主页网页设计Word文档格式.docx(16页珍藏版)》请在冰豆网上搜索。
4.5界面设计10
5.系统的开发环境平台15
6.总结15
1.绪论
网络快速发展,个人微博博客个人空间系统也有机会得以茁壮成长和迅速发展。
我所开发的个人空间交友系统是在原有个人空间样式的基础之上,新添加新的使用功能模块设计出来的。
对用户具有更好的友好性和适用性。
1.2项目简述
现在系统与传统系统比较具有的总体优势:
可以实现动态刷新,在用户写日志,上传图片,留言,好友管理时,必须要重新刷新当前页面,这样页面会被再次加载,用户用很长的时间来等待他感兴趣的东西,而结果可能又不是他想要的内容,这样对用户的体验就很差。
我们的个人交友系统,在大多数方面可以满足用户对局部页面动态请求,而不刷新整个页面。
提高了系统与用户的交互性,可以让用户很快浏览他感兴趣的内容的同时,还可以关注当前页面中的其他内容。
2.开发环境
开发环境MyEclipse简介
MyEclipse企业级工作平台(MyEclipseEnterpriseWorkbench,简称MyEclipse)是对EclipseIDE的扩展,利用它我们可以在数据库和J2EE的开发、发布,以及应用程序服务器的整合方面极大的提高工作效率。
它是功能丰富的J2EE集成开发环境,包括了完备的编码、调试、测试和发布功能,完整支持JSP,Servlet,Structs2.0,AJAX等全新技术。
在结构上,MyEclipse的特征可以被分为7类:
1.J2EE模型
2.WEB开发工具
3.EJB开发工具
4.应用程序服务器的连接器
5.J2EE项目部署服务
6.数据库服务
7.MyEclipse整合帮助
对于以上每一种功能上的类别,在Eclipse中都有相应的功能部件,并通过一系列的插件来实现它们。
MyEclipse结构上的这种模块化,可以让我们在不影响其他模块的情况下,对任一模块进行单独的扩展和升级。
简单而言,MyEclipse是Eclipse的插件,也是一款功能强大的J2EE集成开发环境,支持代码编写、配置、测试以及除错。
3.需求分析
3.1用户类型分析:
由于本系统是空间类交友和展示系统,因此在本系统中,需要有以下三类用户类型:
1 空间管理员
2 空间的普通用户
3 空间好友
1)管理员模块
1、登录
当管理员打开管理员首页时,管理员输入用户名、密码、验证码后单击登录按钮,通过ajax请求后台的管理员管理逻辑,经过验证后向页面返回登录成功或密码不准确信息。
完成管理员登陆,无页面跳转。
2、查看用户留言
管理员登录成功后,单击查看留言管理空白链接在后,在当前页面中显示所
有用户留言的内容,当单击删除空白链接后可以通过ajax删除该留言项,页
面无刷新。
同时,当在线用户有留言时会动态的添加到当前留言表的最后。
2、查看用户许愿
管理员登录成功后,单击查看许愿管理空白链接在后,在当前页面中显示所
有用户许愿的内容,当单击删除空白链接后可以通过ajax删除该许愿项,页
同时,当在线用户有许愿时会动态的添加到当前许愿列表的最后。
2)用户模块
1 已注册用户
1.登录
当注册用户打开个人交友系统的首页时,输入用户名,密码,验证码。
验证码的生成和校验通过ajax来实现的。
2.日志管理
查看:
用户在个人首页单击日志链接时可以看到所有日志列表,通过ajax请求action动态生成日志列表中的数据。
删除:
用户点击日志列表后的删除空白链接,通过ajax删除该日志,页面无跳转。
阅读:
用户单击阅读链接可以跳转到该日志的页面进行阅读。
添加:
用户单击添加日志按钮,可以跳转到写日志页面,在此写自己的日志。
3.相册管理
链接:
用户在个人首页单击图片链接时可以跳转到图片管理页面
查看:
用户点击日志列表后的最新图片选项卡,通过ajax查看最新图片,页面无跳转。
浏览:
用户单击浏览图片选项卡可以动态的逐个浏览已上传的图片。
用户单击添加图片选项卡可以跳转到写日志页面,在此写自己的日志。
4.好友管理
用户在个人首页中可以看到所有部分好友列表,通过ajax请求action动态生成好友列表中的图片。
访问:
用户单击好有图片可以跳转到该好友的个人主页。
查找:
用户单击查找按钮,可以跳转好友搜素结果页面,同过ajax产生动态提示。
5.留言管理
用户在个人首页单击留言链接时可以看到所有留言列表,通过ajax请求action动态生成留言列表中的数据。
用户点击留言列表后的删除空白链接,通过ajax删v除该留言,页面无
跳转。
阅读:
用户鼠标放在查看链接时可以动态提示该留言用户的信息。
添加:
用户单击留言按钮,可以跳转到写日志页面,在日志后对其评论(留言)。
6.个人信息管理
查看和修改:
用户单击个人主页的个人信息链接,跳转到用户个人信息页面,其中的数据是通过ajax自动填充的。
2 普通用户
注册
当普通用户打开个人交友系统首页时,可以单击注册按钮弹出注册面板,用户可以填写注册信息,页面无刷新。
许愿
用户单击许愿链接,跳转到许愿页面,通过ajax动态加载数据库中已有的所有许愿信息。
许愿:
用户填完许愿信息后单击许愿按钮,通过ajax可也将许愿内容添加到数据库,同时在页面中展现出来。
留言
当普通用户打开个人交友系统首页时,可以单击留言链接跳转到留言页面,用户可以填写留言信息,提交到数据库。
4.系统设计
4.1软件组织结构
4.2软件系统结构和类之间的引用关系
本系统是基于MVC模式的系统结构主要应用jsp,ajax/struts/Hibernate框架结构。
其中jsp,ajax用于前台页面的设计,struts用于业务逻辑的控制,Hibernate主要用于持久化层的控制,ajax用于页面的局部刷新。
4.3系统文件组织
1)包及包的说明
说明:
com.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_prompt
Dao类:
日志模块:
logDAO
logDAOipm
好友模块:
friendDAO
FriendDAOipm
图片模块:
pictureDAO
PictureDAOipm
注册模块:
registDAO
RegistDAOipm
许愿模块:
wishDAO
WishDAOipm
查询模块:
searchDAO
searchDAOipm
个人资料管理模块:
userDao
UserDAOipm
Control(控制类):
userActionDispatch
PictureActionDispatch
FriendActionDispatch
logActionDispatch
WishActionDispatch
UserIndexAction
SearchActionDispatch
4.4系统数据库设计
4.5界面设计
登录首页:
注册页面:
后台管理界面:
空间主页面:
添加日志页面:
用户留言页面:
5.系统的开发环境平台
开发工具:
jdk1.6.0+MySql+MyEclipse_6.5
开发环境:
windowsXP
6.总结
心得体会:
需求分析是项目开发的关键
数据库的设计关系到整个项目的进展,没有成功合理的数据库结构软件开发将无中心可寻。
本次课程设计中我尝试使用:
ajax+struts+hibernate,ajax+servlet+sql;
Json,ml作为数据回传格式。
在这些技术结合中,我们深刻的体会到在相同环境下,用hibernate对数据库进行操作效率较慢,而用sql则用户响应较快。
可以深刻的体会到,HTML静态页面的重要性,没有一个漂亮的页面,用户体验较差。
在本课程设计中,我明白了理论与实际应用相结合的重要性,并提高了自己组织数据及编写Javaweb程序的能力。
培养了基本的、良好的程序设计技能以及合作能力。
这次课程设计同样提高了我的综合运用所学知识的能力。
并对MyEclipse有了更深入的了解。
总的来说,本次课程的学习和课程设计过程当中让我对Javaweb开发有了更加深刻和越发清晰的认识,也让我在技术和知识上有了更大的提高;
另一方面,通过本次开发,我也更加清楚的认识到在技术经验和基本知识技能方面的欠缺,给了我更大的动力去探索和学习Javaweb开发的相关知识。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 学位 论文 个人空间 主页 网页 设计