目 录
结论 38
信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题。针对动漫视频等问题,对动漫视频进行研究分析,然后开发设计出 动漫视频以解决问题。
动漫视频主要功能模块包括用户管理、订单列表、动漫分类、动漫信息、动漫资讯等,采取面对对象的开发模式进行软件的开发和硬体的架设,能很好的满足实际使用的需求,完善了对应的软体架设以及程序编码的工作,采取MySQL作为后台数据的主要存储单元,采用springboot框架、JAVA技术、Ajax技术进行业务系统的编码及其开发,实现了本系统的全部功能。本次报告,首先分析了研究的背景、作用、意义,为研究工作的合理性打下了基础。针对动漫视频的各项需求以及技术问题进行分析,证明了系统的必要性和技术可行性,然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍,最后来实现动漫视频和部署运行使用它。
关键词:springboot技术;MYSQL;动漫视频
Abstract
Targeted information access is needed in the information society, but the expansion of the access is basically the direction that people strive for. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult topic for technology to overcome. For animation video and other issues, research and analyze animation video, and then develop and design animation video to solve the problem.
The main functional modules of animation video include user management, order list, animation classification, animation information, animation information, etc. The object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of actual use, improve the corresponding software erection and program coding work, adopt MySQL as the main storage unit of background data, and adopt spring boot framework, JAVA technology Ajax technology is used to code and develop the business system, realizing all the functions of the system. This report first analyzes the background, role and significance of the research, laying a foundation for the rationality of the research work. Based on the analysis of various requirements and technical problems of animation video, this paper proves the necessity and technical feasibility of the system, and then makes a basic introduction to the technical software and design ideas that the design system needs to use. Finally, we will implement animation video and deploy and run it.
Keywords: Spring boot technology; MYSQL; Animation Video
1 绪论
1.1背景与意义
总的来说,中国动漫产业在国家政府和市场环境等利好情势下已经成为了文化产业中重要的支柱之一。 动漫产业在全世界范围内,都是各个国家都争先恐后要发展的重要产业。在中国发展动漫产业潜力巨大,其中新媒体对动漫产业产生巨大的商业价值。
由于新媒体与动漫的融合,在一定程度上解决了动漫作品创作、播出、推广的难关,同时也弥补了电视媒体只能在某一时段, 某一地区播放这一劣势,让广大的观众无须在特定时间,特定地点观看动漫,可以自由选择时间与地点,进行观看来点播自己喜爱的动漫作品或节目。
从中国产业来看,动漫产业是发展潮流,但是却得不到健康的发展,各个方面都有一定的限制。由于创作技术和原创能力比起发达国家还存在不小差距,和有限的电视资源播出直接导致许多优秀的作品难以播出等各种原因,逐渐出现了制约发展的瓶颈。近年来,手机和互联网不断的兴起,呈现出巨大的商业潜力。国产动漫产业的发展可能要走一条具有中国特色的道路,新媒体将是我国实现动漫产业化、商业化、市场化打破瓶颈的最好方法。
1.2研究方法
首先,通过引擎搜索或者查阅相关文献资料,了解了本系统开发的背景以及设计系统的意义所在,收集用户需求信息。其次,在开发工具上,最终确定选用springboot平台来设计开发本系统,MySQL作为设计数据库的工具。即利用Java语言实现用户界面,并同数据库连接起来实现完整的通信功能。之后,设计出系统大致的功能模块。主要从方便系统用户和系统管理员的角度进行分析,明确该系统应该具有的功能。最终是测试系统,通过用例测试发现存在的问题并找到解决的方案。利用现有的开发平台,结合自己所学的知识,在老师的指导帮助下来完成该设计,确保系统的可用性、实用性。
1.3系统开发技术的特色
(1)动漫视频中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术,而是使用当前主流的springboot框架,它减少java配置代码,简化编程代码,目前springboot框架也是很多企业选择的框架之一。
(2)动漫视频中的web后台管理中的前端使用的是JavaScript框架,它配合ajax和jquery可以美化页面设计。
(3)动漫视频中数据库用的mysql5.7,它执行效率高。
1.4springboot框架介绍
Spring框架是Java平台上的一种开源应用框架,提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制,但其在Java应用中的频繁使用让它备受青睐,以至于后来让它作为EJB(EnterpriseJavaBeans)模型的补充,甚至是替补。Spring框架为开发提供了一系列的解决方案,比如利用控制反转的核心特性,并通过依赖注入实现控制反转来实现管理对象生命周期容器化,利用面向切面编程进行声明式的事务管理,整合多种持久化技术管理数据访问,提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转(IOC)特性,IOC旨在方便项目维护和测试,它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期,容器可以通过扫描XML文件或类上特定Java注解来配置对象,开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程(AOP)框架,SpringAOP框架基于代理模式,同时运行时可配置;AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性,虽无法与AspectJ框架相比,但通过与AspectJ的集成,也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制,使本地和全局事务以及嵌套事务能够与保存点一起工作,并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板,系统可以通过事务模板、XML或Java注解进行事务配置,并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象(JDO)、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持,同时还可以与Spring的事务管理一起使用,为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架,其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够,于是创建了SpringMVC。
1.5论文结构与章节安排
论文将分层次经行编排,除去论文摘要致谢文献参考部分,正文部分还会对网站需求做出分析,以及阐述大体的设计和实现的功能,最后罗列部分调测记录,论文主要架构如下:
第一章:引言。第一章主要介绍了课题的背景与意义,系统开发的现状和本文的研究方法与主要工作。
第二章:系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。
第三章:系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。
第四章:系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。
第五章:系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
2.1 可行性分析
(1)技术可行性分析
动漫视频存储所使用的是mysql数据库以及开发中所使用的是IDEA、Tomcat这些开发工具的使用,能够给我们的编写工作带来许多的便利。系统使用springboot框架进行开发,使系统的可扩展性和维护性更佳,减少java配置代码,简化编程代码,目前springboot框架也是很多企业选择的框架之一。
(2)经济可行性分析
在开发动漫视频中所使用的开发软件像IDEA开发工具、Tomcat8.0服务器、MySQL5.7数据库、Photoshop图片处理软件等,这些都是开源免费的,这些环境在学校都进行了系统的学习,自己能够独立操作完成,不需要额外花费,而且系统的开发工具从网上都可以直接下载,因此在经济方面是可行的。
(3)操作可行性分析
此次项目设计的时候我参考了很多类似系统的成功案例,对它们的操作界面以及功能都进行了系统的分析,将众多案例结合在一起,突出以人为本简化操作,所以具有基本计算机知识的人都会操作本项目。因此操作可行性也没有问题。
2.2系统流程分析
业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。
动漫视频最主要的一个目的就是实现用户对商品信息的查询,图2-1就是系统的数据流图。
![](https://i-blog.csdnimg.cn/blog_migrate/d17de259cf0bbf780c1c73aab2b60d95.png)
图2-1 数据流程图
2.2.2 业务流程
分析完动漫视频的数据流程,那么接下来我们来看系统的业务流程,图2-2就是业务流程图:
![](https://i-blog.csdnimg.cn/blog_migrate/36835d4df3b118c967b5b5dd73885ab4.png)
按照动漫视频的角色,我划分为了注册用户管理模块和管理员管理模块这两大部分。
用户管理模块:
(1)用户注册登录:用户注册为用户并登录动漫视频;用户对个人信息的增删改查,比如个人资料,密码修改。
(2)查看动漫视频的首页信息:动漫视频的首页信息包含了首页、公告消息、动漫资讯、周边、动漫信息、我的(我的地址、我的订单、我的收藏、我的账户、我的购物车、个人中心)等。
(3)公告消息:用户在公告消息这一菜单下对用户提交的查看、同时也可以发布、评论。
(4)动漫资讯:用户进行动漫资讯的阅览,查看管理者发布的动漫资讯信息。
(5)我的订单:用户在提交订单后,可以对提交的订单进行管理。
(5)我的收藏:当用户点击右上角“我的”这个按钮,会出现子菜单,点击“我的收藏”可以对动漫信息进行收藏、评论;
(6)个人中心:当用户点击右上角“我的”这个按钮,就会进入到对应的后台进行信息的管理了;
管理员管理模块:
(1)登录:管理员的账号是在数据表表中直接设置生成的,不需要进行注册;
(2)用户管理:当点击“用户管理”这一菜单的时候,会出现管理员+注册用户两个子菜单,可以对这两个模块进行增删改查操作;
(3)内容管理:当点击“内容管理”这一菜单的时候,会出现动漫资讯+资讯分类这两个子菜单,能够对用户在前台提交的动漫资讯进行管理;
(4)更多管理:当点击“更多”这一菜单的时候,会出现动漫分类+动漫信息这两个子菜单,对用户提交的动漫信息进行管控;
(5)站点管理:管理员可以对动漫视频中首页显示的轮播图+公告栏以及系统中的一些公告发布到系统当中,让用户及时的查看到系统信息,进行合理安排。
(6)商城管理:管理员对用户提交的商品订单进行管控。
动漫视频的非功能性需求比如 动漫视频的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
表3-1 动漫视频非功能需求表
安全性 | 主要指动漫视频数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指动漫视频能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响动漫视频占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着动漫视频的页面展示内容进行操作,就可以了。 |
可维护性 | 动漫视频开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
2.4 系统用例分析
通过2.3功能的分析,得出了本动漫视频的用例图:
用户角色用例如图2-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/a924d5dc541c14dfa388360aad1e1a5b.png)
图2-3动漫视频注册用户角色用例图
web后台管理上的管理员是维护整个动漫视频中所有数据信息的。管理员角色用例如图2-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/4c239124b444a8e93c2a3a9fdadacaa7.png)
本章主要通过对动漫视频的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个动漫视频要实现的功能。同时也为动漫视频的代码实现和测试提供了标准。
本章主要讨论的内容包括动漫视频的功能模块设计、数据库系统设计。
3.1 系统架构设计
本动漫视频从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。
![](https://i-blog.csdnimg.cn/blog_migrate/186e16fa518ea1658f7b6ed3dfb17c5c.png)
图3-1动漫视频架构设计图
表现层(UI):又称UI层,主要完成本动漫视频的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本动漫视频时的舒适度。UI的界面设计也要适应不同版本的动漫视频以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。
业务逻辑层(BLL):主要完成本动漫视频的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。
数据层(DL):由于本动漫视频的数据是放在服务端的mysql数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本动漫视频的数据存储和管理功能。
3.2 系统功能模块设计
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本动漫视频中的用例。那么接下来就要开始对本动漫视频的架构、主要功能和数据库开始进行设计。动漫视频根据前面章节的需求分析得出,其总体设计模块图如图3-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f9ad2c47ee370f29e4a920618baad273.png)
图3-2动漫视频功能模块图
3.2.2用户模块设计
(1)用户模块结构图
本网站的用户包括管理员和注册用户模块。两种用户模块的功能基本是相同的,注册用户模块比管理员多了一个注册功能,所以以用户模块的结构图为例进行分析,如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/6ea291b38e8a1ceb491287dd7f7e5043.png)
图3-3用户用户模块结构图
(2)各个结构的具体业务逻辑
a.查询用户信息:设计最基础的查询功能,主要就是根据用户id查询用户信息。该功能主要体现在管理员用户信息查询和用户自己查询信息的时候。
b.修改用户信息:用户可以根据情况,对自己的基本信息进行修改,包括名字修改、密码修改、头像修改等操作。
c.增加用户:用户可以通过注册来获得账号
d.删除用户信息:管理员没有权利进行删除信息的删除,最多把用户加入到黑名单中,禁止用户进行登录操作。
3.2.3评论管理模块设计
(1)评论模块结构图
动漫视频是一个交流性质的公开网站,用户和用户之间可以对网站上的内容,比如交流中心、资讯等进行点评,增加用户之间的互动性。但是同时也为了更好的规范评论的内容,给予管理员删除不合适的言论的功能,所以需要专门设计一个评论管理模块,具体的结构图如下:
![](https://i-blog.csdnimg.cn/blog_migrate/27460ccf16e86dd4a227a2d9ea61a4dc.png)
图3-4评论模块结构图
(2)各个结构的具体业务逻辑
a.查询评论:设计最基础的查询功能,主要就是根据用户id查询该用户下的所有评论信息。
b.发布评论:学生用户可以根据情况,发布自己评论信息到网站上。
c.删除评论:管理员没有权限修改用户的评论信息,但是可以删除用户的整条评论。
3.2.4订单管理模块设计
(1)订单模块结构图
动漫视频是中需要存储不少用户动漫购买信息,用户可以查看购买信息,进行查看订单,管理员可以添加,修改,删除订单等,具体的结构图如下:
![](https://i-blog.csdnimg.cn/blog_migrate/ac955a0ef90f0af9ecc33497bda40c16.png)
图3-5订单模块结构图
(2)各个结构的具体业务逻辑
a.查看订单:管理员可以对订单进行查看。
b.修改订单:管理员可以对订单进行修改。
c.删除订单:管理员可以对订单进行删除。
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
3.3.1 数据库概念结构设计
下面是整个动漫视频中主要的数据库表总E-R实体关系图。
![](https://i-blog.csdnimg.cn/blog_migrate/3007f89da0c94cdea35f549f903453a1.png)
图3-6 动漫视频总E-R关系图
下面根据 动漫视频的数据库总E-R关系图可以得出 动漫视频需要很多E-R图,在此罗列出来一些主要的数据库E-R模型图。
![](https://i-blog.csdnimg.cn/blog_migrate/a4c07eda369e6d20138ee5faf1ccbda1.png)
图3-7注册用户E-R关系图
![](https://i-blog.csdnimg.cn/blog_migrate/69658f3b06d6181689b1440b0243da74.png)
图3-8 评论E-R关系图
![](https://i-blog.csdnimg.cn/blog_migrate/9c11bfbed168fca6e706c38c33426a63.png)
图3-9订单E-R关系图
![](https://i-blog.csdnimg.cn/blog_migrate/16e94cf3a2f1d5d5be2ce453a5acacf2.png)
图3-10动漫信息E-R关系图
通过上一小节中 动漫视频中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。
animation_classification表:
类型 | 长度 | 不是null | 主键 | 注释 | |
animation_classification_id | int | 11 | 是 | 是 | 动漫分类ID |
animation_category | varchar | 64 | 否 | 否 | 动漫类别 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
animation_information表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
animation_information_id | int | 11 | 是 | 是 | 动漫信息ID |
animation_name | varchar | 64 | 否 | 否 | 动漫名称 |
animation_category | varchar | 64 | 否 | 否 | 动漫类别 |
poster | varchar | 255 | 否 | 否 | 海报 |
video | varchar | 255 | 否 | 否 | 视频 |
release_time | date | 0 | 否 | 否 | 上映时间 |
director | varchar | 64 | 否 | 否 | 导演 |
duration_of_each_episode | varchar | 64 | 否 | 否 | 每集时长 |
synopsis | text | 0 | 否 | 否 | 剧情简介 |
details | longtext | 0 | 否 | 否 | 详情 |
hits | int | 11 | 是 | 否 | 点击数 |
praise_len | int | 11 | 是 | 否 | 点赞数 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
registered_user表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
registered_user_id | int | 11 | 是 | 是 | 注册用户ID |
user_name | varchar | 64 | 是 | 否 | 用户名 |
examine_state | varchar | 16 | 是 | 否 | 审核状态 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
user_id | int | 11 | 是 | 否 | 用户ID |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
order表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
order_id | int | 11 | 是 | 是 | 订单ID |
order_number | varchar | 64 | 否 | 否 | 订单号 |
goods_id | mediumint | 8 | 是 | 否 | 商品id |
title | varchar | 32 | 否 | 否 | 商品标题 |
img | varchar | 255 | 否 | 否 | 商品图片 |
price | double | 10 | 是 | 否 | 价格 |
price_ago | double | 10 | 是 | 否 | 原价 |
num | int | 8 | 是 | 否 | 数量 |
price_count | double | 8 | 是 | 否 | 总价 |
norms | varchar | 255 | 否 | 否 | 规格 |
type | varchar | 64 | 是 | 否 | 商品分类 |
contact_name | varchar | 32 | 否 | 否 | 联系人姓名 |
contact_email | varchar | 125 | 否 | 否 | 联系人邮箱 |
contact_phone | varchar | 11 | 否 | 否 | 联系人手机 |
contact_address | varchar | 255 | 否 | 否 | 收件地址 |
postal_code | varchar | 9 | 否 | 否 | 邮政编码 |
user_id | int | 10 | 是 | 否 | 买家ID |
merchant_id | mediumint | 8 | 是 | 否 | 商家ID |
create_time | timestamp | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
description | varchar | 255 | 否 | 否 | 描述 |
state | varchar | 16 | 是 | 否 | 订单状态 |
periphery表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
periphery_id | int | 11 | 是 | 是 | 周边ID |
trade_name | varchar | 64 | 否 | 否 | 商品名称 |
specifications | varchar | 64 | 否 | 否 | 规格 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
cart_title | varchar | 125 | 否 | 否 | 标题 |
cart_img | text | 0 | 否 | 否 | 封面图 |
cart_description | varchar | 255 | 否 | 否 | 描述 |
cart_price_ago | double | 8 | 是 | 否 | 原价 |
cart_price | double | 8 | 是 | 否 | 卖价 |
cart_inventory | int | 11 | 是 | 否 | 商品库存 |
cart_type | varchar | 64 | 是 | 否 | 商品分类 |
cart_content | longtext | 0 | 否 | 否 | 正文 |
cart_img_1 | text | 0 | 否 | 否 | 主图1 |
cart_img_2 | text | 0 | 否 | 否 | 主图2 |
cart_img_3 | text | 0 | 否 | 否 | 主图3 |
cart_img_4 | text | 0 | 否 | 否 | 主图4 |
cart_img_5 | text | 0 | 否 | 否 | 主图5 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
type表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
type_id | int | 11 | 是 | 是 | 商品分类ID |
father_id | smallint | 5 | 是 | 否 | 上级分类ID |
name | varchar | 255 | 否 | 否 | 商品名称 |
desc | varchar | 255 | 否 | 否 | 描述 |
icon | varchar | 255 | 否 | 否 | 图标 |
source_table | varchar | 255 | 否 | 否 | 来源表 |
source_field | varchar | 255 | 否 | 否 | 来源字段 |
create_time | timestamp | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
comment表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
comment_id | int | 11 | 是 | 是 | 评论ID |
user_id | int | 11 | 是 | 否 | 评论人ID |
reply_to_id | int | 11 | 是 | 否 | 回复评论ID |
content | longtext | 0 | 否 | 否 | 内容 |
nickname | varchar | 255 | 否 | 否 | 昵称 |
avatar | varchar | 255 | 否 | 否 | 头像地址 |
create_time | timestamp | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
source_table | varchar | 255 | 否 | 否 | 来源表 |
source_field | varchar | 255 | 否 | 否 | 来源字段 |
source_id | int | 10 | 是 | 否 | 来源ID |
3.4本章小结
整个动漫视频的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 动漫视频详细设计与实现
动漫视频的详细设计与实现主要是根据前面的动漫视频的需求分析和 动漫视频的总体设计来设计页面并实现业务逻辑。主要从动漫视频界面实现、业务逻辑实现这两部分进行介绍。
4.1用户功能模块
4.1.1 前台首页界面
当进入动漫视频的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图4-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/8d9d1b504c3ee954b2ca5e8fb32a41b0.png)
图4-1 前台首页界面图
4.1.2用户登录界面
动漫视频中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到 动漫视频的首页中;否则将会提示相应错误信息,用户登录界面如下图4-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/8ee84d20e4e5f9205d6bd3c7c15ef85b.png)
图4-2用户登录界面图
登录关键代码如下所示。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态,不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
4.1.3用户注册界面
不是动漫视频中正式用户的是可以在线进行注册的,如果你没有本 动漫视频的账号的话,添加“注册”,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/25e3d9ca407d58e83a308fc22b3ba1a1.png)
图4-3用户注册界面图
注册关键代码如下所示。
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
query.put("username",user.getUsername());
List list = service.select(query, new HashMap<>()).getResultList();
if (list.size()>0){
return error(30000, "用户已存在");
}
user.setUserId(null);
user.setPassword(service.encryption(user.getPassword()));
service.save(user);
return success(1);
}
/**
* 用户ID:[0,8388607]用户获取其他与用户相关的数据
*/
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "user_id")
private Integer userId;
/**
* 账户状态:[0,10](1可用|2异常|3已冻结|4已注销)
*/
@Basic
@Column(name = "state")
private Integer state;
/**
* 所在用户组:[0,32767]决定用户身份和权限
*/
@Basic
@Column(name = "user_group")
private String userGroup;
/**
* 上次登录时间:
*/
@Basic
@Column(name = "login_time")
private Timestamp loginTime;
/**
* 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时
*/
@Basic
@Column(name = "phone")
private String phone;
/**
* 手机认证:[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "phone_state")
private Integer phoneState;
/**
* 用户名:[0,16]用户登录时所用的账户名称
*/
@Basic
@Column(name = "username")
private String username;
/**
* 昵称:[0,16]
*/
@Basic
@Column(name = "nickname")
private String nickname;
/**
* 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成
*/
@Basic
@Column(name = "password")
private String password;
/**
* 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时
*/
@Basic
@Column(name = "email")
private String email;
/**
* 邮箱认证:[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "email_state")
private Integer emailState;
/**
* 头像地址:[0,255]
*/
@Basic
@Column(name = "avatar")
private String avatar;
/**
* 创建时间:
*/
@Basic
@Column(name = "create_time")
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Timestamp createTime;
@Basic
@Transient
private String code;
}
4.1.4公告栏界面
当点击导航栏上的“公告栏”的时候,就会进入对应的界面查看公告信息,公告栏界面如下图4-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d862ce67489262c668c154dcf2520f89.png)
图4-4公告栏界面图
4.1.5 收货地址界面
当用户点击“收货地址”右后,就回去显示出目前现有的地址,也可以添加新的地址,界面如下图4-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/753f8ef75af1831e8dce46eda847fd7a.png)
图4-5收货地址界面图
4.1.6动漫资讯界面
当访客点击动漫视频中导航栏上的“动漫资讯”后将会进入到该“动漫资讯”列表的界面,然后选择想要看的动漫资讯,点击进入到详细界面,在详细界面可以收藏+点赞+评论等操作,动漫资讯界面如下图4-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/61ebc29858a2ad6bdb4a490afe52e97c.png)
图4-6动漫资讯界面图
4.1.7动漫详情界面
当访客点击了任意的动漫信息后将会进入该动漫的详情界面,可以了解到该动漫的动漫名称、动漫类别、上映时间、导演、每集时长,同时可以对该新闻进行收藏+点赞,动漫详情展示页面如图4-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/8757c2bb9875a656d31a85e992ca3dd3.png)
图4-7动漫详情界面图
4.1.8 我的订单界面
当用户点击“我的订单”链接后就进入自己购买的订单的界面展示,界面如下图4-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e8689ef679cd846bd4932094bbd10d98.png)
图4-8我的订单界面图
4.2管理员功能模块
4.2.1 用户管理界面
动漫视频中的管理人员是可以对前台注册的用户进行管理的,也可以对管理员进行管控。界面如下图4-9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/db4eccf61682b7967d4b11c58d0257b1.png)
图4-9用户管理界面图
用户管理关键代码如下所示。
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作:{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
4.2.2站点管理界面
动漫视频中的管理人员在“站点管理”这一菜单中是可以对前台显示的轮播图以及公告栏进行管控。界面如下图4-10所示。
![](https://i-blog.csdnimg.cn/blog_migrate/9250b6b687f9558c896329b920ee4a1f.png)
图4-10站点管理界面图
站点管理关键代码如下所示。
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
@Transactional
public void delete(Map<String,String> query,Map<String,String> config){
StringBuffer sql = new StringBuffer("DELETE FROM ").append("`").append(table).append("`").append(" ");
sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP_BY))));
log.info("[{}] - 删除操作:{}",table,sql);
Query query1 = runCountSql(sql.toString());
query1.executeUpdate();
}
4.2.3商城管理界面
动漫视频中的管理人员是可以对动漫视频内的用户发布的商品进行维护和管理的,支持增删改查操作。界面如下图4-11所示。
![](https://i-blog.csdnimg.cn/blog_migrate/3586763b4021f7ac711a7742f919dcb3.png)
图4-11商城管理界面图
@PostMapping("/set")
@Transactional
public Map<String, Object> set(HttpServletRequest request) throws IOException {
service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));
return success(1);
}
public Map<String,String> readConfig(HttpServletRequest request){
Map<String,String> map = new HashMap<>();
map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));
map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));
map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));
map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));
map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));
map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));
map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));
map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));
return map;
}
public Map<String,String> readQuery(HttpServletRequest request){
String queryString = request.getQueryString();
if (queryString != null && !"".equals(queryString)) {
String[] querys = queryString.split("&");
Map<String, String> map = new HashMap<>();
for (String query : querys) {
String[] q = query.split("=");
map.put(q[0], q[1]);
}
map.remove(FindConfig.PAGE);
map.remove(FindConfig.SIZE);
map.remove(FindConfig.LIKE);
map.remove(FindConfig.ORDER_BY);
map.remove(FindConfig.FIELD);
map.remove(FindConfig.GROUP_BY);
map.remove(FindConfig.MAX_);
map.remove(FindConfig.MIN_);
return map;
}else {
return new HashMap<>();
}
}
@Transactional
public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body){
StringBuffer sql = new StringBuffer("UPDATE ").append("`").append(table).append("`").append(" SET ");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append("'").append(value).append("'").append(",");
}else {
sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append(value).append(",");
}
}
sql.deleteCharAt(sql.length()-1);
sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));
log.info("[{}] - 更新操作:{}",table,sql);
Query query1 = runCountSql(sql.toString());
query1.executeUpdate();
}
public String toWhereSql(Map<String,String> query, Boolean like) {
if (query.size() > 0) {
try {
StringBuilder sql = new StringBuilder(" WHERE ");
for (Map.Entry<String, String> entry : query.entrySet()) {
if (entry.getKey().contains(FindConfig.MIN_)) {
String min = humpToLine(entry.getKey()).replace("_min", "");
sql.append("`"+min+"`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");
continue;
}
if (entry.getKey().contains(FindConfig.MAX_)) {
String max = humpToLine(entry.getKey()).replace("_max", "");
sql.append("`"+max+"`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");
continue;
}
if (like == true) {
sql.append("`"+humpToLine(entry.getKey())+"`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");
} else {
sql.append("`"+humpToLine(entry.getKey())+"`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");
}
}
sql.delete(sql.length() - 4, sql.length());
sql.append(" ");
return sql.toString();
} catch (UnsupportedEncodingException e) {
log.info("拼接sql 失败:{}", e.getMessage());
}
}
return "";
}
4.2.4 更多管理界面
动漫视频中的管理人员在“更多管理”这一菜单下是可以对动漫视频内的动漫信息、动漫分类进行管控的,其管理界面如下图4-12所示。
![](https://i-blog.csdnimg.cn/blog_migrate/a58e8690e4beb76b43135d72f1318c7f.png)
图4-12更多管理界面图
5系统测试
系统开发到了最后一个阶段那就是系统测试,系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美,再厉害的系统开发工程师也会在系统开发的时候出现纰漏,系统测试能够较好的改正一些bug,为后期系统的维护性提供很好的支持。通过系统测试,开发人员也可以建立自己对系统的信心,为后期的系统版本的跟新提供支持。
系统测试包括:用户登录功能测试、商品展示功能测试、商品添加、商品搜索、密码修改功能测试,如表5-1、5-2、5-3、5-4、5-5所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
商品查看功能测试:
表5-2 商品查看功能测试表
用例名称 | 商品查看 |
目的 | 测试商品查看功能 |
前提 | 用户登录 |
测试流程 | 点击商品列表 |
预期结果 | 可以查看到所有商品信息 |
实际结果 | 实际结果与预期结果一致 |
管理员添加校园论坛界面测试:
表5-3 管理员添加校园论坛界面测试表
用例名称 | 商品发布测试用例 |
目的 | 测试商品发布功能 |
前提 | 用户正常登录情况下 |
测试流程 | 1)点击商品信息管理就,然后点击添加后并填写信息。 2)点击进行提交。 |
预期结果 | 提交以后,页面首页会显示新的商品信息 |
实际结果 | 实际结果与预期结果一致 |
商品搜索功能测试:
表5-4商品搜索功能测试表
用例名称 | 商品搜索测试 |
目的 | 测试商品搜索功能 |
前提 | 无 |
测试流程 | 1)在搜索框填入搜索关键字。 2)点击搜索按钮。 |
预期结果 | 页面显示包含有搜索关键字的商品 |
实际结果 | 实际结果与预期结果一致 |
密码修改功能测试:
表5-5 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试管理员密码修改功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员密码修改并完成填写。 2)点击进行提交。 |
预期结果 | 使用新的密码可以登录 |
实际结果 | 实际结果与预期结果一致 |
通过编写动漫视频的测试用例,已经检测完毕用户登录模块、商品查看模块、商品添加模块、商品搜索模块、密码修改功能测试,通过这5大模块为动漫视频的后期推广运营提供了强力的技术支撑。
至此,动漫视频已经结束,在开发前做了许多的准备,在本系统的设计和开发过程中阅览和学习了许多文献资料,从中我也收获了很多宝贵的方法和设计思路,对系统的开发也起到了很重要的作用,系统的开发技术选用的都是自己比较熟悉的,比如Web、springboot技术、MYSQL,这些技术都是在以前的学习中学到了,其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验,其实对于我们来说工作量还是比较大的,但是正是由于之前的积累与准备,才能顺利的完成这个项目,由此看来,积累经验跟做好准备是十分重要的事情。
当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助,正是因为他们的指导与帮助,我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西,此系统也有需要改进的地方,但是由于专业知识的浅薄,并不能做到十分完美,希望以后有机会可以让其真正的投入到使用之中。
[1]尹雨晴.基于中国动漫产业跨界融合发展的路径探寻[J].传媒论坛,2022,5(14):66-68.
[2]熊楚卉.中国动漫产业发展现状及对策分析[J].大众标准化,2022(12):113-115.
[3]朱万祥. 自媒体时代下动漫视频号IP价值研究[D].鲁迅美术学院,2022.
[4]张峰.大中小学思政课一体化视角下动漫视频的应用研究[J].文教资料,2022(10):47-50.
[5]尚晓明.中国动漫产业发展面临的问题及应对策略[J].电影评介,2021(21):106-109.
[6]周春坡. 日本“番剧”式动漫在我国传播的借鉴价值研究[D].成都理工大学,2021.
[7]林朝平,罗冰.基于微视频平台动漫形象品牌化推广研究[J].新闻传播,2021(07):60-63.
[8]余林.网络视频平台聚合效应下的动漫产业发展态势研究[J].现代视听,2021(03):33-36.
[9]敖蕾.动漫类App产品短视频功能比较研究——以“快看漫画”和“腾讯动漫”为例[J].新媒体研究,2020,6(09):35-37.
[10]丁俊云,姜雪.短视频流量红利下的国创动漫,该何去何从?[J].现代广告,2020(01):58.
[11]赵宇. 哔哩哔哩弹幕视频网站正能量信息传播研究[D].河南工业大学,2019.
[12]钟庄子. 基于社交平台的国产动漫IP传播研究[D].江西师范大学,2019.
[13] Popular List of Children's Animation on Video Websites [J]. Toy Manufacturing at Home and Abroad, 2019 (09): 76
[14] Miao Chun Domestic video animation continued to make efforts to promote the "second child" policy to stimulate market demand [J]. Toy World, 2019 (06): 37-38
致 谢
逝者如斯夫,不舍昼夜。转眼间,大学生活已经接近尾声,人面对着离别与结束,总是充满着不舍与茫然,我亦如此,仍记得那年秋天,我迫不及待的提前一天到了学校,面对学校巍峨的大门,我心里充满了期待:这里,就是我新生活的起点吗?那天,阳光明媚,学校的欢迎仪式很热烈,我面对着一个个对着我微笑的同学,仿佛一缕缕阳光透过胸口照进了我心里,同时,在那天我认识可爱的室友,我们携手共同度过了这难忘的两年。如今,我望着这篇论文的致谢,不禁又要问自己:现在,我们就要说再见了吗?
感慨莫名,不知所言。遥想当初刚来学校的时候,心里总是想着工科学校会过于板正,会缺乏一些柔情,当时心里甚至有一点点排斥,但是随着我对学校的慢慢认识与了解,我才认识到了她的美丽,她的柔情,并且慢慢的喜欢上了这个校园,但是时间太快了,快到我还没有好好体会她的美丽便要离开了,但是她带给我的回忆,永远不会离开我,也许真正离开那天我的眼里会满含泪水,我不是因为难过,我只是想将她的样子映在我的泪水里,刻在我的心里。最后,感谢我的老师们,是你们教授了我们知识与做人的道理;感谢我的室友们,是你们陪伴了我如此之久;感谢每位关心与支持我的人。
少年,追风赶月莫停留,平荒尽处是春山。
免费领取源码,请点赞关注私信博主