毕业论文-基于Web版的博客

太原理工大学毕业设计(论文)用纸 太原理工毕业设计基于web版的博客-PAGEIV-PAGEi摘要本系统致力于建立灵活、方便的博客系统，主要有三大功能模块：系统管理员模块、注册的会员模块和游客访问模块。为了满足博客系统的要求，实现系统静态与动态页面的相互分离，系统采用JSP+JavaBean+Servlet和SQLServer2005数据库相结合的开发模式。系统管理员模块：只有系统管理员才具有该模块的权限。该模块需要实现注册用户和系统用户的管理，另外通过该模块可以浏览文、浏览相册、删除文章、删除相册等，以及系统公告等信息。注册用户模块：用户只用通过该网站提供的接口注册后才有的功能。该模块是系统核心的功能模块，要求实现博客文章发表、相册上传、文章评论、删除文章、删除照片、修改个人信息和好友管理的功能。这些都是在用户登陆以后有的。游客模块：用户不需要注册就有的功能。该模块要求实现添加文章浏览、相册查看和发表评论等功能。本文力求可以为博客系统的开发设计找到一种切实可行的解决方案，在分析了目前国内外博客系统的现状的基础上，并经过反复摸索和学习研究后，借助编程语言JSP和SQLServer数据库最终实现了博客系统的开发，并在一系列测试后，达成了人性化、所需功能完善、操作清晰的设计目标。关键词JSP；SQLServer2005；博客-PAGEIV- PAGEii BasedonthewebversionoftheblogAbstractThissystemiscommittedtobuildingaflexible,convenientblogsystemhasthreemainmodules:SystemAdministratormodule,themoduleregisteredmembersandvisitorsaccessmodule.Itmayinturngeneratenewideas.Satisfyforthefunctionsofblogsystem,achievingthesystem'sstaticpageseparatewithdynamicpagemutually,usingJSP+JavaBean+ServletwiththemodeofdevelopmentthatthedatabaseofSQLServer2005combinetogether.SystemAdministratormodule:Onlysystemadministratorshavepermissionsforthemodule.Themoduleneedstoimplementregisteredusersandusermanagementsystem,whilethemodulecanbrowsethroughthetext,browsephotoalbums,deleteposts,deletethealbum,aswellasannouncementsandotherinformationsystems.Registeredusermodules:Userinterfaceregistrationonlyavailablethroughthewebsiteaftersomefunctions.Themoduleisthecoreofthesystemfunctionmodulesrequiredtoachieveblogposts,photoalbumsupload,postcomments,deleteposts,deletephotos,andfriendsmodifypersonalinformationmanagementfunctions.Thesearesomeafteruserlogin.Visitorsmodules:theuserdoesnothavethefunctionofregistration.Themoduleisrequiredtoachieveaddarticlestobrowse,viewandcommentonalbumsandotherfunctions.Thispaperseekstoblogsystemfordevelopmentanddesigntofindapracticalsolutionintheanalysisof-Boathomeandabroadonthebasisofthestatusofthesystem,andafterrepeatedexplorationandstudyafterstudy,usingJSPandSQLprogramminglanguageServerdatabaseandultimatelytheblogsystemdevelopment,andinaseriesoftests,reachedauser-friendly,functionalrequirements,operationsdesignedtoclear.KeyWordsJSP;SQLServer2005;Blog目录摘要 iAbstract ii1概述 11.1课题背景 11.2课题意义 41.3文献简述 51.3.1技术简述 62系统分析 72.1系统的需求分析 72.2业务流程分析 82.2.1注册用户业务流程分析 82.2.2系统管理员业务流程分析 82.2.3游客业务流程分析 92.3数据流程分析 112.3.1用户管理模块 112.3.2文章管理模块 112.3.3相册管理模块 122.3.4系统公告管理模块 122.3.5修改密码模块 132.3.6文章发布模块 132.3.7相册上传模块 142.3.8修改个人信息模块 142.3.9好友管理模块 142.3.10文章浏览模块 152.3.11文章评论模块 152.3.12相册浏览模块 162.4数据字典 162.4.1数据项的描述 162.4.2数据流的描述 172.4.3外部实体的描述 183系统设计 193.1系统体系结构设计 193.2系统子模块功能介绍 193.3数据库设计 203.3.1数据库概念设计——E-R模型 203.3.2数据库逻辑设计——关系模型 213.3.3数据库选型 213.3.4数据库表结构设计 223.3.5数据库表间关系设计 233.4系统环境配置设计 244系统实现 264.1用户注册模块 264.2照片发布模块 274.3添加文章模块 284.4用户修改个人资料模块 294.5管理员登陆模块 314.6注册用户管理模块 324.7公告管理模块 335系统测试 355.1测试目的 355.2测试方法 355.1测试结果 356总结 37参考文献 38致谢 39英文原文 40中文译文 46PAGE481概述1.1课题背景随着互联网的迅猛发展，网络日益成为人们交流的重要媒介，网络交流方式也日新月异。在没有自己的博客之前，人们会经常进出于论坛发表贴子或者通过即时通信软件聊天，来表达自已的想法，可是这些都是零散的和杂乱的。博客的出现，让人们可以不断的把自己以前的和每天激发的一些想法或者感受整理放在自己的博客上，每次在写文章的时候，可能又会产生新的想法。虽然一些想法一些思考只是皮毛，没有什么深度，但是当下笔去写的时候每次都会对某个小小的问题有了更多的一点点思考，再写博客的时候就感觉到了一种满足感，一种想法得以释放思考得以延伸的满足感。生活中每天的一个小小的事情都会引起人们的思考，甚至是和朋友的聊天中一个小小的火花迸发。督促自己努力、把一时的想法变成观点，争取在生命中的每天里留下点什么，这也是人们写博客的目的之一。这样就能督促自己每一天不要浑浑噩噩，时光流逝无痕无声无息，写博客也是在自己的每一天上留下了一道浅浅的思考和划痕。不仅如此，通过写博客、记录自己的想法可以帮助实现如下这些目的：(1）记录生活，在自己的每一天上留下思考的划痕。(2）整理思路，固化知识，获得更多更好的想法。(3）分享，将自己的想法、经验与人分享。(4）交流、提高，通过交流产生更多的思维火花，相互提高。(5）交友，互相鼓励，一路同行。博客的兴起，美国大众传播学者琼·杰尔曼在1998年7月21日写下一句话：“未来，也许100年后，大学新闻学院及令人肃然起敬的新闻奖将以现在在一些人看来‘声名狼藉’的网络记者麦特·德拉吉的名字来命名。而此时，CNN的拉里·金及彼得·阿内特等可能早已被人们忘却了。那时，德拉吉将被全世界的新闻学者与学生们作为研究对象。”这里提到的网络记者麦特·德拉吉(MattDrudge)，就是1998年向全世界报道克林顿性丑闻的第一人，也就是较早意义上的“博客”。2003年，著名的学院派博客金·罗曼斯科(JimRomensesko)率先在他的博客网站上揭露了纽约时报记者系列造假案“布莱尔丑闻”(BlairScandal)，使纽约时报这个以全球新闻业良心自居的媒体集团，遭遇了前所未有的危机，博客的力量可见一斑。2003年11月起，一个叫“木子美”的博客开始在网上发布名为《遗情书》的个人日志，引发了“木子美冲击波”，博客在中国开始广为人知。2005年9月8日，新浪在北京宣布推出Blog公测版，成为国内首家正式推出Blog频道的门户网站，代表web2.0的blog开始被第一代传统门户网站接纳，博客正日益成为一种新潮流和新时尚。

博客即blog一词源于英文中的weblog（网络日志）一词，而“博客”则是参照了“骇客”“黑客”等、进行了中国化翻译的结果。对于博客的定义有多种，这里列出两条：一、blog可以是个人日记、每日道坛、合作空间、政治讲坛、特发新闻集散地、各种链接的汇集地、您的个人想法、世界大事备忘录等。您可以完全按照自己的意思来制作blog，blog有无数的形式和大小，而且没有任何实际的规则。二、博客是一种十分简易的傻瓜化个人信息发布方式。让任何人都可以像免费电子邮件的注册、写作和发送一样，完成个人网页的创建、发布和更新。如果把论坛（BBS）比喻为开放的广场，那么博客就是你的开放的私人房间。博客具有多重属性和多样化的受众，可以从经济学、政治学、文化研究及心理学的角度等进行分析，本文侧重讨论博客的媒体属性及价值。“如果只有一个人看，那就是日记；如果有几十个人看，那是和朋友分享；如果有几百个人看，那就是一种影响力；如果有几千个人看，那就是一个媒体”。这里的媒体即本文所讨论的大众媒体。博客具有的媒体属性、媒体特征及媒体价值与大众媒体有相通之处，但它本质上又是反大众媒体的。

博客的价值，在维基百科上搜索“媒体”，解释如下：传播媒体或称“传媒”、“媒体”或“媒介”，指传播信息的载体，即信息传播过程中从传播者到接受者之间携带和传递信息的一切形式的物质工具。这是媒体最简单也最直接的定义，阐述了媒体的几个基本要素和基本功能，包含了信源、信宿、信道、传播、接受等后来传播学研究的关键概念。大众媒体的概念也是众说纷纭，大体而言，它是指运用先进的传播技术和产业化手段，以社会上一般大众为对象而进行大规模的信息生产和传播活动的专业化的媒介组织。大众传播具有几个突出的特点：传播者是从事信息生产和传播的专业化媒介组织；运用先进的传播技术和产业化手段大量生产、复制和传播信息；对象为社会上的一般大众，特点是多杂散匿；传播的信息具有商品和文化双重属性；单向性很强，是一种制度化的社会传播。对于大众传播的基本功能，结合拉斯韦尔和赖特的观点，简单说来有四点：监测社会环境、协调社会关系、传承文化和提供娱乐。

大众传媒的形式发展至今，已经越来越多样和复杂化，从报刊杂志、电影电视到如今的第四媒体——网络，彼此互补又相得益彰，共同把人类带入信息极大丰富的时代。网络媒体通常被称为新媒体，很大程度上是因为它在传播过程中强化了“反馈”这一环节，而这在传统媒体中很难做到。但传统的门户网站即web1.0，如新浪、搜狐、网易等这些门户网站，从本质上看仍然只是一种信息提供者，极少甚至说没有互动与反馈，受众只是被动的接收和浏览，这与网络的互动和共享精神也不相吻合。而代表着第二代门户即web2.0特点的博客，则在很大程度上实现了反馈和互动的功能，大大扩展了媒体的能动性和影响空间，更被欣喜地命名为“媒体的开放源代码”。但博客具有怎样的媒体特征，它的媒体价值是什么，“媒体的开放源代码”是哪些方面、哪种程度的开放，博客能够替代大众媒体的作用和地位吗，它的局限性和存在意义又在哪里？谈论博客的媒体属性，首先从媒体的传播过程谈起，传播学中对此早已有连篇累牍的模型和复杂阐述，无外乎是围绕着信宿、信源、信道和反馈等展开深入分析。

首先博客是作为一个信源存在的，是集编码、译码、释码于一体的角色。博客利用自身掌握的各种信息资源，采用文字、图像、视频、音频等各种符号手段对信息和观点进行编码，通过各种网站平台进行传播。受众可以匿名，也可以通过评论或发表文章等对博客内容进行反馈和释码、译码，或者转换角色，成为新内容的编码者，如此循环往复，形成良性的互动传播。其次博客也是一个信道，一个信息和意见的集散地，众多的信息和观点可以由此传递，超链接功能帮助受众获得更多信息，在博客与博客之间、博客与非博客之间建立传播的介质和联系的通道。当然博客也是传播中的一种噪音，是传播的信宿，这一点在后面会论述。这样的一个过程，正好印证了上述的循环模型，同时也很大程度上突破了大众传播缺乏反馈性的弱点，增强了传播过程中双方的互动性和能动性，也使基于科学技术的现代传播能够更接近人际传播的本质和功能。在这个博客传播的循环过程中，信源是匿名和多样化的，具有“四零条件”：零技术、零成本、零编辑、零形式，进入门槛低，技术含量低，言论表达自由，这一信源具有平民性和普遍性，因而发展迅速。2005年7月，社科院社会发展研究中心发布的《2005年中国5城市互联网使用现状及影响调查报告》中显示，有29%的网民开始使用博客。信源的多样必然带来信宿的丰富，加上博客自由互动的特点，使得博客的影响力和信息价值增大，对社会和个人生活产生越来越重要的影响。

传播学者麦克卢汉在阐述“媒介即讯息”这一观点时指出：因为任何媒介与技术所包含的“讯息”，即意味着对它们引进人类生活中的尺度、进度、标准的改变。铁路并非将运动、运输、车轮或路轨引进人类社会，而是提高与扩张了以往人类活动的向度，由此创造出全新的城市，全新的工作与闲暇。博客这一新的媒介也正逐渐改变着人们的工作与闲暇方式、思维与行为方式等，成为一种新的生活方式和潮流。伴随博客产生了许多新的事物，比如播客，是与主要依靠文字表达的博客互补的表达方式，用音频、视频等来表达自己的生活点滴、所思所想，即向全世界播放自己的声音。理论上讲，只要有一台上网电脑和一个话筒，你就可以掌握话语权，以自己独有的风格向全世界播音。播客的制作和接收没有技术、时间和地域限制，它改变了人们传统的收听模式，直接冲击着广播媒体。博客电影，指剧作来自博客群体，博客群体参与摄制，首映式在博客门户网络媒体发布的新影像。这与那些有着庞大的演职人员、精巧的编剧者和大投资拍摄的电影艺术是完全不同的概念，是一种反传统、反权威的力量。被称为博客2.0的“维客”，则是一个人人都可以编辑的百科全书，它只是一套可以任意编辑的网络白纸，任何人都可以在一段别人写过的内容上编辑加工，也能够按照一定技术规则和文化脉络组合模仿。这些以博客为代表的媒体，具有去中心化、去权威的力量，一种来自草根阶层的巨大力量，代表着一种话语权的解放，言论的自由和平等。王朔曾经说过，他所害怕的是具有全体写作能力的人民，似乎博客能给他带来这种恐惧。博客的局限性，但博客的力量究竟有多大呢，它真得可以实现话语权的解放，发挥草根大众的力量吗？博客在中国的推广者们曾这样说到：“可以毫不夸张地说，程序员是程序‘源代码’的‘源代码’，而作者是媒体‘源代码’的‘源代码’。只有在作者层面，真正实现‘开放源代码’，才是媒体技术层面的终极开放。否则，没有这个层面的根本性的变革，就不能实现真正的开放。而这一切，由于博客的到来，才真正成为现实。”他们认为博客在内容、作者、读者层面实现了源代码开放，这些构成博客革命的力量之源。博客带来的似乎是一种话语平等、众生喧哗、百家争鸣、言论自由的气氛，“四零条件”似乎可以使每个人都有机会表达自己，这样一个日益分散、去权威、去中心的时代，是否又形成了新的话语中心？上面曾谈到博客也是传播过程中的一个信宿，其信源基本上来自于当前的大众媒体，报刊杂志、电视电影等传统媒体既是网络媒体的主要信息源，也是博客的主要信息源。众多博客在这里充当的可说是二级传播中“意见领袖”的职能，即在一个参考群体里，因特殊技能、知识、人格和其他特质等因素而能对群体里的其他成员产生影响力的人，现实也说明了这一点。活跃在网络上的博客，大多同样活跃在传统媒体中，从传统媒体中获得的信息资源使他们在网络上也有了很大的话语权，比如一些著名博客安替、猛小蛇、连岳、洁尘等，在网外网内都形成了自己的话语圈。传统的大众媒体作为一个系统有组织的专业机构，历经百年多的发展，已成为当今社会中不可忽视的力量，它所扮演的社会信息源的角色也是无可替代的，博客只是从另一方面强化了这种影响而已。即使德拉吉报道了《纽约时报》的丑闻并导致主编下台，但《纽约时报》依然是美国媒体的重心和焦点所在。“由新兴技术驱动的基于互联网话语权的极度分散趋势，与以传统资本促进的传统的媒体工业的高度集中格局并存。这两种趋势，共同代表了媒体业的未来。高度集中的媒体集团不可能发展到一手遮天的地步。极度分散的个人出版，作为媒体工业的外延部分，也没有能力与媒体集团整体抗争。”据中国互联网络信息中心（CNNIC）2005年“第16次中国互联网络发展状况统计报告”显示，中国的网民已经突破一亿人，按此比例计算，使用和接触博客的人至少也有上百万。如果这些人都能够发出自己的声音，将会是一种百家争鸣的言论繁荣景象，但这种状况在现在的中国是不可能出现的。政治和社会环境姑且不论，博客实际上造成了“知识沟”的扩大。“知沟”理论是20世纪70年代由美国学者蒂奇诺等提出的，最早的解释为：大众传播的信息传达活动无论对社会经济地位高者还是低者都会带来知识量的增加，但由于社会经济地位高的人获得信息和知识的速度大大快于后者，随着时间的推移，最终结果是两者之间的“知沟”不断变宽，差距不断扩大。除了经济地位以外，现在的知沟障碍增加了信息技术这一因素，没有经济基础，没有相应的知识结构和电脑技术，博客是无法发挥作用的。这就在网民与非网民，素质水平不同的网民之间形成了双重的知识沟，扩大了社会知识传播的不平等。博客中众多“意见领袖”的存在，也造成了话语权的相对集中，加深了知沟。同时在当下的中国，由于社会诸因素影响，媒体发育和舆论环境都不太完善，包括有“木子美”这样的事件时而发生，使博客的发展呈现不稳定状态。但博客所具有的平民精神、草根阶层的力量和去权威、去中心的特性，以及低门槛、零技术、零形式的特点，伴随着这个时代日益涌动的民主自由和平民化的潮流，注定会获得更大的发展。正如孙坚华所言，“零成本、零技术、零时差、零许可、零编辑的个人意见平台，无论它叫个人网站，叫博客，还是叫其他什么名字，肯定会以这样那样的方式影响、干预、骚扰、破坏社会。它可以是一种全方位的积极的建设性力量，也可以是一种毁灭性的破坏力量。而新技术提供的种种前所未有的可能，正在不断强化这样一种力量。”这种力量来自社会的方方面面和各个角落，来自每天一帖的日常经验，来自积少成多的积累，来自每个人都可以表达的可能性。这种力量可能是潜在的、暗涌的，也可能是外显的、直接的，它的发展趋势和走向，它的建设或破坏，需要时间和实践来进一步检验。1.2课题意义博客系统的实现，用户轻松注册一个账号后，可以发布文章、管理照片，将个人工作过程、生活故事、思想历程、闪现的灵感等及时记录和发布，发挥个人无限的表达力；更可以以文会友，结识和汇聚朋友，进行深度交流沟通。博客，是最近几年出现的一个新现象。我想只要你稍微留意一下，你就一定知道现在很多人已经非它不可了。它象一阵热风，把一些冰冷的东西全都捂热了，这种热量什么时候才能完全散发出来呢？热量到底有多大呢？很多其他一些人的看法：“我想说什么就说什么，想怎么写就怎么写，那里是我的私生活”、“它成了类似于个人主页的东西，但又无需雕饰，只需自由而随意地表达自己的看法即可，类似于一种公开的个人日记”。这样的说法恐怕代表了一种很大众化的倾向。其实，博客已经开始其初现商业价值：博客炒红了很多平凡的人。像木子美、李寻欢、芙蓉姐姐等就是典型的例子。走红后的这些网络红人随后便开始接拍电影、做广告、演讲走秀等，进行商业圈内的各种活动。相信不久还会涌现出一批像网络歌手庞龙、杨臣刚一样红得发紫的人才，这足以让更多的人趋之若骛。从博客的开发经济价值来看，尽管有人想到在这里牟利，目前虽然还没有当成一种产业来发展，大多网络空间区，还是闲暇的场所；但是，随着高科技的发展，我想，博客的功能会更加健全，人们的交往将从虚拟走向现实。在高科技的支撑下，从事这个平台的人就会增加，一些开发商可能会对这块肥肉很感兴趣，投资开发博客的厂商就会有可能像今天发展网上商店一样多如牛毛。另一方面，表达情感是博客写作最主要动机，我们可以写一下我们的日常生活感受，可以写一下我们对某些人的看法以及自己的见解；当然，在这一方面自己必须要有心理素质练历，因为是当你写一些对某人的不好看法时，极有可能导致别人匿名来“围剿”自已，那可是一种不好受的体会，有大兵压境的感受。稍有不慎，便会“心血来潮”、在自己屋子里大动干戈，把自已安静的博客小家园上弄得“血雨醒风”似的。当然写一些自己的日常生活感受，或者是什么人生观之类的，我想，嗯，不会至于搞到满城风雨的吧。（再说一句：写了博客且公开给别人看的人，所以必须有一种面对匿名指责平心静气的心态。）同时，我认为，一位优秀博客的内核还在于他本人需要真正具备“开阔的视野，开放的思维，独立的思想，乐于共享的精神”，这是你在众多博客能否脱颖而出，并建立读者忠诚度的关键。因此，成为优秀的博客需要一个人内心的升华。因此，物以类聚，博客之间将会形成了一个非常和谐、非常友好、非常开放的互动的圈子，也可以让我们认识更多的朋友，让自己的生活更加精彩！呵呵，虽然如是说，但是我又有所闻：现在博客上交友关卡重重，譬如一些博客在其主页上设一些比如会员积分、考察回帖水平等，经过他的考验后才有可能发展到私下交往；更有甚者，一些博客群干脆成为私人茶话会，在自己的首页上，注明了“此博客系统为朋友圈子的私人博客系统”，明明白白地挂上“生人勿扰”的牌子。所以说，这交友方面不是很乐观；但是至少我不会这样做，正所谓说，“朋友多了路好走”嘛，所以我还是希望有和我志同道合的人和我交朋友的。相信对电脑有一定了解的人都知道，博客是因特网的产物，所以，同时它亦结合了多媒体技术在里，说到多媒体这个方面嘛，先说说其两个显著特点：首先是它的综合性，它将计算机、声像、通信技术合为一体，是计算机、电视机、录像机、录音机、音响、游戏机、传真机的性能大综合；其次是充分的互动性，它可以形成人与机器、人与人及机器间的互动，互相交流的操作环境及身临其境的场景，人们可以根据需要进行控制。人机相互交流是多媒体最大的特点，也可以说是一次革命，因为体现人可以根据需要进行控制，不再觉枯燥无味。新开发的技术里，将会使博客与多媒体技术互融得更好。在中国互联网处于低迷的时期，个人网站、商业网站的都一片萧条，博客却在网络上掀起了阵阵热潮：没有风险投资，没有媒体炒作，博客却逐渐走进大众的视野。总之，博客不仅在理论上特力独行，在实践中的影响亦独树一帜。它并不仅仅是作为个人的“传声筒”而存在，目前，很多政府组织、企业、学校、团体也纷纷开通了博客，这也印证了博客本生蕴含的价值。随着博客的发展和功能的完善，它终将成为一种令大众惊叹的媒体新力量。1.3文献简述目前的博客系统种类繁多，但依据各自不同的规模和功能需要，大体上所采取的技术体系分别为小型站点采用ASP+MicrosoftOfficeAccess/MicrosoftOfficeSQLServer技术，大规模站点采用ASP.NET+softSQLServer技术，有很少的开放源代码系统采用了开源的PHP+MYSQL体系结构技术。1.3.1技术简述尽管有着众多的网络开发体系，但如何决定一个系统使用何种方法开发仍然是基于网站的基本需求，本文不详细描述各种开发体系的性能优劣，这里选取了三家不同规模的博客系统，将各系统选用的开发体系列表比较如下,如表1.1所示。表1.1各系统选用的开发体系列表博客名称数据库Web服务器操作系统sina博客softSQLServer2005IIS6.0WindowsServer2000腾讯博客softSQLServer2005IIS6.0WindowsServer2000其它博客MYSQLApacheLinux2系统分析2.1系统的需求分析本系统致力于建立灵活、方便的博客系统，主要有三大功能模块：系统管理员模块、注册的会员模块和游客访问模块。系统需求分析图如下2.1所示。图2.1系统需求分析图系统管理员模块：只有系统管理员才具有该模块的权限。该模块需要实现注册用户和系统用户的管理，另外通过该模块可以浏览文、浏览相册、删除文章、删除相册等，以及系统公告等信息。系统公告参数具体包括标题和内容2个方面的信息。注册用户模块：用户只用通过该网站提供的接口注册后才有的功能。该模块是系统核心的功能模块，要求实现博客文章发表、相册上传、文章评论、删除文章、删除照片、修改个人信息和好友管理的功能。这些都是在用户登陆以后有的。游客模块：用户不需要注册就有的功能。该模块要求实现添加文章浏览、相册查看和发表评论等功能。2.2业务流程分析业务流程分析主要包括注册用户业务流程分析，系统管理员业务流程分析，游客业务流程分析。2.2.1注册用户业务流程分析注册用户进入用户登录界面后，在登录功能区输入用户账号与密码，登录成功后跳转到个人主页。注册用户可以添加自己的信息，并对其进行编辑或删除等操作。结束各项操作后退出，回到系统主页。注册用户业务流程图如下2.2所示。图2.2注册用户业务流程图注册用户如果被判断账号密码正确，则成功登陆，进入个人主页，如果被判断站好密码错误则返回登陆界面，当密码正确进入主页就可进行各项基本操作，点击操作，进入数据库操作，操作成功则返回。2.2.2系统管理员业务流程分析系统管理员进入用户登录界面后，在登录功能区输入系统管理员的用户账号与密码，登录成功后跳转到系统主窗体。系统可以查看用户信息，并对其进行查找或删除等操作；查看文章和相册，对不符合系统规定的进行删除操作；添加公告信息，并对其进行编辑或删除等操作。结束各项操作后退出，回到系统主窗体。系统管理员业务流程图如下2.3所示。图2.3系统管理员业务流程图管理员可登陆后台进行操作，也需要判断密码的正确性，正确则能够成功登陆，如果不成功则返回管理员登陆界面，当管理员登陆后可对文章，相册，注册用户进行查看和删除操作，还可进行公告信息管理，添加公告信息，编辑公告信息，删除公告信息的一些相应操作，同样这里也包含数据库的一些增、删、改、查操作。2.2.3游客业务流程分析游客不需要登陆就直接可以进行操作。有浏览用户的文章，并且发表评论，浏览用户的相册，游客也可以注册成为网站的会员。但是没有更多别的功能，如发布博文等功能需要游客注册成为注册用户之后才具有，而想要具有此项功能，只有管理员审核通过之后才可以成为注册用户，所以游客登录没有用户名，只显示游客登录，而进行对文章的评论时也没有用户名的显示，但可以写自己的联系方式，有QQ号、电话号，并为此次留言取个临时的名字，方便别的用户看到评论之后可以与评论者取得联系，增加了博客的实用性。使用户觉得有更好的体验性，游客并不需要登录也可以与其它留言者进行交流，更好的使未注册用户对此博客的实用性产生好感，从而增加浏览量和口碑。游客业务流程图如下2.4所示。图2.4游客业务流程图同样游客也可以进行一些操作，游客不需要登陆，直接登陆网站便可进行查看文章，查看相册，查看系统管理员发布的公告，当然游客也可以注册成为会员。同样这里也包含数据库的查找操作。游客注册成为会员需要点击注册执行数据库操作，操作成功便可成为注册用户。游客可以对文章进行浏览，可以发布评论，操作成功后返回，游客可以对相册进行浏览操作，操作成功后返回，游客可以对系统公告进行浏览，操作成功后返回，游客的所有操作都不需要在登陆的情况下进行，所以游客的这些操作只有对数据库的查找操作，并没有体现出对数据库的增加，删除操作，可以看出游客在系统中的级别是最低的，所以，它所能够执行的功能也是最少的，并没有系统管理员和注册用户那么多功能，当然系统对未注册用户的要求也是最低的，不需要游客执行登陆操作，便可以实现一些简单功能。2.3数据流程分析2.3.1用户管理模块系统管理员可以对用户信息进行浏览并且可以删除用户信息，从用户表中获取用户信息，从用户表中删除用户信息。这里用到了数据库表的一些增加，删除，修改操作，对用户信息表进行查看或删除。流程图如2.5所示。图2.5用户管理模块数据流程图2.3.2文章管理模块系统管理员可以对博文信息进行浏览并且可以删除博文信息，从文章信息表中获取博文信息，从文章表中删除博文信息。这里用到了数据库表的一些增加，删除，修改操作，对用户信息表进行查看或删除。流程图如2.6所示。图2.6文章管理模块数据流程图2.3.3相册管理模块系统管理员可以对相册进行浏览并且可以删除相册信息，从相册信息表中获取相册信息，从相册信息表中删除相册信息这里用到了数据库表的一些增加，删除，修改操作，对用户信息表进行查看或删除。流程图如2.7所示。图2.7相册管理模块数据流程图2.3.4系统公告管理模块系统管理员可以对公告进行管理，可以添加公告信息、编辑公告信息、删除公告信息，插入公告信息到公告信息表，从公告信息表中修改公告信息，从公告信息表中删除公告信息。这里用到了数据库表的一些增加，删除，修改操作，对公告信息表进行删除，修改，插入操作。流程图如2.8所示。图2.8系统功能管理模块数据流程图2.3.5修改密码模块系统管理员和注册用户都可以进行修改密码的操作，从用户信息表中修改密码。系统管理员与用户从用户信息表中修改密码时需要验证一下登陆的原始密码。这里用到了数据库表的一些增加，删除，修改操作，对用户信息表进行更新或添加。流程图如2.9所示。图2.9修改密码模块数据流程图2.3.6文章发布模块注册的博客用户可以发布文章使其它访问者可以看到，添加文章信息到文章信息表。博客的注册用户，游客和系统管理员都可以看到发表出来的文章，并且文章发布系统所涉及到一款比较流行的网页编辑器，它可以很好的帮助博主们管理发布博文。这里用到了数据库表的一些增加，删除，修改操作，对文章信息表进行删除或添加。流程图如2.10所示。图2.10文章发布模块数据流程图2.3.7相册上传模块注册博客用户可以将自己的照片上传到相册中，添加相册信息到相册信息表。这里用到了数据库表的一些增加，删除，修改操作，对相册信息表进行删除或添加。流程图如2.11所示。图2.11相册上传模块数据流程图2.3.8修改个人信息模块注册博客用户可以对自己的个人信息进行修改，从用户信息表中修改用户信息。微博用户可以编辑个人信息。这里用到了数据库表的一些增加，删除，修改操作，对用户信息表进行删除或添加。流程图如2.12所示。图2.12修改个人模块数据流程图2.3.9好友管理模块注册博客用户可以再博客中添加注册了博客的好友，操作数据库，把好友信息添加到好友表。这里用到了数据库表的一些增加，删除，修改操作，对好友信息表进行删除或添加。流程图如2.13所示。图2.13好友管理模块数据流程图2.3.10文章浏览模块游客可以对博客上的文章进行浏览，游客从文章信息表中查询文章的信息。这里用到了数据库表的一些增加，删除，修改操作，对文章信息表进行更新或添加。流程图如2.14所示。图2.14文章浏览模块数据流程图2.3.11文章评论模块游客可以对发表的文章进行评论，添加评论信息到评论信息到评论信息表。这里用到了数据库表的一些增加，删除，修改操作，对评论信息表进行更新或添加。流程图如2.15所示。图2.15文章评论模块数据流程图2.3.12相册浏览模块游客可以浏览查看别人的相册，将自己喜欢的图片进行一些简单的操作，从相册信息表中查询相册信息。这里用到了数据库表的一些增加，删除，修改操作，对相册信息表进行更新或添加。流程如如2.16所示。图2.16相册浏览模块数据流程图2.4数据字典2.4.1数据项的描述表2.1用户信息数据项描述数据项类型长度值范围ID数字40000000000至9999999999之间用户账号文本50最多25个汉字密码文本50密码至少4位数字昵称文本50最多25个汉字性别文本50最多25个汉字电话数字20中国电话号码，固定电话号码，手机号码住址文本50最多25个汉字头像文本50最多25个汉字表2.2文章信息数据项描述数据项类型长度值范围ID数字40000000000至9999999999之间用户ID数字40000000000至9999999999之间标题文本502～100个汉字内容文本2000-200个汉字发布时间日期10年-月-日，形如“2011-5-19”浏览量数字100000000000至9999999999之间表2.3相册信息数据项描述数据项类型长度值范围ID数字40000000000至9999999999之间用户ID数字40000000000至9999999999之间路径文本202～50个汉字上传时间日期10年-月-日，形如“2011-5-19”浏览量数字40000000000至9999999999之间表2.4公告信息数据项描述数据项类型长度值范围ID数字100000000000至9999999999之间标题文本102～50个汉字内容文本5002～500个汉字发布时间日期1年-月-日，形如“2011-5-19”表2.5评论信息数据项描述数据项类型长度值范围ID数字100000000000至9999999999之间标题文本102～50个汉字内容文本5002～500个汉字评论时间日期1年-月-日，形如“2011-5-19”评论者姓名文本2～50个汉字评论者联系方式文本2～50个汉字评论者QQ文本2～50个汉字文章ID数字0000000000至9999999999之间2.4.2数据流的描述（1）数据流名：文章信息简述：用户登录成功后可以添加、编辑和删除文章信息组成：文章参数=标题+内容数据量：约100次/日（2）数据流名：用户信息简述：系统管理员登录成功后可以浏览和删除用户信息组成：用户信息=用户账号+用户姓名+密码+状态+地址+电话+手机+头像+住址数据量：约50次/日（3）数据流名：相册信息简述：用户登录成功后可以添加、编辑和删除相册信息组成：相册信息=编号+标题+内容+添加日期数据量：约100次/日（4）数据流名：公告信息简述：系统管理员登录成功后可以查询、添加和删除租赁公告信息组成：公告信息=公告编号+标题+内容+发布时间数据量：约100次/日（5）数据流名：评论信息简述：游客打开网站后可以查看文章信息、发表评论组成：文章信息=评论者姓名+评论者联系方式+评论者QQ+文章ID+评论时间数据量：约100次/日2.4.3外部实体的描述（1）外部实体名称：系统管理员简述：系统管理员，具有最高权限输入的数据流：注册用户和系统用户的管理，另外通过该模块可以浏览文、浏览相册、删除文章、删除相册等，以及系统公告等信息输出的数据流：注册用户和系统用户的管理，另外通过该模块可以浏览文、浏览相册、删除文章、删除相册等，以及系统公告等信息（2）外部实体名称：注册用户简述：注册用户，具有文章发布、相册管理、个人信息维护、查看文章评论、好友管理权限输入的数据流：文章发表、文章删除、相册上传、文章评论、删除文章、删除照片、修改个人信息好友管理输出的数据流：文章发表、文章删除、相册上传、文章评论、删除文章、删除照片、修改个人信息好友管理（3）外部实体名称：游客简述：游客，具有浏览文章、浏览相册、发布评论等公告输入的数据流：文章浏览、相册查看和发表评论输出的数据流：文章浏览、相册查看和发表评论3系统设计3.1系统体系结构设计本系统的系统结构是按照了自上向下的设计理念完成的。第一层是用户登录界面。第二层是网站首页。第三层主要提供系统管理员功能，也包括用户信息管理，文章管理、相册管理、公告管理等，用户登录成功后可以转至各个管理功能。第四层即各个管理功能的所有功能。系统体系设计如图3.1所示。图3.1系统体系结构设计3.2系统子模块功能介绍（1）用户信息管理模块：主要功能是系统管理员登入后，添加、编辑和删除用户的功能。（2）文章管理模块：主要功能是管理员系统管理员登入后，浏览查看文章，删除不好的文章等功能。（3）相册管理模块：主要功能是管理员系统管理员登入后，浏览查看相册，删除相册等功能。（4）系统公告管理模块：主要功能是管理员系统管理员登入后，维护系统的公告信息。包括公告信息的录入、查询、编辑、删除等。（5）修改密码模块：主要功能是管理员系统管理员或者注册用户为了保证安全性。重设密码的功能（6）文章管理模块：主要功能是注册用户登陆系统后。维护自己的文章内容。可以添加新的文章。编辑已有的文章。删除不想要的文章等功能。（7）相册管理模块：主要功能是注册用户登陆系统后。维护自己的相册。可以添加新的相册。编辑已有的相册。删除不想要的相册等功能。（8）编辑个人信息模块：主要功能是注册用户登陆系统后。对自己的个人信息进行重设的功能（9）好友管理模块：主要功能是注册用户登陆系统后。管理自己的好友信息、查找新的好友、加为好友的、删除已有的好友等功能。（10）文章、相册浏览模块：主要功能是游客进入系统后。可以浏览他人添加的文章，浏览他人上传的照片，如有兴趣。还可以发表一下评论3.3数据库设计3.3.1数据库概念设计——概念模型是对信息世界建模，其表示方法有很多，其中最为常用的是实体－联系模型，即E－R模型，它是用E－R图来描述现实世界的概念模型。E-R方法是“实体-联系方法”（Entity-RelationshipApproach）的简称。它是描述现实世界概念结构模型的有效方法。是表示概念模型的一种方式。（1）用矩形表示实体型，矩形框内写明实体名；（2）用椭圆表示实体的属性，并用无向边将其与相应的实体型连接起来；（3）用菱形表示实体型之间的联系，在菱形框内写明联系名，并用无向边分别与有关实体型连接起来，同时在无向边旁标上联系的类型（1:1,1:n或m:n）；构成E-R图的基本要素是实体型、属性和联系，其表示方法为：实体型(Entity)：具有相同属性的实体具有相同的特征和性质，用实体名及其属性名集合来抽象和刻画同类实体;在E-R图中用矩形表示，矩形框内写明实体名；比如学生张三丰、学生李寻欢都是实体。如果是弱实体的话，在矩形外面再套实线矩形。属性(Attribute)：实体所具有的某一特性，一个实体可由若干个属性来刻画。在E-R图中用椭圆形表示，并用无向边将其与相应的实体连接起来；比如学生的姓名、学号、性别、都是属性。如果是多值属性的话，在椭圆形外面再套实线椭圆。如果是派生属性则用虚线椭圆表示。联系(Relationship)：联系也称关系，信息世界中反映实体内部或实体之间的联系。实体内部的联系通常是指组成实体的各属性之间的联系；实体之间的联系通常是指不同实体集之间的联系。在E-R图中用菱形表示，菱形框内写明联系名，并用无向边分别与有关实体连接起来，同时在无向边旁标上联系的类型。数据库设计产品使用实体-联系模型（ER模型）帮助用户进行数据库设计。下面的E－R图清楚简便的描述出了本系统实体与其属性之间的关系。数据库概念模型E-R图如3.2所示。公告公告系统管理员文章评论照片好友注册用户发表添加发布上传管理管理查看管理管理管理属性属性属性属性属性属性属性nmnnm1n1n1nnmmnmmn1n图3.2数据库概念模型E-R图3.3.2数据库逻辑设计——下面将图3.2数据库E-R图转换为关系模型。用户信息（ID，用户名，密码，昵称，地址，电话，E-mail地址，性别，头像）文章信息（标题，内容，用户ID，发布时间，浏览量）相册信息（ID，标题，内容，发布时间，用户ID）评论信息（ID，评论者姓名，评论者联系方式，评论者QQ，评论时间，文章ID）公告信息（公告ID，标题，内容，发布时间）管理员信息（用户名，密码）3.3.3数据库选型本系统使用softSQLServer2005关系型数据库。softSQLServer是由微软soft出品，基于关系型数据库的大型数据库系统，该版本数据库具有独立于硬件平台、对称的多处理器结构、抢占式多任务管理、完善的安全系统和容错功能，更具有使用方便、可收缩性好与相关软件集成程度高等优点。3.3.4数据库表结构设计本系统后台数据库中总共设计了7张数据表，分别为用户信息表（user）、文章信息表（news）、相册信息表（pic）、留言信息表（leaveword）、公告信息表（post）、好友信息表（haoyou））和管理员信息表（admin）。具体结构设计如下：（1）用户信息表（users）用户信息表主要用于存放用户的信息，主要字段包括：用户ID，用户账号，昵称，性别，住址，联系方式，头像。用户信息表如3.1所示。表3.1用户信息表（users）字段名数据类型字段描述长度主键IDint用户ID4√Namevarchar用户账号50Pwdvarchar用户密码50Realnamevarchar昵称50Sexvarchar性别50Addressvarchar住址50Telvarchar联系方式50picpathvarchar头像50（2）文章信息表（news）文章信息表主要用于存储用户添加的文章信息，主要字段包括：文章编号，标题，文章内容，添加时间，用户Id，浏览量。文章信息表如3.2所示。表3.2文章信息表（news）字段名数据类型字段描述长度主键IDInt文章编号4√TitleVarchar标题50ContentVarchar文章内容5000TimesDate添加时间4User_idInt用户Id4ClicksInt浏览量4（3）相册信息表（pic）文章信息表主要用于存储用户添加的相册信息，主要字段包括：文章编号标题，文章内容，添加时间，用户Id。相册信息表如3.3所示。表3.3相册信息表（pic）字段名数据类型字段描述长度主键IDInt文章编号4√TitleVarchar标题50ContentVarchar文章内容5000TimesDate添加时间4User_idInt用户Id4（4）评论信息表（leaveword）评论信息表主要用于对文章的评论信息，主要字段包括：评论编号，评论者姓名评论者联系方式，评论者QQ，评论标题，评论内容。评论信息表如3.4所示。表3.4评论信息表（leaveword）字段名数据类型字段描述长度主键IDInt评论编号4√PetnameVarchar评论者姓名50PhoneVarchar评论者联系方式50QQVarchar评论者QQ50TitleVarchar评论标题50ContentVarchar评论内容5000（5）公告信息表（post）公告信息表主要用于网站的公告的信息，主要字段包括：编号，标题，内容，发布时间。公告信息表如3.5所示。表3.5公告信息表（post）字段名数据类型字段描述长度主键Idvarchar编号4√Titlevarchar标题50Conentvarchar内容5000timesDatetime发布时间4（6）好友信息表（haoyou）好友信息表主要用于用户的好友信息，主要字段包括：编号，用户ID，好友ID。好友信息表如图3.6所示。表3.6好友信息表（haoyou）字段名数据类型字段描述长度主键IDInt编号4√userIdInt用户ID4haoyouIdint好友ID4（7）管理员信息表（admin）管理员信息表主要用于系统管理员的信息，主要字段包括：编号，登陆账号，登陆密码。管理员信息表如图3.7所示。表3.7管理员信息表（admin）字段名数据类型字段描述长度主键IDInt编号10√Namevarchar登陆账号50Pwdvarchar登陆密码503.3.5数据库表间关系设计属性的表间关系有四种类型：一对一、一对多,多对一和多对多。如果指的是表的参照完整性，则是：主外键关系。如果是某些数据库操作上的相关性，则是：级联关系。数据库之间的关系的作用四可以使多个表联系起来,使它们有一定的关系，然后在以后的操作更为方便快捷。数据库的正规化是关系型数据库的理论基础。随着数据库的正规化工作的完成，数据库中的各个数据表中的数据关系也就建立起来了。在设计关系型数据库时，最主要的一部分工作是将数据元素分配到各个关系数据表中。一旦完成了对这些数据元素的分类，对于数据的操作将依赖于这些数据表之间的关系，通过这些数据表之间的关系，就可以将这些数据通过某种有意义的方式联系在一起。数据库表间关系如图3.3所示。图3.3数据库表间关系图3.4系统环境配置设计系统主要由数据库服务器、应用服务器以及终端用户构成。终端用户通过网络访问应用服务器。客户端--应用服务器--数据服务器好处是客户端体积小，改动少，这样操作方便用户能有更好的体验。比如我们天天上的网，有些网站里的IIS服务就是类似一种应用服务器。应用服务器，无论是什么功能的应用服务器在数据库服务器和终端用户之间占有很大一部分计算领地。这个领域有一个广为人知名字，这个名字就是中间件，这个名字也告诉了你应用服务器都做什么事情。博客用户可以通过客户端登陆博客进行博客的一些操作，应用服务器接收用户数据并进行处理，然后将操作的数据传入数据库，数据库进行更新数据等操作。系统环境配置图如3.4所示。图3.4系统环境配置开发环境：操作系统，WindowsServer2000及以上；集成开发环境，Myeclpse6.0；应用服务器，tomcat及以上；数据库MSSQLServer2005及以上。运行环境服务器端：操作系统，windowsserver2000及以上；应用服务器，tomcat及以上；数据库MSSQLServer2005及以上。运行环境客户端：操作系统windowsxp及以上即可。4系统实现4.1用户注册模块（1）用户注册模块界面游客要想使用本系统的功能，并不是仅仅局限于浏览和评论，前台条件是必须先注册一个用户账号，然后凭此账号登陆，才能拥有相册上传、好友管理、文章发布等这些功能。注册界面如图4.1所示。图4.1用户注册模块界面（2）用户注册模块关键代码此代码主要是说明将表单数据进行处理，如果该用户没有被注册则在数据库表中生成此用户的信息，并提示用户注册成功，请登录，如果该用户已经被注册，则提示用户，用户名重复。PublicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{ if(pic==null||pic.equals("")){sql="insertintousers(name,pwd,realname,sex,phone,address)values('"+name+"','"+pwd+"','"+realname+"','"+sex+"','"+phone+"','"+address+"')"; }else{sql="insertintousers(name,pwd,realname,sex,phone,address,picpath)values('"+name+"','"+pwd+"','"+realname+"','"+sex+"','"+phone+"','"+address+"','"+pic+"')"} //图片为空，向数据库中插入正确值 InsertUpdateDelBeanib=newInsertUpdateDelBean(); //更新数据库日期Intflag=ib.insertANDupdateANDdel(sql); Stringstr="";//用户名输入重复报错 if(flag==-1) { request.setAttribute("message","用户名重复！"); str="/users/reg.jsp"; }//正常注册，将注册信息插入数据库信息表中，提示正确注册else{ request.setAttribute("message","注册成功，请登录！"); str="/users/index.jsp"; } RequestDispatcherrd=request.getRequestDispatcher(str);rd.forward(request,response); }4.2照片发布模块（1）照片模块界面在这个界面中，用户需要输入照片标题、照片说明信息。这个地方还用到的现在比较流行的富文本编辑器fckEditor进行。如图4.2照片发布模块界面。图4.2照片发布模块界面（2）照片发布模块关键代码此代码的重要功能是将FCKeditor导入，从而达到编辑图片，并可以实现添加标题，添加说明。<FCK:editorid="infoContent"basePath="/blog/FCKeditor/"width="85%"height="400"skinPath="/blog/FCKeditor/editor/skins/silver/"defaultLanguage="zh-cn"tabSpaces="8"//设置照片发布木块的插入地址imageBrowserURL="/blog/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"linkBrowserURL="/blog/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"flashBrowserURL="/blog/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"//上传图片地址imageUploadURL="/blog/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"linkUploadURL="/blog/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"flashUploadURL="/blog/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"></FCK:editor> //FCK的配置加载说明：(1)加载主配置文件fckconfig.js(2)加载自定义的配置文件（如果有），覆盖相同的配置项(3)使用对实例的配置覆盖相同的配置项4.3添加文章模块（1）添加文章模块界面在该界面中首先输入文章内容。单击“提交”按钮，即可完成归文章发布操作。并且可以插入图片或者编辑博文的内容，还可以设置博文的格式、样式、字体和字体大小等操作，非常方便。如图4.3添加文章模块界面。图4.3添加文章模块界面（2）文章添加关键代码文章添加用到的关键技术依然是FCKeditor编辑器，可以看出此编辑器志于轻量化，不需要太复杂的安装步骤即可使用。当用户输入博文标题，并输入博文内容，点击提交按钮，便可看到信息发布成功的提示，当然如果修改信息的话，点击提交按钮也会出现信息修改成功的提示。publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{//解决中文乱码 response.setContentType("text/html;charset=gb2312"); request.setCharacterEncoding("gb2312");//博文信息发布，新建对象使用ID InsertUpdateDelBeanib=newInsertUpdateDelBean(); if(content==null||content.equals("")){ str="/users/news.jsp"; request.setAttribute("message","请填写博文内容！"); }else{ if(mark!=null&&mark.equals("add")){ str="/users/usernews.jsp"; HttpSessionsession=request.getSession(); ArrayListuserlogin=(ArrayList)session.getAttribute("userlogin"); ib.insertANDupdateANDdel(sql);//信息发布成功提示 request.setAttribute("message","信息发布成功！"); }//修改信息，更新信息 if(mark!=null&&mark.equals("update")){ str="/users/usernews.jsp"; Stringsql="updatenewssettitle='"+title+"',content='"+content+"'whereid="+id; ib.insertANDupdateANDdel(sql); request.setAttribute("message","信息修改成功！"); } }//将输入框中数据值 request.getRequestDispatcher(str).forward(request,response); }4.4用户修改个人资料模块（1）修改个人资料界面点击个人资料链接。跳转到个人资料编辑页面。系统自动赋值数据到个人信息的文本框中。可以直接修改文本框的内容，修改完毕，单击“提交”按钮，即可完成修改用户数据操作