1、摘要伴随着社会的发展和科学的进步,上网成为越来越多人们的选 择。随着互联网的飞速发展,信息共享给我们提供了巨大的方便,而 学习交流网站的建立则成为当今大学生一个新的学习平台,通过网络 共享学习经验,并针对某个技术专业领域进行交流讨论,使企业和个 人能够得到更好的发展。本设计主要使用JSP以及MYSQL数据库 为工具打造一个功能简单、结构精巧、使用难度低的学习交流平台。通过这个学习交流平台不仅可以弥补教科书上的不足,从而不断充实 自己,而且还可以帮助大学生解决他们在工作中所遇到的各种问题。关键词:JSP学习交流MYSQL大学生目录第一章系统概述.11.1设计背景及必要性.11.2设计目标及意义.
2、1第二章需求分析.33.1可行性分析.33.2功能需求.4第三章总体设计.54.1 设计思想.54.2总体规划.7第四章数据库设计.9第五章 系统主要功能模块及界面设计.166.1个人档管理模块.166.2文章管理模块.176.3问问管理模块.186.4相册管理模块.196.5留言管理模块.20总结.22致谢.24参考文献.25第一章系统概述1.1设计背景及必要性在这个高速发展的网络时代里,网上交流学习已经成为一种新的 学习方式,通过网络资源共享学习经验,并针对某个专业领域进行交 流讨论,使企业和个人能够得到更好的发展。随着社会的不断进步,网络时代的不断更新,人们对网络的需求 以及应用更加的普
3、遍化,不能否认在现实的生活中人们往往遇到一些 个人无法解决的难题,无论是在个人的工作当中还是在企业当中。不 能否认,如果大家利用网络给大家带来的便利,以网上交流的方式来 共同探讨,彼此之间产生交流及反馈建议,那么个人问题能够得到解 决而且彼此之间都会有所收获,何乐而不为。因此,开发和使用一套符合学习者需求的学习交流平台,实现学 习交流的计算机化,并且满足学习者需求,合理配置和利用资源,提 供学习者解决问题的渠道。1.2设计目标及意义设计的总体目标是实现基于JSP的在线交流平台基本功能,保证 学习者能快速获取所需知识;当用户在学习中碰到一些不能解决的问 题,可以在这个空间中提出自己的问题,其他用
4、户可以帮忙解答,从 而使得学习交流的平台更加广泛。1如果个人在生活中或学习中遇到了什么难题,可以在学习交流平 台上注册,把自己所不能够解决的问题发布到网站上,还可以把自己 的想法写上去,和大家一起交流,探讨,深入的学习,从而解决问题,对自己的能力也是一种提高。学习交流平台的目的在于为用户学习提供一个良好的交流环境,可以在此平台中提问交流,为个人可以在相互交流的过程中学到更多 的知识。通过学习交流平台,可以使个人提升、拓展、纵深自己的知识。学习交流平台是彼此沟通与分享知识的根据地。一方面,在遇到问题 时可以相互讨论;另一方面,网站本身就是一个互动沟通平台,二者 活动的反馈沟通均可在网站实现。并且
5、,这些交流可以促进彼此之间 的友谊,也可以确保学习交流平台的持久性与连贯性。2第二章需求分析3.1可行性分析3.1.1技术可行性本系统开发主要涉及的是硬件和软件两方面技术问题:硬件环境:CPU:酷睿双核1.8GHZ;内存:2GB;硬盘:320GB软件环境:操作系统:WIN7旗舰版;开发工具:Eclipse;数 据库:MySQL 5.6;Web 服务器:Tomcat 7.0本系统前台以JSP为开发语言,采用Eclipse作为开发环境,后 台以MySQL 5.6作为数据库技术支持。综上所述,硬件和软件方面的条件符合系统要求。3.1.2经济可行性本系统是一个小型的JSP学习交流平台,对电脑的硬件投资
6、要求 不高。开发工具,数据库和服务器都是免费软件。系统实施后,管理 员只需对图形化界面进行简单操作即可进行系统管理,无需花赛时间 金钱培训。系统安全系数高,有助于管理员对于系统数据管理的及时 性,准确性,有助于降低管理成本和数据出错或损失的风险。3.1.3操作可行性学习交流平台的开发符合WINDOWS系统的操作规范,系统的界 3面和操作方式和WINDOWS系统类似,管理员只需了解各模块功能 即可利用系统图形化界面进行管理,对专业要求低。对于系统的用户 操作要求门槛同样较低,和国内大型在线交流系统界面类似,界面简 单易懂,操作方便。综上所述,本JSP学习交流平台在开发和实施阶段无论从技术,经济还
7、是操作上都是可行的,因此可以进一步进行系统分析和系统设 计,完成整个JSP学习交流平台的开发工作。3.2功能需求用户管理模块:注册、登录、修改个人资料文章管理模块:添加、编辑、删除、评论留言管理模块:发表留言、删除、评论相册管理模块:添加相册、添加相片(即上传照片)、删除相片 问问管理模块:添加、删除、评论4第三章总体设计4.1设计思想通过上一章的需求分析,本网站主要采用经典的模型视图-控制 器(MVC 模式)设计模式(JavaBean+JSP+Servlet),该模式 Servlet 充当了控制器的角色,负责响应客户对业务逻辑的请求,并根据用户 请求行为决定将调用的JSP页面。JSP页面处于
8、表示层,也就是视 图的角色,JavaBean负责数据处理,也就是模型的角色。并通过 JDBC连接操作数据库,用Tomcat作为网站的Web容器。在开发 过程中还将使用Ajax、Jquery等技术。图4.1网站设计模式图MVC 全名是 Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑,数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里 面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业 务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出 功能在一个逻辑的图形化用
9、户界面的结构中。(1)模型模型代表了该应用程序的核心功能,它负责处理用户的数据,实 现业务逻辑。同时,模型还为视图的显示提供数据,并可被多个视图 所共用。(2)视图视图主要是指与用户交互的界面,也即应用程序的外观。视图可 以接受用户的输入,但它并不包括任何实际的业务处理,它只是将数 据交给控制器。同时,视图还负责展现模型传递给用户的数据,当后 台模型更新数据时,视图也应当随之更新他的显示。(3)控制器控制器负责接受用户的请求和数据,接着它会做出判断将请求和 数据交由哪一个模型来处理,最后调用视图来显示模型返回的数据。图4.2 MVC模式结构图如图4.2所示,视图中用户的输入被控制器解析后,控制
10、器改变 6状态激活模型,模型根据业务逻辑维护数据,并通知视图数据发生变 化,视图得到通知后从模型中获取数据刷新自己。4.2总体规划根据大多数个人网站需求,我所制作的个人网站大体可分为如图4.3五大功能模块:图4.3网站总体功能模块图(1)文章通过此模块可以收藏或者自己发表学习心得或者写得好的文章,好友可以查看,并评论。(2)相册将自己平时旅游、聚会等值得珍藏的照片上传到网站的相册中,供好友和自己平时看看。(3)问问主要将自己在学习上不懂的问题发布出来,好友看到后回复问题,加以讨论,让问题得以解决。7(4)留言板是一个与大家交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。就我们感兴趣的
11、话题展开讨论。和大家进行沟通。(5)个人档将自己的个人信息显示在其中,包括爱好、星座、现居地等,让 其他人能了解自己。本网站需登录才能进入,只有用户能发布、编辑、删除文章、相 册、问问等信息,还能浏览、评论和留言以及修改自己的头像。网站总体结构如图4.4,其中每个框代表的一个页面。图4.4网站总体结构图8第四章数据库设计数据库是整个网站的核心部分。只有通过数据库的调用才能进行信 息的新增、修改、删除等,只有正确设计数据库并正确而有效的连接,才能最终实现系统的功能,以下设计了数据库中的12个表,分别是:(1)用户表用户表(DATA_USER)字段名数据类型是否为空默认值备注idinteger否主
12、键,自动递增usernamevarchar(50)否用户名passwordvarchar(128)否密码add_timedatetime否注册时间stateinteger是用户状态(预留字段)delinteger否0删除位0未删除1已删除sexinteger是性别0男1女ageinteger是年龄birthdaydate是生日constellatiovarchar(10)是星座marital_stat usvarchar(10)是婚姻状况professionvarchar(20)是职业home_townvarchar(50)是家乡residencevarchar(50)是现居地9interes
13、tvarchar(50)是兴趣爱好qqvarchar(20)是QQ号photo_headvarchar(300)是用户头像nicknamevarchar(100)否用户昵称(2)文章表文章表(DATA_LOG)字段名数据类型是否为空默认值备注idinteger否主键,自动递增titlevarchar(50)否文章标题contentmediumtext否文章正文stateinteger是文章状态(预留字段)delinteger否0删除位0未删除1已删除is_openinteger否0是否公开0是1否data_user_i dinteger否发表用户 外键用户idadd_timedatetime否
14、发表时间(3)文章评论表文章评论表(DATA_LOG_COMMENT)字段名数据类型是否为空默认值备注idinteger否主键,自动递增contentvarchar(200)否评论内容10(4)文章评论回复表delinteger否0删除位0未删除1已删除data_user_i dinteger否评论用户外键用户iddatajogjdinteger否评论文章外键文章idadd_timedatetime否评论时间(5)问问表文章评论回复表(DATA_L OG_COMMENT_REPLY)字段名数据类型是否为空默认值备注idinteger否主键,自动递增contextvarchar(200)否回复内
15、容delinteger否0删除位0未删除1已删除data_user_i dinteger否回复用户外键用户iddata_log_co mmentjdinteger否回复文章评论外键文章 评论idadd_timedatetime否回复时间11问问表(DATA_SHORTMSG)字段名数据类型是否为空默认值备注idinteger否主键,自动递增contentvarchar(300)否问问内容photovarchar(200)是图片stateinteger是问问状态(预留字段)delinteger否0删除位0未删除1已删除is_openinteger否0是否公开0是1否data_user_i din
16、teger否发表用户 外键用户idadd_timedatetime否发表时间(6)问问评论表问问评论表(DATA_SHORTMSG_COMMENT)字段名数据类型是否为空默认值备注idinteger否主键,自动递增contentvarchar(200)否评论内容delinteger否0删除位0未删除1已删除data_user_i dinteger否评论用户外键用户iddata_msg_i dinteger否评论问问外键问问idadd_timedatetime否评论时间(7)问问评论回复表问问评论回复表(DATA_SHORTMSG_COMMENT_REPLY)字段名数据类型是否为空默认值备注id
17、integer否主键,自动递增contentvarchar(200)否回复内容delinteger否0删除位0未删除1已删除data_user_i dinteger否回复用户外键用户id12(8)相册表data_msg_c ommentjdinteger否回复问问评论外键问问 评论idadd_timedatetime否回复时间(9)照片表相册表(DATA_ALBUM)字段名数据类型是否为空默认值备注idinteger否主键,自动递增namevarchar(50)否相册名photovarchar(200)是相册封面图片detailvarchar(200)是相册描述stateinteger是相册状
18、态(预留字段)delinteger否0删除位0未删除1已删除is_openinteger否0是否公开0是1否data_user_i dinteger否所属用户外键用户idadd_timedatetime否新建时间13照片表(DATA_PHOTO)字段名数据类型是否为空默认值备注idinteger否主键,自动递增namevarchar(50)否照片名addressvarchar(300)否照片路径stateinteger是照片状态(预留字段)(10)留言表delinteger否0删除位0未删除1已删除data_album _idinteger否所属相册外键相册idadd_timedatetime
19、否照片上传时间(11)留言回复表留言表(DATA_MSG_BOARD)字段名数据类型是否为空默认值备注idinteger否主键,自动递增messagevarchar(200)否留言内容delinteger否0删除位0未删除1已删除data_user_i dinteger否发表用户 外键用户idadd_timedatetime否发表时间14留言回复表(DATA_MSG_BOARD_REPLY)字段名数据类型是否为空默认值备注idinteger否主键,自动递增contentvarchar(200)否回复内容delinteger否0删除位0未删除1已删除data_user_i dinteger否回复
20、用户外键用户iddata_msg_b oardjdinteger否回复留言外键留言idadd_timedatetime否回复时间(12)访问记录表访问记录表(DATA_VISIT)字段名数据类型是否为空默认值备注idinteger否主键,自动递增add_timedatetime是访问时间delinteger否0删除位0未删除1已删除data_album _idinteger是访问的相册外键相册iddatajogjdinteger是访问的文章外键文章iddata_user_i dinteger是访问用户外键用户iddata_user_i d_thisinteger是被访问用户外键用户id(不为空
21、表示访问的主页)15第五章系统主要功能模块及界面设计6.1个人档管理模块(1)模块描述个人档管理模块主要是给用户提供管理自己个人信息的功能,其他用户可在个人档中查看到该用户具体信息。(2)主要功能个人档管理模块主要功能包括:编辑个人档。(3)涉及数据表用户表(4)界面效果XY个人空间-登录用户名:I清输入用户.含 密码:|i音输入密-图6.1网站登陆页面图16J T I注销交流学习网 戏 留言 问间 个人档勒文章2L 救 Hi分奏::文明礼仪在校园粽弄时社会在进步,时代在发患,人们的生活水平正逐步提高。作为一个现代社会的公 篇”Zl:民,我们只有讲文明讲礼仪,不断提高自己的高素质才能,才会成为
22、一个合格的新0寸代;公民。:古入云:“自假齐,至治平”。不错,要干大事,就必须先学好礼仪。罗蔓罗兰 h也说过“没有伟大的品格,就没有伟大的人”。而我们,作为新时代的学生,正在接受;:着学校教育,更应该知书达理、举止文明、谈吐得体,握菖自身道德素盾、振兴伟大民;族精神,建设社会主义箱神文明,这样,才能学好知识,成为一个有道德修养和综合素;:寞着里爰分类:;做网站seo应该具备的三种能力心态弟聿时向,g 有时分就会想,搜索引擎优化缺的是啥,搜索引擎优化缺的是技巧,我想搜索引图6.2首页效果图图6.3个人资料效果图6.2文章管理模块(1)模块描述文章管理模块给用户提供了文章发表及管理功能,通过此模块
23、 用户可通过发表文章来记录自己的学习心得或者有用的文章,也 可以查看其他用户发表的学习文章,从而获取自己需要的知识。17(2)主要功能文章管理模块主要功能包括:发表文章、编辑文章、删除文章、评论文章。(3)涉及数据表用户表、文章表、文章评论表(4)界面效果图6.4文章管理效果图6.3问问管理模块(1)模块描述问问管理模块主要是让用户能发表及管理问问,通过此模块用 户可以将自己在学习中遇到的问题发表出来,与其他用户讨论交 流,得到自己满意的答案,从而让自己的问题得到及时、有效的 解决。(2)主要功能18问问管理模块主要功能包括:发表问问、删除问问、评论问问。(3)涉及数据表用户表、问问表、问问评
24、论表(4)界面效果图6.5问问管理效果图6.4相册管理模块(1)模块描述相册管理模块主要是让用户能通过建立相册上传照片来管理 自己的照片,通过相册管理模块用户可将自己在旅游、聚会等等 一些活动中所拍摄的照片保存在个人网站中,方便自己或着好友 查看。(2)主要功能相册管理模块主要功能包括:建立相册、编辑相册、删除照片、上传照片。19(3)涉及数据表用户表、相册表、相册照片表(4)界面效果图6.6相册管理效果图6.5留言管理模块(1)模块描述留言管理模块主要是让其他用户能在自己的个人主页上留言 以及管理留言,通过此模块其他用户访问自己的个人主页时可在 留言板上发表留言,增强用户之间的互动性,提升主
25、页人气及活 跃度。(2)主要功能留言管理模块主要功能包括:发表留言、删除留言、回复留言。(3)涉及数据表用户表、留言表、留言回复表(4)界面效果20矿 注销交流学习网个人档这个世界是一个很物质、特别容易迷失的世界,我们年轻人,特别容易在物质里迷失。你见过太山大水,祢有一个高山的胸怀,你就会在这个 世界上,知道我内心想要的东西:一方面,就是我们自己更适应这个世界,另一方面,就是我们也更快乐,也会把更好的东西带给身边的人。删除IH 楼留言时间:2OU-12-171SI14hm余I回:B图6.7留言管理效果图21目前网站的制作技术与要求,都已经告别了因特网初期网站制作 的“幼稚”期,随着各类网站的迅
26、速增加与浏览者需求的提高,无不要 求网站从立意、策划,页面设计到后台程序的全面提高。无论是个人 网站还是企业网站都必须被要求从浏览者角度出发,最大限度的满足 用户的要求,这也是以后各类网站发展竞争的真正实质所在。在本次设计的全过程中,我对三年所学的知识有了一个比较系统 的认识和理解。涉及了各方面的知识,大大扩展了我的知识面,同时 是我学会了如何使用所学的知识去解决一些实际的问题。在设计中我深知自己掌握的知识还远远不够,掌握的一些理论知 识应用到实践中去,总会出现这样或那样的问题,不是理论没有掌握 好,而是光知道书本上的知识是远远不够的,一定要把理论知识和实 践结合起来。把学到的知识应用到时间中
27、去,多做多练,才可以把理 论的精华发挥出来。知识不是知道,了解就好,一定要去应用它,发 展它,让它在现实生活中得到充分的应用,从而解决一些问题,这才 是学习的根本目的。而且知识又不是单一的,它是互相联系的,学科 与学科之间都有着内在的联系。计算机是一门非常复杂且庞大的学 科,一项课题往往需要多项技术才可以完成的。在设计阶段,通过对 课题的深入分析与研究,迫使我对技术有了一定的了解。在遇到问题 时,得到了指导老师与同学的悉心帮助,使我感受到集体的力量是无 穷的。22通过这次设计,我学到了许多书本上学不到的知识,增强了自己 的动手能力。但由于设计时间较紧,且相关模块比较多,加之设计经 验的不足,在
28、网站的整体设计及各模块功能可能设计的不完全,有待 于进一步的完善和改进。23致谢在本次毕业设计过程中,指导老师谢艳梅老师给予了我极大的帮 助。在她身上我学到了很多东西。她和蔼可亲的态度、渊博的专业知 识,对学生尽职尽责的教导都给我留下了十分深刻的印象。她无论在 理论上还是在实践中,都给了我很大的帮助,使我得到很大的提高,这对于我以后的工作和学习都是巨大的帮助,在此感谢她耐心的辅 导。还有,在我设计整个网站的过程中,许多同学也给了我很大的帮 助,在这里我一起表示感谢。最后要感谢在这三年的学习和生活中给予我关怀和帮助的每一位 可敬的老师以及可爱的同学,感谢你们的无私帮助!感谢你们的悉心 教导!感谢
29、你们的点点滴滴!感谢母校对我们的培养!在即将离开学 校之际,再次衷心感谢所有的老师和同学,谢谢你们为我的大学生活 划上一个完满的句号!24参考文献1 林信良.JSP&Servl et学习笔记(第2版)M.清华大学出版社,2012年5月.2 储久良.Web前端开发技术HTML、CSS、JavaScript M.清华大学出版社,2013年7月.3 龙马工作室.精通JavaScript+jQuery M.机械工业出版社,2014年8月.4 王飞飞MySQL数据库应用从入门到精通(第2版)M.中国铁道出版社,2014年4月.5 李东博.HTML5+CSS3从入门到精通M.清华大学出版社,2013年6月.25