朱蓉　郑建华

摘要：推进垃圾分类是社会文明水平的一个重要体现，但是当前垃圾分类科普宣传存在互动性差、传播效应不佳、缺乏专业的在线科普资源平台等问题。针对以上问题，文章提出构建一个共享性高、可随时随地享受垃圾分类科普服务的线上科普平台，并基于SpringBoot框架，研发了前端的垃圾所属分类及文章搜索、不同类型垃圾分类文章的展示、四大垃圾大类下详细物品展示、垃圾分类课程学习模块，以及相应的后台管理功能。系统运行流畅可靠，可以为我国推进垃圾分类政策提供一个有用的科普宣传平台。

关键词：垃圾分类;科普;SpringBoot;课程

中图分类号：TP311        文献标识码：A

文章编号：1009-3044（2022）09-0022-03

引言

2019年6月，习近平总书记对垃圾分类工作做指示时强调：实行垃圾分类，关系广大人民群众生活环境，关系节约使用资源，也是社会文明水平的一个重要体现[1]。2019年6月住房和城乡建设部印发《关于在全国地级及以上城市全面开展生活垃圾分类工作的通知》[2]（建城〔2019〕56号）。通知要求2019年起在全国地级及以上城市全面启动生活垃圾分类工作。全民实行垃圾分类已经势不可挡，但据2019年7月中国青年报社社会调查中心联合问卷网对2002名受访者进行的一项调查显示[3]，68.9%的受访者认为自己对垃圾分类一知半解，95.8%的受访者希望了解垃圾分类知识，69.8%的受访者希望媒体广泛开展垃圾分类知识宣传。目前我国大部分公民对垃圾分类知识认知比较模糊，严重制约了垃圾分类的贯彻执行。主要有以下原因：1）虽然目前在垃圾桶旁有宣传图片，但手段落后，公众不会在一个垃圾桶旁驻足观看。2）目前零散的垃圾分类宣传图片难以满足公众集中、全面了解垃圾分类知识的需求。3）目前静态的图片宣传方式，没有互动性，缺乏吸引力，传播效应不佳，也不利于科普宣传推广。

为此本平台针对垃圾分类科普宣传互动性差、传播效应不佳、缺乏专业的科普资源在线垃圾分类科普平台等实际问题，提出构建一个共享性高、可随时随地享受垃圾分类科普服务的线上科普平台，使之成为宣传各地市宣传垃圾分类的重要手段和工具。

平台需求分析

在互联网技术如此发达的背景下，人们可以通过网络搜索方式来学习垃圾分类知识，但是目前垃圾分类知识单一、内容较少，且散布在各新闻网站的不同版面，难以满足人们一次性学习的需求。为了科普垃圾分类知识，本平台专门介绍垃圾分类相关知识，不仅满足人们查询垃圾分类知识的需求和了解国家垃圾分类政策的需求，还将海量的垃圾分类相关新闻文章细分成更多类型，方便用户浏览不同类型下的新闻，同时将部分垃圾分类知识通过课程模块形式构建，让人们能系统学习垃圾分类知识。

为了培养人们的垃圾分类意识，满足大众学习的目的，本平台主要有以下功能模块：垃圾所属分类及文章搜索、不同类型垃圾分类文章的展示、四大垃圾大类下详细物品展示、垃圾分类课程学习模块。另外，平台还具备对平台数据管理和操作数据爬取的后台管理模块，以方便管理人员管理平台数据。

各模块功能详情如下：

1）首页综合模块。主要包括垃圾分类及相关文章的查询、动态资讯轮播展示、推荐文章展示、四类垃圾及其详细垃圾物品标签展示。

2）多类型垃圾分类文章模块。包括动态资讯、政策法规、历史与意义、AI技术分类垃圾。该模块主要放在首页的导航栏里面，在导航栏中设四个不同类型文章的导航标签，分别是动态资讯、政策法规、历史与意义、AI技术分类垃圾，用户可以快速导向自己想要浏览的类型文章，此模块将垃圾分类相关的大量文章分成几个具有代表性的类型，更能引起用户浏览的兴趣以及方便用户快速浏览学习。

3）课程中心模块。作为本平台的一大特色模块，以课程的方式来讲解垃圾分类方面的知识。本模块将展示热门课程和最新课程。用户还可查看全部课程，可以选择感兴趣的课程进行学习。该模块具体包括课程轮播图展示、热门课程推荐展示、最新课程展示、全部课程展示几个子模板。

4）四大类垃圾标签模块。四大垃圾大类下标签模块包括可回收垃圾、不可回收垃圾、厨余垃圾、有害垃圾的标签展示。这些子类下的内容与“多类型垃圾分类文章模块”的标签一样，用户可通过点击导航栏中的标签对各垃圾大类下的详细物品进行查看，每种垃圾物品都有对应的图片，更好帮助用户进行区分，而且，不同大类下的详细垃圾标签的颜色是不一样的，如此能使用户易于意识到自己所处于哪类垃圾大类下浏览，提高用户浏览查找的精确性。

5）后台管理模块。管理员对前端网站展示的数据进行管理以及对课程进行相关管理，比如上架、下架课程，课程层级管理，课程内容文章管理等。

系统功能结构图如图1所示：

3 平台设计

3.1架构设计

垃圾分类科普及课程平台采用前后端分离的开发模式，在服务器上配置了反向代理服务器Nginx来实现资源动静分离，后端以SpringBoot[4]作为基础框架，主要整合了用于處理事务的Spring、控制前端路由的SpringMVC、持久化数据库（MySQL）的MyBatis、权限控制的Spring Security。前端使用Vue技术框架，通过axios请求访问后端服务，系统架构图如图2所示。

本系统后台使用SpringBoot框架开发，SpringBoot是对Spring的再一次封装，并不提供Spring的核心功能，其包括许多启动器，方便用户快速构建项目，从而达到开箱即用的目的。

Vue[5]是目前比较流行的前端开发框架，Vue.js使用MVVM模型，将页面和业务逻辑分开，通过双向数据绑定实时展示页面数据的变化，避免复杂的DOM元素的操作，提升了开发效率。

为了便捷部署，本平台采用Docker容器，Docker是一种利用扩展的Linux Container方案实现的轻量级的虚拟化解决方案，其通过kernel namespace来达成容器的虚拟化隔离性的目的。Docker的隔离机制降低了内存开销，保证了虚拟化实例密度。

3.2核心时序图设计

本平台主要有两大类核心功能，首先是浏览功能，其次是管理员能够对所有资讯实现增删改查的管理，此小节通过介绍“查看不同类型新闻列表时序图”和对课程的管理来表示平台的开发过程。

1）查看不同类型新闻列表时序图

用户可在导航栏中选择不同类别的垃圾分类新闻进行浏览，包括动态资讯、政策法规、历史与意义、AI技术分类垃圾，当用户进入列表页面时，浏览器发起请求获取数据。查看不同类型新闻列表时序图如图3所示。

2）管理员上架课程时序图

后台人员可以在编辑完文章后将课程上架，用以展示在前端网站，上架操作实际改变的时课程的一个状态位，下架、加入轮播、取消轮播、加入热门、取消热门都是类似的流程。管理员上架课程时序图如图4所示。

4平台数据库设计

本平台采用基于3NF的数据库设计方法，首先抽象出平台的元素，然后确定元素之间的关系，最后集成所有的元素，推导出3NF的关系模型。在本平台中，将所有动态资讯、政策法规、历史与意义、AI技术分类垃圾的新闻都存储到新闻表中，而将课程内的文章都存储到课程文章表中，在课程文章表中通过设置children和level来判断该课程文章的层级和所属关系，平台的数据库关系ER图如图4所示。

5平台实现效果

本平台包括前端和后台管理页面两大部分，前端页面主要是供人们浏览，而后端管理页面主要是为管理服务，相关核心页面如本小节所示。

5.1首页

头部区域包含logo、搜索功能、导航栏功能，使用户得到简单快捷浏览使用体验。首页以轮播图、列表等形式展示动态新闻、政策新闻、垃圾标签等，首页的内容轮播图和文章列表由管理员每天更新，保证内容的实时性，首页如图5所示。

5.2课程管理

管理员可在课程管理页面进行课程的增加、删除、修改、查找等操作，包括课程的上下架、添加为轮播、显示热门课程等。课程管理页面如图6所示。

管理员可在课程详情页查看课程信息以及对课程的目录进行增删查改等操作，包括目录拖动、添加小节、删除目录等。

管理员可在文章编辑页对文章内容进行编辑，本页面使用的富文本编辑器支持多种形式的格式，包括一级标题、加粗、斜体、居左、插入图片等，方便后台人员的编辑工作。

6 结束语

本平台以SpingBoot框架为基础，实现了前端的垃圾所属分类及文章搜索、不同类型垃圾分类文章的展示、四大垃圾大类下详细物品展示、垃圾分类课程学习模块，并研发了相应的后台管理模块，从而构建了一个共享性高、可随时随地享受垃圾分类科普服务的线上科普平台。在后期，可以添加科普游戏[6]的方式，以增加平台的趣味性，提高用户的参与意愿。

参考文献：

[1] 王云飞.垃圾分类是现代社会文明生活方式的一个标志[J].人民法治，2019（14）：1.

[2] 我国自2019年起在全国地级及以上城市全面启动生活垃圾分类[EB/OL].[2021-03-07]. https：//baijiahao.baidu.com/s？id=1635598548215535934&wfr=spider&for=pc.

[3] 王维勋，孟令山，陈媛梁，等.重庆市高校学生对垃圾分类意识和行为的调查分析[J]. 环境与发展，2019，31（6）：203-204，206.

[4] 齊保峰，张毛毛，蔡鲲鹏，等.基于SpringBoot的自助洗车店运营系统设计[J].电脑知识与技术，2021，17（12）：33-35.

[5] 方阿丽.Web开发主流框架技术研究[J].无线互联科技，2021，18（8）：64-65+96.

[6] 蔡序.科普形式在数字化时代背景下的一次创新[J].科技与出版，2017（10）：94-96.

【通联编辑：王力】