基于springboot的博客网站的设计与实现

基于Springboot的博客网站的设计与实现

罗路腾王贵鑫（温州商学院信息工程学院，浙江温州325035）展示个人魅力，分享社会工作学习的经验，进行网上摘要:随着互联网的飞速发展，人类已经进入了信息时代，在这个时代，因此开发一款界面美观，功能使用，可的社交活动的需求日益增长。但是由于技术等因素，人们渴望有一个展示自我的平台。文件下载等功能，后台管理员登录，博文的增删维护性强的博客网站具有非常重要的意义。该文主要包括游客的前台博文浏览，用户可以在非常友好美观的界面上完成博客的各查改等功能。该博客系统能够实现博文与博主想分享内容的实时发布与管理，种功能，能够使用户的浏览有着良好的体验，同时也能满足博主的个人展示与社交功能。设计关键词：Springboot；博客网站；中图分类号院TP393.092文献标识码院A文章编号院2096-4390渊2019冤33-00-031概述是人们寻求社会交流，精神博客网站是互联网时代的产物，各种各样的新事物，新产寄托的容器。在互联网时代的发展中，品改变了社会原有的社交结构，博客系统就是其中之一。它通寻求同好的人构造成了一个全过互联网，将想要分享个人信息，新的互联网角色———博主。在博客中，博主可以按照自己的需另一方面，求，构建出个人空间，体现出博主个人的个性与需求。博客的浏览者，需求是在网络博客中获取所需信息，学习所求知识。博客系统本质上就是一个社交系统，让一个圈子的人可以互相理解交流，搭建了一个互相学习的平台。因此该平台对互动和数据的实时性都提高了较高的要求。但是现有博客系统由于历史原因和技术原因，一般具有很大的局限性。首先从用户用户体验较差。其次从博主的角度来说，页面美观度普遍不高，的角度来看，管理数据非常困难低效，网站的运营和维护难度大，学习成本高。难以满足当今时代背景下的浏览和管理需求。因此，在互联网时代，使用新技术的开发的博客系统来解决以上有高度的可用问题是符合时代发展潮流的，具有鲜活生命力的，性和现实性的，具有广阔的市场前景。2系统关键技术概述本系统的实现选用目前最流行的Springboot框架作为后台框架，配合Shiro安全框架和hibernateORM框架。前端选用JS+HTML+angularJs实现，整体系统架构为前后端半分离。2.1SpringBoot框架的简介与作用SpringBoot就是Spring框架的扩展，它消除了设置Spring应用程序所需的复杂例行配置。从字面理解，SpringBoot帮助开发（convention者快速搭建Spring框架。其理念是约定大于配置overconfiguration）。其最大的作用就是让文件配置，开发，项目同发布与测试调试变得简单,简化了Spring中繁琐的配置文件，使得软件开发站在了巨时它还与海量的外围框架进行了集成，人的肩膀上。Springboot目录结构中有四大主要部分：转发的地方。承担起a.Controller即控制器，是将业务校验，响应前台所提出的请求的功能。也是整个后台代码的中枢。然后在Controller内b.Service即服务层，该层实现业务逻辑，调用。起到了承上启下的作用。c.Dao中实现了Service层中业务逻辑的具体实现，其表现为操作数据对象。d.Entity即实体类，是数据库数据实体化后的产物,Dao层中操作的数据对象即为该对象，对该对象的增删查改操作映射到数据库里即对数据表数据的增删查改。2.2ApacheShiro安全框架因什么是权限管理？权限管理包括用户认证和授权两部分。加此本项目引入了Shiro安全框架，它可以帮我们完成：认证，与web集成，密，授权，会话管理，缓存等。它不会去主动去维护用户与权限，而是要求我们自己设计后通过相应的接口注入。2.3前后端半分离思想通过接口（Ajax）采用Dom操前端负责开发页面，获取数据，作对页面进行数据绑定，最终是由前端把页面渲染出来。这也核心思想是前端就是Ajax与SPA应用（单页应用）结合的方式。HTML页面通过AJAX调用后端的RESTFULAPI接口并使用JSON数据进行交互。选用前后端半分离的架构主要原因是因为又不至于太过复杂，实该架构既满足了代码与页面分离的需求，现起来成本较低。2.4HibernateORM框架及其作用ORM(ObjcetRelativeMapping),ORM->对象关系映射.ORM关注是对象与数据库中的列的关系,ORM思想使得程序员理解数据库的形式发生了变化。让数据库的Hibernate通过将POJO与数据库建立映射关系。内容都变成对象，使程序员使用操作对象的思维来操作数据库。它增加了对数据库的可移植性。在非常方便的情况下完成数据的持久化，其强大的功能也可以使系统性能保持在一个高水平。2.5MVC模式MVC（MODEL-VIEW-Controller）模式，就是模型-视图-控视图与数据模型分制器模式。其最为重要的特点就是两种分离。离与视图与表现逻辑的分离。其中模型层就是数据模型，视图层就是用户可见的页面，控制层提供了页面流转的控制，是模型层和视图层的中介，负责将数据分发给页面，使得数据在页面上显示出来。在使用MVC模式的项目中，代码将不再混杂在数据也使得项目展示页面中，大大提高了项目的合作性和可维护性，结构更加的合理。2.6AngularJSAngularJS在本项目中主要用于数据的双向绑定和发送$http请求用于返回数据结构。$http是AngularJS中的一个核心服务，用于读取远程服务器的数据。本项目通过发送$http请求，请求后台RESTFUL接口来得到返回的数据。3开发语言与开发工具可移植性强。具Java语言。它不依赖于任何一个操作系统，健壮性等特点。JDK是Java语言有简单性、面向对象、分布式、2019.33科学技术创新

的软件开发工具包(SDK)。本系统使用的是JavaSE9版本。易于人阅读Json数据传输格式。是一种轻量级的数据交换格式。广泛运用于和编写。JSON目前也是使用最广的数据传输格式。计算机开发的方方面面。可IDEA全称IntelliJIDEA，是一款编程开发的IDE环境，以进行多种语言的编程与运行。其最大的特色是丰富的插件拓展和友好的用户界面。使用IDEA开发可以大幅度提高开发效率。4博客网站主要架构设计与实现前端模块博客网站是一个界面美观，操作方便的社交平台。相册进行浏览。在成为本站会的主要功能是游客可以对博文，员后还可以对博文进行留言，或者对已有留言进行回复。除了已登录用户可博客都应具备的基础功能外，在资源下载页面，以对博主进行分享的资源进行下载。除了丰富的前端模块功能外，在后台模块，本系统对数据的管理可谓大道至简。管理员能对前端模块的数据进行实时的修改更新，在更新后数据能实时反应到前端模块中的各个项目中，保证数据的时效性。除此之外，本系统提供友好的图形化统计界面，在需要统计网站数据直观明了的看到网站时，管理员可以通过图形化的统计页面，的各个模块的实时数据，并在想要导出数据时能生成Excel报表。4.1博客网站主要功能模块-65-

excel报表。f.博客内容搜索。在博文列表用户可以输入关键字来搜索博或者文章作者，搜索出来的内文内容，关键字可以是标题，内容，并将关键词用显眼容应该呈现出一个搜索结果列表给搜索者，的文字标注出来。g.对博文，相册，文件下载的数据管理。在管理登录后台后，并在前台页面实时反应该可以进行相应权限的增删查改操作，映操作的结果，在增删查改的数据输入错误时，应该阻止操作，并提示管理员重新输入数据。而在删除操作时应该提示确认。4.2博客网站结构分析4.2.1前端页面结构分析：前端模块通过js+html+angularJS实现数据的展示，其中JS+HTML渲染页面，angularJs中构造数据接口用来请求后台数据，最后将所请求到的数据反映在网页上进行展示。Html标签中包含了AngularJs的语法，例如：ng-click，ng-repeat标签等。以删除文章的操作为例：$http({

url:'/admin/deleteArticle',method:'post',dataType:“JSON”,params:{

'id':$($event.target).attr(“value”)}

}).then(function(response){

$(“#”+response.data.articleid).parents(“tr”).remove();

layer.msg('删除成功',

time:2000});

bool=false;},functionerror(){

layer.msg('删除失败',

time:2000});

bool=false;}

{icon:2,{icon:1,

根据列表中点击按钮的id来请求后端接口，然后通过接口返回的数据判断是否删除成功，如果删除成功进行对应的操作，删除失败也应进行对应的操作。后4.2.2后端模块数据结构分析：图1博客网站主要功能模块图端模块架构使用Springboot+Hibernate框架。其中hibernate框架作用是将数据持主要功能模块分为前端模块和后端模块，系统功能如下所然后通过Springboot所提供的JPA对实体久化，生成实体对象，示：a.用户的注册与登录。用户要进行下载和回复操作时需要对象进行操作，提供数据接口供前端页面使用。以提供删除文如章功能的接口为例:首先检测是否登录，如果没有登录系统将会提示用户登录，,produces=“application/json;charset=UTF-8”)

果用户点击页面内的注册按钮,在输入正确信息并通过校验后，@RequestMapping(value=“/deleteArticle”

@ResponseBody

在登录时应该有登publicArticledeleteArticle(HttpSessionsession,@RequestParam(即在数据库中创建新的账户并可进行登录，“id”)Integerid){

Articlearticle;录次数验证，如果多次登录应该将该账号暂时冻结。article=articleService.getById(id);

b.博文，相册，文件下载的列表显示。用户不管是否有登录articleService.delete(article);

在访问后系统后台应该即时都可以访问博文，相册，下载列表，adminService.changeMessageCount(1,session);

returnarticle;查询出结构并展示在前台页面。c.留言回复功能。已经登录的用户可以进行对任意一篇博}

其中@RequestMapping注解明确了该接口的路由，方法的文进行留言和对留言可以进行回复，一篇博文可以有多个留Article对象就是实体化以后的文章类实体对象，代表了一条文言，一个留言可以有多个回复。d.文件下载功能。已经登录的用户可以享受网站的资源下章数据，通过在Service层中定义的getById方法具体得知需要在完成操作删除的是哪一条文章数据，然后再进行删除操作，不能进行下载操作。载功能，未登录的用户只能查看文件，回复留言情以后将被删除的对象以json格式返回到前端模块中以供使用。e.博客数据图形化统计功能。对文章浏览情况，4.3页面设计功能使用情况，进况，对网站登录用户，注册量，各个页面访问，本博客用户页面设计如上图。页面设计遵循以（转下页）行统计分析，生成包括折线图，饼图的实时图标并且允许导出-66-科学技术创新2019.33

基于CNN-Bayesian模型的冬小麦识别研究

张亚男尹昊*李芳山东泰安271018）（山东农业大学信息科学与工程学院，本研究利用CNN-Bayesian摘要:针对利用传统方法高分辨率影像中冬小麦空间分布的提取精度较低的问题，（卷积-贝叶斯）模型逐像素分类模型，在高分2号影像上进行了训练和测试。以章丘县为研究区域，首先对下载的32景遥感影像进行预处理，然后根据实地调查获取的样点，进行人工标注制作样本数据，得到训练数据集。并对CNN-Bayesian模型进行构建，定义好初然后输入测试集，通过CNN-Bayesian模型得到冬小麦的空间分布信息。最后始函数，创建权重和偏置，输入训练集进行模型训练。以及通过准确度、精确度、查全率、选择经典的图像语义分割模型进行对比实验，Kappa系数四个指标进行精度定量评价。实验结其整体精度为0.946。因此，利用CNN-Bayesia模型可以获得较果表明，与其他模型相比，CNN-Bayesian模型具有较好的识别率，高的提取精度。贝叶斯模型；关键词:冬小麦；卷积神经网络；GF-2图像中图分类号院S512.1+1,TP391.41文献标识码院A文章编号院2096-4390渊2019冤33-0066-021概述小麦是世界上最重要的粮食作物，及时准确地获取冬小麦种植管理等农业学的空间分布，对于产量估算、粮食制定、科具有重要意义。2018年6月2日,我国首颗农业高分观测卫星成功发射，这是国内第一颗搭载了能有效辨别作物类型的高空间分辨率遥感卫星。该卫星的发射大幅提高了农业对地监测大能力,能够显著提升作物精准识别能力,可以实现对玉米、生姜、枸杞等经豆、棉花、马铃薯等同期生长的大宗作物和大蒜、济作物的田块级精细识别,为高精度、定量化的农业生产过程和农业资源环境要素监测提供可靠的支撑手段。由于RS图像背景复杂，传统方法只能提取浅层特征，而深度学习方法可以提一致性原则，易用美观实用为核心的理念。设计遵守三个原则：保证开性原则，容错原则。在页面开发时应该多进行组件复用，发效率。主要页面包括：博客主页（index.html），博文列表（download.html）（photo.html）（blogArt.html），下载列表，相册列表，（admin/index.html）（blogAdmin.html）下后端模块主页,博文管理，载管理（downloadAdmin.html），照片管理(photoAdmin)，可视化图表生成（pictureAdmin.html）。他们的关系如下图：取高层特征，越来越多应用遥感领域。使用高分辨率图像可显著地提高空间分辨率和作物提取的精度[1]。然而,由于此类图像的光谱特征不如中、低分辨率图像的光谱特征稳定,传统的特征提取方法难以提取有效的像素特征。目前,人工智能方法以及3S技术集成识别农作物种植面积的方法被更多的研究者使用[2-4]。因此，本文研究应用CNN-Bayesian模型来实现冬小麦的精准识别。2研究区域及数据2.1研究区山东省是中国主要的小麦产区，种植面积在2016年达到38303km2，在2017年达到38429km2。章丘县位于（转下页）结束语基于Springboot的博客系统运用了时下流行的框架与技术，性能和交互效果均满足了预期的开发需求，实现了开发目标，符合设计需求。用户和管理员在本网站所进行的操作能够实时系统崩溃等情况。本博客与传反映，使用过程中不会出现报错，统博客的区别如下:从用户界面上来说，一改以往大多数博客系统不重视用户界面美观与否的问题。本博客给用户提供了美观舒适的用户界面，功能清晰，区块划分明确，用户体验良好，新技术所带来的实时刷新页面也能够极大的提升用户体验。从系统本系统的功能具有丰富、功能上来说，相较于以往的博客系统，更提供了互动，交多元化的特点，不仅实现了基本的博客功能，本博客流的功能，让浏览变得充满活力。在项目可维护性方面，系统的可拓展性极强，在有新的功能需求的情况下只要新增新的接口或者对已有接口进行修改就可以快速进行二次开发。参考文献[1]孙卫琴.Tomcat与JavaWeb开发技术详解[M].北京：电子工业图2博客系统页面关系图出版社,2009.

机械4.4数据库设计[2]王福强.SpringBoot揭秘:快速构建微服务体系[M].北京：根据功能需求，本博客系统物理数据库设计如表1物理数工业出版社,2016.据库设计所示：[3]张峰.应用SpringBoot改变Web应用开发模式[J].科技创新与表1物理数据库设计应用,2017.

名字 别名 描述 定义 [4]杨家炜.基于SpringBoot的Web设计与实现[J].轻工科技,2016用户表 账号表 记录账号的个人基本情况 用户表=用户id+登录密码+用户头像+账户类型

[5]胡世民.基于互联网+的房屋租赁管理系统的设计与实现[D].博文表 博文内容表 记录博文的相关数据 博文表=博文id+博文内容+博文标题+博文发布时间+

博文类型+博文点击量

南昌：江西财经大学,2018.文件表 下载表 记录下载内容的相关数据 文件表=文件id+文件URL+文件标题+文件上传时间

相册表 相册信息表 记录照片的相关信息 相册表=照片id+照片url+照片拍摄时间+照片简介

[6]张雷,王悦.基于SpringBoot微服务架构下的MVC模型研究留言表 用户留言表 记录留言的相关数据 留言表=留言id+留言人+留言内容+留言时间+博文id [J].安徽电子信息职业技术学院学报,2018,17(4):1-9.