《基于Java的个人blog系统设计9500字（论文）》

摘要在网络技术逐渐渗透到社会生活的方方面面的今天，传统的传播方式也面临着变化，而网络博客已经是一个非常重要的方向。信息世界是互联网的无边界交流过程。博客和自媒体时代的众多短视频平台一样，将全球化的信息带给每个人，自由发表个性化的信息。全球化的网络社会缩进了人与人之间的距离，它给人们带来了更多展示自己的机会。博客是一种很早就诞生出来的交流方式。它是互联网时代的个人“杂志”，主要通过在线日记的输出，代表了一种新的生活方式和新的学习方式。具体而言，博客是指使用特定网站或者软件来发表文章或分享知识。博客实际上是一个网页，它通常由简短且经常更新的帖子组成。这些帖子是按年份和日期的倒序排列的。博客的内容和目的差别很大。有些博客是一个人心中所想的抒发，而另一些则是一群人基于共同兴趣或领域的集体聚合。自由的精神是博客继承了个人网站最大的特点，但博客融合了其他网络传播平台和网站特色的新模式来激发和创造，使其更具开放性和建设性。从某种意义上说，这也是一种新的文化现象。博客正在向专业化迈进。本文的主要工作是设计与实现基于Java的个人blog，主要内容如下:首先，简要介绍了系统的相关技术。其次，完成了系统的需求分析和系统的框架、类图和数据库设计。接着简要说明系统的构建，并以后台博主管理模块为例，展示具体功能的实现过程和代码。关键词：个人博客系统；B/S模式；SpringMVC；Spring；MyBatis第一章绪论1.1课题背景随着互联网的飞速发展，传统的传播方式也面临着变革，而网络博客一直是一个非常重要的方向。博客是在网站或平台上分享生活的方式。它类似于杂志或报纸，但在互联网上流传。对于今天的信息化，博客代表了一种新的生活方式和态度。个人博客网站不同于现代网络传播形式，每个人都在追求知识体系的快速建设或更加关注眼前的利益。个人博客是一种更加开放和专业的形式，可以在网站上不断发布最新的知识，让相关领域的人在需要的时候学习。1.2国内外现状与趋势如今，国外博客网站仍然存在许多问题:首先，博客开发商或所有者，为了吸引更多的客户注册他们的平台，将博客外观设计得非常花哨。博客页面配色杂乱，让人目眩神晕。但是国外博客网站还是有更好的环境，开放的态度和自由的精神为他们的博客发展奠定了基础。大多数外国博客都不是个人的形式。他们有专业的团队来操作和管理他们。虽然这达到了博客网站的开放性原则，但要在上面找到专业和有价值的东西，还是有点困难。它更像是杂货店，每个人都可以买卖。国内大多数个人博客都是计算机专业内的人士在从事，经营自己的网站。在当今这个快速发展的时代，个人博客发展的环境实际上是非常稀缺的。我们大多数人都在一个一个地刷动态，很少有人会登录博客网站仔细研究和改进。尽管中国的博客发展非常迅速，各行各业都参与其中，但是个人博客网站仍然困难重重。所以这恰恰是一个很好的机会，一个重新聚集各个领域的人才和大师，共享全社会的好机会。未来的个人博客将是专业人士提供专业资源、专业知识交流和信息发布的综合性、专业性交流平台。这是它与短视频之间的最大区别。在如今的短视频时代，大多都是信息的堆砌和重复，缺乏专业知识和沟通，而博客网站弥补了这一空缺。各行各业的人员可以在自己领域的一个地方进行友好的交流和进步。1.3课题内容本系统分为前台游客模块和后台博主模块，用户必须先输入用户名和密码登录，进入后台界面，才能管理信息。前台可以浏览博客内容，博主个人信息，发表评论，查看友情链接。后台可以实现博主个人信息包括登录密码的修改，实现博客、博客分类的增删改查，实现评论的审核和删除，实现友情链接的增删改查。1.4论文组织结构本文共七章，全面介绍了基于Java的个人博客的设计与实现。具体内容安排如下:第一章绪论。本文介绍了个人博客的课题背景、国内外现状和未来的发展趋势，以及论文的主要内容和结构。第二章相关技术和方法的概述。本文介绍了实现个人博客管理系统所需的关键技术，包括B/S模式、Java技术、JSP技术和SpringMVC技术，对面向对象方法进行了简要介绍。第三章系统需求分析。本文总结了个人博客系统的需求，并通过用例图详细分析了博客后台管理模块的需求。第四章系统设计。通过需求分析完成了系统的技术架构，以及类图设计分析和系统的核心功能模块，最后完成了数据库的设计。第五章系统实现。介绍了系统的数据库配置以及核心功能实现。第六章总结与展望。总结全文内容，提出系统存在的问题并思考改进方案。

第二章相关技术与方法概述本章将对个人博客系统开发过程中涉及的相关技术和方法进行介绍，包括B/S模式、java技术，JSP技术，SpringMVC和面向对象等方面技术。2.1B/S模式概述B/S模式是指浏览器/服务器模式，是从C/S模式改进衍变而来的结构。在这种模式下，它的工作界面大多在浏览器中，浏览器会向服务器申请，服务器接受请求，然后将其返回给数据库，经过处理后，返回给服务器，服务器再发送到浏览器。B/S模式的优点是非常实惠。对于大多数系统而言，软件开发、升级和维护的成本很高，而B/S模式通过自身优势降低了成本。此外，B/S模式有着统一的用户界面，容易吸引客户注册，具有很好的扩展性和开放性。2.2Java技术介绍Java是一项非常重要的编程语言，具有广泛的运用和需求；语法简单，大多语句和C++相同；面向对象，符合人类的思维结构；动态运行，维护更方便。同时，Java又与平台无关，适用性更强；多线程处理效率更高。2.3JSP技术介绍JSP的全称是JavaServerPages。它是一种使用JSP标签将Java代码插入HTML页面的动态Web开发技术。JSP标签通常具有许多功能。它们可用于访问数据库、访问JavaBean组件以及在不同网页中传输信息。同时，JSP具有高性能。2.4SpringMVC简介MVC指的是模型、视图、控制器模式，是一种非常重要的设计模式。SpringMVC继承了MVC模式，并通过自己的组件实现了相应的功能。它具有更清晰的角色划分，强大的可扩展性，与其他Spring框架的完美集成，强大的可用性以及强大的JSP标签数据库。2.5面向对象分析方法面向对象分析方法是软件开发过程中一种重要的指导方法。将每个事务模块拆分为对象之间的关系，并通过抽象的概念将事务与事务之间的关系、实体与实体之间的关系抽象为程序实体，外部性不必关心程序是如何实现的，他们只需要关注程序是如何工作的。封装继承多态性是面向对象的核心。2.6本章小结本章主要介绍个人博客系统开发中使用的相关技术和面向对象的方法。项目涉及的技术主要包括B/S模式、Java技术、JSP技术和SpringMVC技术。本系统将使用面向对象的方法完成系统需求分析。

第三章系统需求分析要想出色地完成系统，前期的需求分析是重中之重。在本章中，将对个人博客系统的相关情况进行调查和分析，从而得到准确的需求分析。3.1系统需求描述本文将个人博客系统分为前台游客功能模块和后台博主功能模块。前台是游客使用界面，用户可以在首页通过关键字搜索相应的博客、通过博客分类或者日期来查找博客、查看感兴趣的博客、对博客进行评论、查看博主的个人信息、查看相关的友情链接。后台是博主操作界面，功能包括博主的登入登出、常用操作、博客编辑、博客分类管理、评论管理、博主个人信息管理、系统后台管理等。系统的功能结构图如3-1所示。图3-1系统功能结构图3.1.1功能性需求功能性需求主要分为两个模块，前台游客模块和后台博主模块。前台游客通过网址进入首页，用户可以在首页查看感兴趣的博客，点击博客，可以查看具体内容或者对博客进行评论。游客还能通过关键字搜索相应的博客、通过博客分类或者日期来查找博客、查看博主的个人信息、查看相关的友情链接。下面具体介绍各个功能。查找博客：在首页，游客可以通过关键字搜索到具体的博客，还可以按博客分类（如spring、tomcat等）来查找感兴趣的博客，还能按照日期查看最新发布的博客。查看博客内容：查找到感兴趣的博客之后，点击博客就能进入到具体的博客界面，可以查看文章内容。下方还有博客的相关信息和评论信息。博客评论：查看完博客内容，在下方可以对博客内容进行评论。输入验证码，点击发表评论即可。如果评论被博主审核通过，刷新界面，就能在博客下面看到评论信息。查看博主个人信息：在首页有博主信息介绍，包括昵称，签名，在首页点击关于博主，还可以查看博主的具体信息。查看友情链接：在右下角有友情链接功能，包括小图标下载还有java贴吧等，点击相关友情链接能跳转到具体的界面。博主可以在首页点击登入后台进入后台登录界面，成功输入密码则进入后台管理界面。左侧有导航菜单，包含了各个功能。首先是常用操作，有编辑博客和评论审核。其次是博客编辑，博客分类管理，评论管理，博主个人信息管理，系统后台管理。下面具体介绍每个功能。博主登录：首先点击登入后台，进入后台登录界面，输入密码，验证成功则登录到后台管理界面；失败则报错。博客管理：点击博客编辑，进入到编辑博客界面，成功编辑完博客点击发布博客，提示发布成功，刷新后就能在前台看到最新发表的博客。如果对博客内容有补充或者修改，点击博客信息管理，就会展示所有博客，点击修改或者删除，可以对具体的博客进行相关操作。博客分类管理：博主可以在这看到各种博客分类，如spring，mybatis等。博主可以点击添加，增加其他的博客类别，或者修改当前博客分类，还能删除已有的博客分类。评论管理：博主可以在此界面对前台发表的评论进行审核，点击审核通过后刷新，就能在前台的博客下面查看到评论信息。点击审核不通过，那么评论就不会显示。点击评论信息管理，就能看到所有的评论和状态，博主可以点击删除来删除评论。博主个人信息管理:博主可以在这个界面修改个人信息。如用户名，昵称，签名，头像，简介等。修改完成后点击刷新就能在前台显示。系统后台管理：点击友情链接管理，博主可以点击修改或删除对首页展示的友情链接进行修改或删除，还能随时添加其他的友情链接。点击修改密码，可以修改博主后台登录的密码。完成每次操作后需要点击系统后台管理中的刷新才能生效。每次博主在后台处理完相关操作可以点击退出来退出后台管理界面。3.2用例捕获用例是以文本形式对场景进行描述，其实质是通过编写使用系统实现用户目标的场景来发现并记录功能需求。而UML用例图是在开发的早期的新的系统的主要形式下进行开发。它可以指定系统开发的范围和要求，对系统架构进行验证，推动系统的开发和测试。我将依据第3.1章的需求描述把系统用例分为游客用例和博客用例。3.2.1游客用例图3-2是一个游客用例图。游客用例包括查找博客用例、查看博客内容用例、博客评论用例、查看博主个人信息用例、查看友情链接用例。图3-2游客用例图3.2.2博主用例图3-3是一个博主用例图。博主用例图包括博主登录用例、博客管理用例、博客分类管理用例、评论管理用例、博主个人信息管理用例和系统后台管理用例。图3-3博主用例图3.3用例描述3.3.1游客用例表3-1游客用例一表用例一用例名称：查找博客参与者：游客主要流程：在首页右侧输入关键字，点击查询显示查询结果，按博客分类或日期点击查找博客表3-2游客用例二表用例二用例名称：查看博客内容参与者：游客主要流程：点击感兴趣的博客，进入到具体的博客页面查兰博客文章内容查看博客相关信息表3-3游客用例三表用例三用例名称：博客评论参与者：游客主要流程：查看完博客内容，输入评论填写验证码，点击发表评论提示评论成功，审核后显示表3-4游客用例四表用例四用例名称：查看博主个人信息参与者：游客主要流程：在首页查看博主昵称，签名点击关于博主查看博主的具体信息表3-5游客用例五表用例五用例名称：查看友情链接参与者：游客主要流程：在右下角有友情链接，点击具体的友情链接跳转到具体的友情链接界面3.3.2博主用例表3-6博主用例一表用例一用例名称：博主登录参与者：博主主要流程：1．点击登入后台输入账号密码验证成功就进入后台管理界面失败就报错表3-7博主用例二表用例二用例名称：博客管理参与者：博主主要流程：点击编辑博客编写博客，点击发布博客点击博客信息管理修改或删除博客表3-8博主用例三表用例三用例名称：博客分类管理参与者：博主主要流程：点击博客分类管理2．点击添加，输入博客分类名称和排序，点击保存3.成功添加博客分类4.点击修改或删除也能修改博客分类或删除博客分类表3-9博主用例四表用例四用例名称：评论管理参与者：博主主要流程：点击评论审核点击审核通过则显示评论，点击审核不通过则不显示点击评论信息管理点击删除可以删除评论表3-10博主用例五表用例五用例名称：博主个人信息管理参与者：博主主要流程：点击修改个人信息可以修改用户名，昵称，签名，简介点击提交完成修改表3-11博主用例六表用例六用例名称：系统后台管理参与者：博主主要流程：点击友情链接管理，点击添加，添加友情链接点击修改密码，编辑新密码然后保存点击刷新，刷新每个操作的执行点击退出，退出后台界面3.4本章小结本章的主要工作包括系统需求描述、用例捕获和用例描述。需求描述主要包括功能性需求，然后使用用例图捕捉用例；以表格的形式对用例描述进行了阐述。

第四章系统设计本章将在第三章需求分析的基础上，讨论个人博客系统的系统架构、系统包图、系统类图和数据库设计。4.1系统架构本系统是基于SpringMVC框架进行搭建的，数据库采用了mysql，web服务器则是tomcat，这样便于维护，扩展性更好。下面的图4-1便是系统架构图。图4-1系统架构图4.2系统包图和类图设计根据第三章的需求分析，得出本系统需要的主要类。下面将构建系统的包图和类图。4.2.1包图包图是在系统搭建过程中建立完善的体系结构的重要手段，它能很好地处理类与接口的关系。如图4-2所示。图4-2系统包图controller包：负责存放系统的控制层类。entity包:负责存放系统的实体类。service包：负责存放系统的业务层类。dao包：负责存放系统的持久层类。util包：负责存放系统的工具类。4.2.2类图类图是面向对象建模的重要组成部分，能很好地介绍类之间的关系。系统类图如图4-3所示。图4-3博客类图4.3数据库设计 数据库同样是一个系统的重要部分，能妥帖地保存和管理系统的数据。4.3.1概念设计在分析了系统的类图后，采用E-R图来设计数据库。4.3.2逻辑设计4.3.3物理逻辑设计根据逻辑设计需要建立多张数据表，从E-R图中得知，本系统主要有包括博客表，博主表，博客分类表，评论表，友情链接表。（1）博客表：记录每条博客信息，大致分为博客id、博客标题、博客概述、博客发布时间、博客点击量、博客评论数、博客具体内容、博客分类。博客的id是博客表的主键，标题和概述可以了解博客的基本信息，发布时间记录了博客上传的时间，点击量和评论数可以同来查看博客的浏览情况，分类记录了博客属于哪个类别，如表4-1所示。表4-1博客表（t_blog）字段类型主键允许空值备注idint(11)P否titlevarchar(200)否summaryvarchar(400)否releaseDatedatetime否clickHitint(11)否默认为0replyHitint(11)否默认为0contenttext否typeIdint(11)否（2）博主表：记录博主信息，包括博主id、用户名、密码、昵称、签名、简介。其中博主id为博主表的主键，用户名和密码都是博主登录需要填写的信息，昵称和签名是博主给人的第一印象，简介记录了博主对游客的自述，如表4-2所示。表4-2博主表（t_blogger）字段类型主键允许空值备注idint(11)P否userNamevarchar(50)否passwordvarchar(100)否nickNamevarchar(50)是signvarchar(100)是proFiletext是（3）博客分类表：记录博客分类信息，包括博客分类id、博客分类名称、博客分类序号。博客分类id是博客分类表的主键，按升序排列，博客分类名称记录了所有的博客分类。如表4-3所示。表4-3博客分类表（t_blogtype）字段类型主键允许空值备注idint(11)P否升序排列typeNamevarchar(30)否Noint(11)否（4）评论表：记录了评论信息，包括评论的id、游客的ip、评论的博客的id、评论内容、评论时间、审核状态。评论的id是评论表的主键，按升序排列，游客ip记录了游客上次的登录情况，博客id显示了评论的对象，0，1，2表示评论审核的不同状态。如表4-4所示。表4-4评论表（t_comment）字段类型主键允许空值备注idint(11)P否升序排列userIpvarchar(50)否blogIdint(11)否contentvarchar(100)是commentDatedatetime是stateint(11)否0：待审核1：审核通过2：审核不通过（5）友情链接表：记录友情链接信息，包括友情链接的id、友情链接名称、友情链接地址、友情链接序号。友情链接的id是友情链接表的主键，按升序排列，其他记录了友情链接的相关信息。如表4-5所示。表4-5友情链接表（t_link）字段类型主键允许空值备注idint(11)P否升序排列linkNamevarchar(100)否linkUrlvarchar(200)否Noint(11)否4.4本章小结第四章主要是完成了系统的体系架构，完善了包图、类图和数据库，接着是系统的具体功能的实现。

第五章系统实现 本章主要介绍基于Java的个人博客系统的设计与实现。首先介绍数据库配置和数据的处理，其次分别介绍后台博主模块和前台游客模块功能的实现。数据库配置文件//Maven依赖<!--jdbc驱动包--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.37</version></dependency>//数据库//Maven依赖<!--jdbc驱动包--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.37</version></dependency>//数据库配置database:{ USERNAME:'root', PASSWORD:'123456', PORT:'3306', HOST:'localhost'}5.2数据模型层在本项目中，有众多数据需要处理。例如博客信息、博客分类信息、评论信息、友情链接信息等，这些数据基本都是实现增删改查操作，答题方法一致，部分功能结构稍许不痛。此处先介绍博客系统数据的增删改查方法实现过程。@Service("blogService")publicclassBlogServiceImplimplementsBlogService{@Service("blogService")publicclassBlogServiceImplimplementsBlogService{}上面的BlogServiceImpl类中实现了增删改查四个方法，下面具体介绍每个数据实现过程。@RequestMapping({"/findById"}) publicStringfindById(Stringid,HttpServletResponseresponse) @RequestMapping({"/findById"}) publicStringfindById(Stringid,HttpServletResponseresponse) throwsException { Blogblog=this.blogService.findById(Integer.valueOf(Integer.parseInt(id))); returnnull;}@RequestMapping({"/save"}) publicStringsave(Blogblog,HttpServletResponseresponse) throwsException @RequestMapping({"/save"}) publicStringsave(Blogblog,HttpServletResponseresponse) throwsException { if(blog.getId()==null) { resultTotal=this.blogService.add(blog).intValue(); this.blogIndex.addIndex(blog); } returnnull;}（3）delete（）方法是删除对应ids数组里的博客信息。代码如下所示。@RequestMapping({"/update"}) publicStringupdate(Blogblog,HttpServletResponseresponse) throwsException {@RequestMapping({"/update"}) publicStringupdate(Blogblog,HttpServletResponseresponse) throwsException { intresultTotal=0; if(blog.getId()!==null) { resultTotal=this.blogService.update(blog).intValue(); this.blogIndex.updateIndex(blog) } returnnull;}@RequestMapping({"/delete"}) publicStringdelete(Stringids,HttpServletResponseresponse) throwsException { String[]idsStr=ids.split(","); for(inti=0;i<idsStr.length;i++) { this.blogService.delete(Integer.valueOf(Integer.parseInt(idsStr[i]))); this.blogIndex.deleteIndex(idsStr[i]); returnnull;}5.3博客系统实现本节主要介绍博客系统的实现过程，从后台登录开始，到博客管理功能，评论审核功能以及前台页面。5.3.1后台博主部分（1）博客系统登录用户登入后台管理界面，首先输入用户名和密码，密码经过md5加密，验证成功就登入后台系统，失败则报错。登录失败图如5-1所示。图5-1登录失败图@RequestMapping({"/login"})publicStringlogin(Bloggerblogger,HttpServletRequestrequest)@RequestMapping({"/login"})publicStringlogin(Bloggerblogger,HttpServletRequestrequest){Subjectsubject=SecurityUtils.getSubject();UsernamePasswordTokentoken=newUsernamePasswordToken(blogger.getUserName(),blogger.getPassword());try{subject.login(token);return"redirect:/admin/main.jsp";}else{request.setAttribute("errorInfo","用户名或密码错误！");}return“login”;}（2）博客系统首页博客系统首页是通过EasyUI框架来组建，包括页首，左侧导航菜单，主体三部分。不痛功能模块通过左侧导航菜单来进行切换，这时页首也不发生改变，主体部分显示不同内容。博客系统首页图片如图5-2所示。图5-2博客系统首页<bodyclass="easyui-layout"><divregion="north"style="height:78px;background-color:#E0ECFF;overflow:hidden"></div><divid="left_menu"data-options="region:'west',split:true,title:'导航菜单'"></div><bodyclass="easyui-layout"><divregion="north"style="height:78px;background-color:#E0ECFF;overflow:hidden"></div><divid="left_menu"data-options="region:'west',split:true,title:'导航菜单'"></div><divid="south"data-options="region:'south',border:false"></div><divdata-options="region:'center',title:'主体'"id="main"></div></body></body>（3）博客管理模块本小节将主要介绍博客管理模块的实现过程，博客管理模块有两个子菜单，编写博客和博客信息管理。编写博客菜单主要实现博客的新建功能，博客信息管理菜单则实现博客的查找、修改和删除。完成后向数据库发送信息。点击编写博客，进入博客新建部分。编写博客的界面如图5-3所示。图5-3新建博客图点击博客信息管理，显示博客列表。博客信息列表如图5-4所示。图5-4博客信息图选中某条博客，点击删除，跳出提示框。删除博客提示界面，如图5-5所示。图5-5删除博客图（4）博客分类管理模块博客分类管理模块可以查看已创立的博客分类信息，根据编号排序。能对其进行添加，修改和删除操作，完成后把信息发送到数据库。博客分类管理信息页面如图5-6所示。图5-6博客分类管理图（5）评论信息管理模块评论信息管理模块可以查看所有的评论信息，根据编号排序。能对其进行评论和删除操作，完成后向数据库传入信息。评论信息界面如图5-7所示。图5-7评论管理图前台发表的评论需要经过后台博主的审核才能显示，评论审核的界面如图5-8所示。图5-8评论审核图@RequestMapping({"/review"}) @RequestMapping({"/review"}) publicStringreview(Stringids,Integerstate,HttpServletResponseresponse) throwsException { String[]idsStr=ids.split(","); for(inti=0;i<idsStr.length;i++) { Commentcomment=newComment(); comment.setState(state); mentService.update(comment); } result.put("success",Boolean.valueOf(true)); ResponseUtil.write(response,result); returnnull; }}（6）友情链接管理模块友情链接管理模块可以查看所有的友情链接，根据编号排序。能对其进行添加，修改和删除操作，完成后把信息发送给数据库。友情链接管理界面如图5-9所示。图5-9友情链接管理图5.3.2前台页面部分网站有两种进入方式，分别是游客和博主。游客只能浏览网站内容，无法做出修改，博主可以登录后台进行博客管理，评论审核等操作。下面介绍游客浏览的前台页面模块。前台首页前台首页顶部是一个导航栏，左侧是JAVA个人博客系统的logo，然后是首页，关于博主和登录后台和搜索框，右侧是一个实时天气。下方是最新博客内容，然后是按博客分类查找和按博客发布时间查找博客，最下方是友情链接。点击相关信息跳转到相关列表。前台页面是通过CSS+DIV布局的，通过JSP来具体实现。前台首页如图5-10所示。图5-10前台首页图博主个人信息页面点击关于博主，跳转到关于博主界面，包含博主对于自己的介绍。页面如图5-11所示。图5-11关于博主图搜索博客页面在搜索框中填入关键字，通过getElementById的方法查找关键字点击搜索，获取搜索结果，跳转到结果页面。搜索结果如图5-12所示。图5-12搜索博客图搜索博客代码如下所示。///通过关键字检索博客functioncheckData(){varq=document.getElementById("q").value.trim();if(q==null||q==""){alert("请输入您要查询的关键字！");returnfalse;}else{returntrue;}}查看博客内容页面点击搜索结果，跳转到博客具体内容信息界面，第一部分包括博客标题、博客分类、点击量、评论数、博客内容、关键字、上一篇和下一篇。第二部分是评论信息和发表评论。界面如图5-13所示。图5-13博客内容图评论信息页面在博客正文下方，输入评论内容，填好验证码，点击发表评论即可。游客发表的评论等待博主后台审核，审核通过则展示在博客正文下方，不通过就不显示。评论信息如图5-14所示。图5-14评论信息图评论信息通过submitData的方法，输入评论内容，填写验证码，等待审核，审核通过后显示。代码如下所示。functionsubmitData(){functionsubmitData(){varcontent=$("#content").val();varimageCode=$("#imageCode").val();if(content==null||content==''){alert("请输入评论内容！");}elseif(imageCode==null||imageCode==''){alert("请填写验证码！");}else{$.post("${pageContext.request.contextPath}/comment/save.do",{'content':content,'imageCode':image