【《基于SpringBoot的美妆生活社区设计》9900字】

基于SpringBoot的美妆生活社区设计目录9051摘要 摘要随着时代的发展，人们的娱乐方式也开始增多，给人们带来了极大的便利，为此有很多生活类的各种网站开始出现，比如读书网站，游戏网站，视频网站等等。在大量的数据信息出现在人们眼前时，碎片化知识的获取变得更加容易。有一部分人喜欢表现自己，他们输出知识、表达观点、分享价值理念，提出自己所热爱的、关心的内容；也有一部分人阅读这些内容，然后以自己特有的标准进行挑选。美妆生活社区系统的基本功能是用户分享生活。本系统使用SpringBoot框架实现省去了很多繁重的配置工作，使得开发过程中更注重业务逻辑的实现。在美妆生活社区系统中，用户具有写文章，发表文章，阅读其他用户的文章等操作。不仅具有发布的功能，用户也可以收藏自己喜欢的文章，发表自己的评论看法。本系统具有前台页面，同时也开发了后台管理页面，能够更方便的对整个系统数据库进行操作。本文主要介绍了项目的实现背景，需求设计，代码的实现，最后是整个项目测试，调优。最后本项目通过了黑盒测试。关键词：社区网站；美妆；SpringBoot。第一章绪论本章主要介绍美妆生活社区系统的背景，并解释了开发本系统意义与开发目标。参照博客类型的网站开发，对美妆生活社区网站的进行开发与设计。简单介绍了网站开发的前期需求分析和数据库设计，中期的代码实现，和最后的项目测试，bug修复。1.1系统开发背景从网络发展阶段来看，社区其实算得上很早的网络产品形态之一。在九几年，就有一位北京人搭建了国内最早的站点长城站。从此，互联网社区就变得非常飞速发展。不过，社区产品虽然在中国互联网的浪潮中历久弥新，但一直以来，由于社区本是一个极重运营的东西，所以社区产品在互联网的圈子里算不上最主流。在百度百科上，关于社区一词在当下的解释为，讨论与分享共同的观点，拥有相同的世界观，价值观。互相影响的一群人的区域单位。从国内较早出现的天涯论坛为例，天涯社区曾经拥有过很多自己主动发免费连载小说的创作者，诞生了诸多如《明朝那些事儿》、《鬼吹灯》等经典作品；早期的知乎可以说是另一种社区类型，基于邀请方式的精英式文化，以及随之而来对待问题基于较真与理性的讨论成为吸引人们关注的关键。相同的，早期即刻在的基础上建立了以圈子为基础的信息交流分享平台，当下年轻人最爱逛的B站最初也是依托于文化凝聚了一小撮人，才得以立足并发展壮大。从这些社区产品中我们发现，一款好的社区产品它们往往都具有一种相同的气质，那就是它们都拥有一种在同一文化基调下的，人与人之间的认同。社区网站不断的涌现。并且近几年新兴的美妆文化，美妆这个圈子越来越壮大。现在市面上常见的比如美啦美妆，新氧，小红书等等。用户在社区可以分享自己的生活，寻求帮助，表达自己，帮助他人的需求越来越多。当下的网络环境中，关于美妆生活的网络社区还不是很多。竞争力不大，美妆生活社区前景会很好。1.2国内外发展现状美妆生活社区系统其本质上是一个社区网站，社区网站是时代发展的产物，在21世纪初北京，上海，深圳等经济发达地区出现了社区网站。1999年成立的天涯社区逐渐的向更多网民开放，网民在社区内进行情感交流，讨论问题，解决疑惑，增加眼界。WEB2.0时代的到来。网络社区开始成倍的增长。为特定受众和领域服务的社区网站成为社区网站发展的趋势。其中国内比较主流的社区网站就有新浪微博，知乎，豆瓣百度贴吧等。国外比较主流的社区网站主要有FaceBook、Twitter，其中FaceBook和国内的人人网类似，Twitter和国内的新浪微博相似。FaceBook是美国的一个社会化的网络社区。于2004年创建。Twitter中主要发布用户关心的时事和新闻。操作简单，平台只允许用户发送140个字符，这些文字也被称为推文。1.3研究意义在网络中，有一部分人表现自己，他们输出知识、表达观点和价值理念，提出自己所最关心的、热爱的见解和文章；也有一部分人浏览这些内容，并以自己独特的标准进行选择吸收。在这样的方式下，内容成为人与人之间互相认同的方式，人们会因为想要更好的自我表达而输出更多优质的内容；而另一部分人也以找到有共鸣的内容为标准，筛选的掉大部分的劣质内容。而基于这样的内容传递，社区会进行一种自我选择，去芜存菁，并最终形成属于自己的文化氛围与认同价值。并且互联网时代的到来，各种风格种类不同的网站快速出现，比如论坛网站，游戏网站，视频网站等等。人们的娱乐方式也开始增多，人均一部手机的情况下，大量的数据信息出现在人们眼前时，碎片化知识的获取变得更加容易。1.4研究目标设计一个便于用户使用的美妆生活社区网站，需要考虑以下几个问题：用户体验度要高，页面必须简洁大方，操作简单。为用户提供注册登录功能。社区的主要内容是图片展示加上文字描述，同时还要拥有收藏、评论、回复几大功能。网站需要便于日常管理，后台管理功能必须足够强大，模块划分详细，减少二次开发成本。信息存储准确，不能出现错误的帖子，或者错误的信息展示。因此网站的需求指定如下：前端页面：用户拥有注册、登录、浏览首页、浏览二级页面、收藏、评论、回复，编写文章，修改用户信息等功能。后端页面：管理员可以登录后台页面、管理用户信息，文章信息，对违规文章、评论删除，调整前台布局，设置用户角色的功能。第二章系统开发技术美妆生活社区系统是基于B/S模式开发，前端页面使用HTML对页面进行布局，使用CSS对页面进行优化，使用JAVASCRIPT完成与用户的交互。后端是基于SpringBoot框架开发，并使用Maven对项目进行构建、依赖管理，针对持久层使用MySQL数据库，使用Shiro权限管理。2.1MVC架构MVC架构是一种软件设计架构规范。M代表模型（Model）、V代表视图（View）、C代表控制器（Controller）。它将整个项目架构分为三层。使用分离的方法组织代码。他的主要作用是降低了代码之间的耦合性。体现了JAVA开发的高内聚，低耦合的理念。Model:数据模型，它其实就是面向对象编程中夫的类。什么都可以是类，供程序员操作。Model可以存放这个类的各种数据。View:视图，用户能看到的界面，都是视图，它的主要作用是对数据进行展示。简单的来说就是展示model中的数据。Controller（控制器）：接收用户请求，解决请求。其实在MVC架构中起到一个调度员的作用，它根据用户的请求，调用业务层的代码。图2-1MVC架构图2.2JAVAJava是一种编程语言，他的主要特点是面向对象，Java是跨平台的，可以在任何具有Java虚拟机的平台上运行，Java虚拟机中的Java解释器会将字节码文件解释成为指定的机器语言运行。Java是安全的，它不涉及底层，取消了危险的指针。2.3JPA它是Spring基于ORM（ObjectRelationalMapping）框架和JPA规范（如图2-2）封装的一套JPA应用框架，实现了开发人员用非常简单的代码就能够实现对数据的操作和访问。其中封装了常用的增删改查。同时也容易扩展。图2-2JPA规范图2.4SpringBoot框架SpringBoot其设计目的简化配置。快速搭建Spring应用，让开发变得更简单。SpringBoot框架将配置封装，内置Tomcat服务器。大大减少繁杂的配置工作。从而使开发人员不再需要定义样板化的配置。更注重业务的开发。2.5MySQL数据库数据库（Database）是存数据的仓库，使用数据结构来存储、管理和组织数据。技术的不断更新、发展市场的不断扩大。数据管理从存储和管理数据，转变成多种针对用户所需要的数据管理的方式。更加多样化。数据库有很多种，从最简单的存储各种数据的表格到能够进行存储海量数据的大型数据库系统。数据库在各个方面得到了广泛的应用。MySQL是关系型数据库管理系统（RDBMS），他开放了源代码。MySQL数据库系统使用结构化查询语言（SQL）进行数据库管理。MySQL数据库系统也常被用做Web应用开发。2.6MavenMaven管理项目中各种jar包的依赖关系，简单点讲，就是在pom.xml文件中配置使用技术的jar包，取消了手动去添加jar包。换种方式去想，就是在Java项目和Web项目的外面嵌套了一层。对Java项目和Web项目没有本质影响。反而方便了项目开发。2.7ShiroShiro是一种强大且灵活的开放源代码的安全框架，它可以用来授权，企业会话管理，处理身份认证和信息加密。我们需要自己去设计维护用户，维护权限的接口，后期将相应的接口注入给Shiro即可。可以把他想成一个密码锁，密码需要我们自己提供。第三章需求分析3.1系统的功能性需求整个美妆生活社区系统主要分为两个模块，前台展示模块和后台数据管理模块。前端页面给游客，已登录用户使用，需要实现游客浏览，和用户发布文章、浏览文章、评论文章、收藏文章、个人信息等功能。后台数据管理模块，需实现对文章，评论，用户，权限等数据管理功能。3.1.1前台页面功能性需求首页、随笔、分享页面：文章展示，并可分页查看。右边栏中展示热门文章，最新更新，最新评论。提供搜索功能，根据关键字搜索文章。文章详情页面：显示文章作者信息，头像，发布文章数，评论数，可对该文章收藏，评论，转发。登录，注册页面：用户登录，注册，且提供忘记密码，记住登录功能，在游客点击评论，收藏等按钮时，能够跳转到登录页面。标签页面：展示所有文章标签，根据创建时间排序，显示标签下的文章总数，点击某个标签后即可跳转到所有文章页面。我的主页：显示用户的个人信息，展示所有的个人发表的文章标题，点击即可跳转文章详情，提供编辑个人资料功能，查看收到的所有评论，通知功能。写文章页面：上传图片，文本编辑，标签输入，栏目选择。美妆生活社区系统的前台功能性需求如图3-1所示：图3-1前台功能性需求图3.1.2后台页面功能性需求后台首页：后台的起始页，显示文章、栏目、评论、用户总数据量，显示最新评论。栏目管理：为前台页面新增，删除，修改栏目。用户管理：对用户进行关闭，修改密码，修改用户角色。文章管理：对文章推荐，置顶，修改，删除操作，显示文章的访问数，评论数。评论管理：删除评论。权限管理：为不同的用户定制不同的权限，如进入后台，修改、删除文章等美妆生活社区系统的后台功能性需求如图3-2所示图3-2后台功能性需求图3.2系统的可行性分析3.2.1技术可行性开发美妆生活社区系统的技术已经非常成熟，第二章中已对所用技术进行概括解释。使用的SpringBoot框架的简化开发思想更有助于系统开发。使用的技术本身的技术文章也非常丰富。技术论坛也可以解决开发中遇到的技术问题。因此，美妆生活社区系统具有技术可行性。3.2.2经济可行性从系统使用者角度来说，使用的设备中只要包含浏览器即可，访问方式也非常简单，通过网址访问美妆生活系统。如果没有自己的服务器，也可以向阿里云租服务器。价格成本不高。从系统的开发角度来说，只需要一台电脑，对电脑的配置要求不大，硬件限制也非常的小并且软件开发工具都是开源免费的，开发成本不高。因此，美妆生活社区系统具有经济可行性。3.3非系统功能需求分析美妆生活社区系统的整个设计过程中，不仅要考虑系统的功能性需求，还要考虑到系统的非功能性需求，如美观性，先进性等。3.3.1安全性系统设计过程中，一定要考虑到安全性。为了防止非法登陆、使用系统，对用户的用户名与密码进行了MD5数据加密。并使用shiro框架做权限管理。只有管理员账号才会开放后台管理页面。3.3.2先进性在设计系统设计过程中，参考了知乎、小红书等众多网站对功能的操作和界面的布局有一些借鉴，了解到当下社区网站的页面布局，通过自己亲生体验过程中，了解到用户需求，为自己的系统开发提供了更多帮助。3.3.3可延展性在后台管理上，增加了栏目管理，可自定义栏目类型，并在前台展示。并且为不同的功能，做了多种方式的实现，如文件存储的方式，登录验证时加上邮箱验证。这些功能都可在后台一键启动。3.3.4美观性基于美妆这一女性化风格，前台页面配色以白色系和粉色系为主，网站整体设计主题也是由多位女性网友投票选出。更加符合市场上针对女性APP的用户需求。第四章系统设计4.1系统总体设计4.1.1系统功能设计美妆生活社区系统拥有两个模块，分别是前台展示、后台管理，具体美妆生活社区系统功能模块如图4-1图4-1美妆生活社区系统功能模块图4.1.2系统流程构建基于博客类的网站开发范例，美妆生活社区系统的系统流程图设计如图4-2。图4-2美妆生活社区系统流程设计图4.2系统数据库设计4.2.1系统数据库概念模型设计概念数据模型设计，一般都是用ER关系图来展示，主要是基于实体联系理论，显示数据库存储哪些信息，信息之间需要如何关联。数据库概念模型主要是在需求分析阶段建立实体——联系模型。根据美妆生活社区系统的需求阶段的分析，通过E-R图建立了实体——联系模型。美妆生活社区系统总E-R图如4-3。图4-3系统总E-R图用户实体：此实体中的属性字段包括用户id、用户名称、自定义名称、头像存储位置、密码、邮箱信息、状态信息、创建时间、更新时间、最后一次登录时间、权限id、评论数量、发表文章数量等E-R图如4-4所示。图4-4用户实体E-R图文章实体：此实体中的属性包括作者id、文章标题、文章内容、图片位置、栏目id、评论数量、状态信息、创建时间等E-R图如4-5所示。图4-5文章实体E-R图标签实体：此实体中的属性包括标签id、标签名称、文章数量量、创建时间、更新时间等E-R图如4-4所示。图4-6标签实体E-R图评论实体：此实体中的属性包括评论id、作者id、文章id、评论内容、创建时间、状态信息等E-R图如4-5所示。图4-7评论实体E-R图4.2.2系统数据库逻辑结构设计根据需求分析在美妆生活社区系统数据库中建立了多张表。下面对本系统的数据库中主要结构和表的功能等信息做详细介绍。数据库各表具体信息美妆生活社区系统数据库中共有11张，表的具体介绍如表4.1所示。表4.1数据库中各表的具体信息序号表名表描述1z_user系统用户表，存放用户信息2z_post文章表，存放文章信息3z_post_tag标签表，存放管理文章标签4z_post_resource文章资源表，用于管理文章中的图片5z_post_attribute文章内容表，用于管理用户编辑的文章内容6z_tag标签表，用于记录标签信息7z_comment评论表，用于记录评论信息8shiro_role权限表，用于记录不同权限角色信息9shiro_user_role用户权限表，用于记录用户的权限角色10shiro_permission权限管理表，用于设置用户权限11z_channel栏目表，用于管理前台的栏目信息z_user用户表用户表主要存储用户的个人信息，主要字段包括用户姓名、密码等。各详细字段如表4.2所示。表4.2用户表序号字段名字段类型字段长度表描述1idbigint20用户id2usernamevarchar32用户名3namevarchar32用户昵称3avatarvarchar128头像地址4emailvarchar64邮箱5passwordvarchar64密码6statusint5状态7createddatetime0创建时间8updateddatetime0更新时间9last_logindatetime0最后一次登录10genderint5性别11role_idint11权限id12commentsint11评论数13postsint11文章数14signaturevarchar140备用字段z_post文章表文章表主要存储文章信息，主要字段包括文章id、作者id、文章内容等。各详细字段如表4.3所示。表4.3文章表序号字段名字段类型字段长度表描述1idbigint20文章id2author_idbigint20作者id3channel_idint11栏目id4commentsint11评论数5createddatetime0创建时间6favorsint11备用字段7featuredint11备用字段8statusint11状态9summaryvarchar140概括内容10tagsvarchar64标签11thumbnalvarchar128备用字段12titlevarchar64标题13viewsint11备用字段14weightint11备用字段z_tag标签表标签表主要存储标签信息，主要字段包括标签名、文章数等。各详细字段如表4.4所示。表4.4标签表序号字段名字段类型字段长度表描述1idbigint20标签id2createddatetime0创建时间3descriptionvarchar255描述4latest_post_idbigint20最新文章id5namevarchar32标签名6postsint11文章数7thumbnailvarchar128备用字段8updateddatetime0更新时间z_comment评论表评论信息表主要存储评论信息。各详细字段如表4.5所示。表4.5评论表序号字段名字段类型字段长度表描述1idbigint20评论id2author_idbigint20作者id3contentvarchar255内容4createddatetime0创建时间5pidbigint20备用字段6post_idbigint20文章id7statusint11Zhuangtai8weightint11备用字段第五章系统实现本章从美妆生活社区系统的各个页面实现角度出发，展示系统页面。并对不同功能实现做出技术实现解释。5.1前端页面实现5.1.1首页、随笔页面、分享页面进入LAYZ美妆生活社区网站系统，首先展示的是网站首页。无论是游客还是系统用户，都可以浏览文章。首页图如图5-1首页展示图所示。该页面具有所有文章展示，网站头部左侧是首页、随笔、分享、标签四个栏目，右侧包含登录，注册，搜索按钮。图5-1首页展示图页面右边栏的热门文章栏目，最新发布栏目，最新评论栏目，是首页、随笔、分享、标签页面、文章页面所共有的，页面使用freemaker模板引擎渲染，在html页面中include相关栏目来实现。减少重复代码。<!--header头部--><@layout.blockname="header"><#include"/classic/inc/header.ftl"/><!--头部的文件--></@layout.block><!--/header--><!--content正文--><divclass="wrap"><!--CSS样式--><!--Main--><divclass="container"><@layout.blockname="contents"><h2>Contentswillbehere</h2></@layout.block></div></div><!--/content--><!--footer--><@layout.blockname="footer"><#include"/classic/inc/footer.ftl"/><!--底部模块--></@layout.block>在非登录的状态下，游客可以浏览首页，随笔，分享，标签。点击文章名，文章标签或者图片名即可跳转到文章的详细页面如图5-2文章详细图所示。文章编写使用tinymac编辑器和markdown编辑器两种，可在后台管理界面设置文本编辑器。图5-2文章详细图文章页面展示作者头像，作者发布的文章数，获得评论的数量,用户登录以后可以对该文章收藏，评论。网站头部的搜索功能，可以实现对全部文章的标题进行关键字搜索，展示出来的文章列表中，也会对所存在的关键字标红展示。5.1.2标签页面在标签页中可查看所有的文章标签，当文章删除以后，原文章的标签仍然会保留，点击标签，可查看该标签下的所有文章内容，标签详细图如图5-3所示图5-3标签详细图在点击单个标签时，触发请求，web服务器带着该标签的名称，向后台发出请求，根据URL找的对应的Controller方法。实现代码如下:@RequestMapping("/tag/{name}")//此注解起到标注资源的作用publicStringtag(@PathVariableStringname,ModelMapmodel){Pageablepageable=wrapPageable(Sort.by(Sort.Direction.DESC,"weight"));//对标签进行排序Page<PostTagVO>page=tagService.pagingQueryPosts(pageable,name);model.put("results",page);//将信息存入模型中，用于前台展示model.put("name",name);//同上returnview(Views.TAG_VIEW);//返回视图}5.1.3登录&注册登录页面可通过点击首页的登录按钮跳转，或者在游客点击文章的评论，收藏按钮时跳转到登录页面如图5-4登录详细图所示，如果游客没有账号，可点击网站头部的注册按钮如图5-5注册详细图图5-4登录详细图提交登录代码实现如下/***提交登录*/ @PostMapping(value="/login")//基于POST方法 publicStringlogin(Stringusername,Stringpassword,@RequestParam(value="rememberMe",defaultValue="0")BooleanrememberMe,ModelMapmodel){ Stringview=view(Views.LOGIN);//获得登录页面的视图Result<AccountProfile>result=executeLogin(username,password,rememberMe);//执行登录验证if(result.isOk()){//判断状态view=String.format(Views.REDIRECT_USER_HOME,result.getData().getId());}else{model.put("message",result.getMessage());}returnview;//返回登录视图 }注册页面考虑到用户会忘记密码设置了输入两次密码，并确保两次输入密码都相同后才能注册成功。图5-5注册详细图5.1.4我的主页用户登录成功，网站头部会发生更改，网页头部新增写文章按钮，并增加了我的主页栏目，在我的主页栏目中显示用户头像，用户发布的所有文章，用户可在该页面删除，更改文章。用户可以在我的主页的编辑个人资料按钮，或者点击网站头部的头像按钮，下拉菜单中的编辑资料，修改个人信息。我的主页中还包含通知页面，显示其他用户收藏，评论。如图5-6。图5-6我的主页详细图5.2后台页面实现当用户是管理员权限，点击头像出现的下拉菜单中会出现后台管理选项，点击即可跳转到后台页面。点击logo或者回到前台按钮即可再次跳转到前台页面。5.2.1后台首页进入后台，首先载入的是后台首页，在后台首页中可查看所有的栏目、文章、评论、用户的总数量。查看最新评论。如图5-7。图5-7后台首页详细图5.2.2文章管理在文章管理界面中，实现了对文章状态管理，对文章进行推荐，置顶，修改，删除操作。如图5-8。图5-8文章管理详细图点击修改按钮跳转到文章编辑的实现代码如下/** *跳转到文章编辑方法 */ @RequestMapping(value="/view",method=RequestMethod.GET) publicStringtoUpdate(Longid,ModelMapmodel){ Stringeditor=sitteOptions.getValue("editor");//选择文章编辑器 if(null!=id&&id>0){//判断文章id.作用：减少异常 PostVOview=postService.get(id); if(StringUtils.isNoneBlank(view.getEditor())){ editor=view.getEditor(); } model.put("view",view); } model.put("editor",editor); model.put("channels",channelService.findAll(Consts.IGNORE)); return"/admin/post/view";//返回文章编辑视图 }5.2.3评论管理在评论管理界面中，实现了对评论进行删除操作。可用于管理员对违规评论删除。维护用户体验。如图5-9。图5-9评论管理详细图5.2.4用户管理在用户管理界面中，展示用户信息和状态，实现了对用户进行关闭，修改密码，修改角色权限操作。用户被关闭以后该用户状态会发生改变，用户将不能在登录网站。如图5-10。图5-10用户管理详细图5.2.5角色管理该栏目的作用是定制用户权限，例如权限拥有最高级权限。管理员可以设置用户可以能看到哪些内容如图5-11。图5-11角色管理详细图第六章系统测试根据系统的需求定义，发现系统中是否有未完成的功能，将与需求矛盾的地方拎出。系统测试的测试用例应根据需求分析说明书来策划，系统测试运行。本章通过用例选择测试，对美妆生活社区系统进行黑盒测试，对测试结果进行记录与分析，检查是否存在问题，并对存在的问题提出解决方法与优化方案。6.1测试用例选择测试用例根据系统功能策划一组测试项，其中包括输入方式内容，执行的条件，预期效果师生么。在一组测试下能够反映出系统是否完善。美妆生活社区系统的测试功能有：游客身份进入网站，系统用户登入网站，管理员的后台操作。6.2实例测试结果对测试项结果详情进行统计分析，具体结果见表6.1所示。表6.1测试详情表待测试项测试操作预期结果实际结果结论游客浏览浏览文章，不能评论，收藏，编写文章点击评论，收藏，写文章按钮时会跳转到登录页面成功跳转登录页面通过用户注册用户填写信息，跳转首页登录成功，跳转首页成功登录，跳转主页通过管理员登录输入username：admin，password：12345跳转到首页，点击用户头像出现后台管理，点击后跳转后台成功进入管理员后台主页界面通过用户编写文章鼠标点击写文章按钮，文字编写，上传图片上传图片成功，文章在首页展示且格式正常上传成功通过用户修改个人信息在我的主页中，编辑个人信息，更换头像，更换成功信息更新成功通过管理员删除用户进给后台的文章管理进入用户管理模块，删除用户删除成功，前台该用户的文章不在展示用户删除成功通过管理员修改文章进给后台的文章管理进入文章管理模块，修改文章修改成功，前台信息刷星更新成功通过管理员删除评论进给后台的文章管理进入评论管理模块，删除评论删除成功，该评论前台不在展示删除成功通过管理员创建角色权限给user1创建进入后台权限，可以删除评论权限User1进入后台，并只能删除评论创建成功通过用户评论文章，在文章下评论文章评论成功，并在最新评论中展示评论成功通过收藏文章在文章界面，点击收藏按钮收藏成功，在我的主页中的我的收藏中显示该文章成功收藏通过6.3测试结果分析在系统软件设计过程中，系统测试十分重要，一个小错误或者异常都很可能会引起软件不能正常运行，出现bug。完善的系统测试会给网站带来更好的使用体验，发现更多不足，加以改进。本次对美妆生活社区系统进行了多方面的测试，实现了美妆生活社区系统的基本功能。但是，网站依然存在一些问题：页面外观可以更加优化，用户可以自己