探究个人博客网站的设计与实现

探究个人博客网站的设计与实现

摘要:介绍了个人博客网站设计的相关技术,以及其设计与实现过程,该过程以MVC设计模型和主流的SpringDataJPA、SpringMVC、SpringBoot等框架技术为主进行系统架构的开发,将整个系统划分为表现层、业务层、持久层3层架构,充分利用各个框架的优势来完成系统的开发;使用SpringDataJPA来完成持久层的工作,它封装了对数据库的繁琐操作,使得用户可以方便的操作数据库中的数据;SpringMVC框架通过调用业务层来负责处理用户的请求以及响应用户的操作;最后使用SpringBoot对系统进行解耦合并简化用户整体的开发步骤。

关键词:网络交流;个人博客;MVC设计模型

如果把个人博客网站比作是一个舞台,那么其中的表演者就是所有的博客。通过博客用户可以把自己有价值的、积极的一面展示在网络世界中,相互交流学习。随着互联网技术的高速发展以及生活节奏的加快,博客被越来越多的人选择作为学习和交流的主要工具。国内目前也已经存在了许多优秀的博客平台,比如新浪博客、网易博客、博客园等。但是有的用户不希望受这些博客平台的限制,希望能够拥有自己的个人博客网站,对自己的博客拥有最大限度的管理权限。因此,个人博客系统也是目前许多用户的不二之选。

1个人博客网站设计的相关技术介绍主要开发工具简介:

1.1MVC架构MVC的全称是Model、View、Controller,是模型-视图-控制器的缩写,它是一种主流的软件开发的模型。它可以把用户编写的程序分为Controller、Model、View3个部分,各个部分各司其职,互不干扰。Controller负责接收前端页面用户发送过来的请求,然后调用Model生成用户所需要的业务数据,最后将数据传递给View,最终将View响应给用户。

1.2SpringMVC简介SpringMVC是一款基于Java语言编写并实现了MVC设计模型的轻量级Web表现层框架,隶属于Spring公司旗下的一个框架,是目前最主流的Web框架,在开发的时候也可以和Spring框架非常方便地整合在一起使用。它其实就是MVC设计模型的一种具体的实现方式,它帮助开发者屏蔽了很多Web开发的底层代码,开放出了一些接口,让开发者可以非常轻松、便捷的完成基于MVC模型的Web项目的开发。从而帮助开发者简化开发,提高开发效率。

1.3JavaBean简介JavaBean是在开发中所需要的实体类。它的特点:首先“类”需要是公共的、每一个字段都要是私有的、必须要有一个空参构造方法、对外提供公共的Get-ter和Setter方法。使用JavaBean可以非常方便地帮助用户封装一些实体类型,提高用户的开发效率。

1.4SpringBoot简介SpringBoot是Spring公司推出的一款全新框架,它的目的是用来简化用户的开发过程。它内部采用一种约定大于配置的理念,替用户开启了各种依赖的自动装配,从而简化用户代码的开发,让用户不用写太多的配置文件,甚至可以不写配置文件,只需要引入相对应的场景启动器便可以快速搭建一个项目,开箱即用。

1.5MySQL简介MySQL是软件开发中常用的一款主流的关系型数据库系统,主要是用来在各种软件项目的开发中存储大规模数据以及对数据进行各种增删改查操作。

2个人博客系统的设计与实现

本系统分为前台展示模块和后台管理模块两个大模块。前台展示模块主要包括首页博客展示、博客分类、博客标签、博客归档、博客评论、作者介绍。后台管理模块主要包括管理员的登录与退出、博客管理(博客的,修改,删除,查询)、博客分类管理、博客标签管理、博客评论管理。系统总体结构如图1所示。本系统将使用Java语言为载体,SpringBoot+SpringDataJpa等框架作为后台实现技术,HTML+JavaScript+Thymeleaf模板引擎等技术进行前台展示功能的实现,在数据的存储方面使用了MySQL数据库来进行存储数据,项目的构建和管理使用了Maven。整个系统采用MVC设计模型进行开发。在系统结构上,本系统采用的是主流的B/S架构,即浏览器(Browser)/服务器(Server)结构,B/S架构如图2所示。

2.1系统分层本系统

主要拆分为3层架构,从上到下依次为表现层,业务层,持久层,用户的请求首先到达表现层进行处理,表现层再调用业务层进行具体的业务处理,业务层继续调用持久层去数据库操作数据,最后通过表现层将视图返回用户。如图3所示。

2.2系统功能模块实现

本系统采用了主流的前后端完全分离的项目开发方式,前端部分主要分为页面的填充,数据的展示和用户的基本操作。后端部分主要负责接收用户从前端发来的请求并进行对应的处理操作,把对应的数据等信息以Json的格式响应给前端获取,然后进行页面的渲染并显示。本系统中的用户信息管理模块、博客信息管理模块、留言评论管理模块、根据关键字模糊查询博客等模块的具体实现代码都在Java目录下,所有的页面代码都在Template目录下,如图4所示。每个功能模块的实现都离不开前后端的相互配合。在前后端分离的开发方式下,前端与后端相互独立,完全解耦合,主要以提供Api接口的形式进行Json类型的数据交互。

2.2.1用户管理。①管理员登录。系统管理员登录模块主要是需要管理员在前台登录页面输入账号密码,通过点击表单登录按钮将数据传输到后台,然后后台与数据库中的数据进行比对验证,数据一致则登录成功转发到管理页面,否则登录失败,重定向到登录页面并返回一个用户名或密码错误的友好提示。②管理员退出。管理员退出系统主要是管理员首页面点击注销按钮触发一个请求到后台的注销登录模块,然后后台清空用户的登录数据,最后重定向到登录页面。

2.2.2博客管理。①博客首页。博客首页是访客进入系统后看到的第一个页面,网站的首页大致可以分为上中下3个部分。头部分别是首页、分类、标签、归档、作者简介、根据关键字全局搜索博客这6个部分。②个人博客首页。个人博客首页是用于显示管理员的所有博客的页面,当管理员登录后便可看到所显示的信息,未登录无法进入该页面。该页面分为上中下3部分,上边主要包括博客,分类,标签,管理员登录信息及注销登录这4个模块。中间部分主要包括已的所有博客标题、类型、时间、修改博客、删除博客、新增博客等模块。下边是一个公共的部分,主要包括系统管理员的一些个人简介以及联系方式等信息。在这个页面系统管理员可以根据博客标题,博客分类等信息查询自己过的博客,可以在这里新的博客内容,也可以对自己以及的博客进行一些修改和删除等操作。

2.2.3留言管理。留言评论管理主要是针对访客对博客内容的留言进行对应的管理,访客在浏览了任意一篇博客以后,都可以在博客的最下方留言区域对博客进行一个评论,发表自己的看法等信息,在发表留言的同时也要输入自己的姓名和邮箱等信息。系统管理员可以在后台看到访客发表的评论,管理员可以对其进行回复也可以删除留言,这个功能的实现可以使访客和博主之间进行交流学习,从而提高用户的体验。

2.2.4查询管理。①访客查询。访客进入系统之后便会来到博客首页中,在首页的右上角设立了一个搜索栏,访客可以根据博客的标题、内容、标签、分类、时间等信息关键词进行检索自己想要查看的博客,查询功能的实现主要是采用了数据库模糊查询的方式,根据访客提交的关键词去数据库中检索信息,把符合条件的博客显示出来供访客浏览,从而提升访客的体验效果。②管理员查询。当系统管理员登录之后,便会来到管理员页面。在这个页面会显示管理员以及过的所有博客信息,比如博客的标题、类型、状态、时间等等一些信息。管理员在这个页面中可以根据博客的标题,发哪类,是否被推荐等信息模糊批查询以及过的所有博客。

2.3博客编辑

在博客的编辑页面,本系统采用的是主流的MarkDown语法格式。博客的编辑工具栏提供了一些常用的Mark-down语法操作。可以通过点击该工具栏对应的按钮对博客内容的样式进行快速排版,通过使用快捷工具栏可以免去手动输入常用的Markdown语法的繁琐步骤,同时也可以帮助不熟悉Markdown语法的用户也能快速的使用Markdown语法对自己的博客进行快速排版。

3结束语

随着以后研究的不断深入,本系统还有一些功能模块需要进一步优化和补充,使得本系统的功能更加的全面和强大,视觉体验和用户交互也更加的美观和人性,让用户使用起来更加方便。

作者:卢云霞 单位:武昌工学院