基于HTML5技术的动漫宣传介绍网站的设计与实现.docx
《基于HTML5技术的动漫宣传介绍网站的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于HTML5技术的动漫宣传介绍网站的设计与实现.docx(34页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、摘要基于HTML5技术的动漫宣传介绍网站的设计与实现,主要是通过HTML5和PHP技术实现的,使用了B/S结构,也就是常用的Browser/Server(中文名全称为“浏览器/服务器”)结构。此次项目中的系统的前台部分,主要是:人物介绍、作品介绍、视频播放、壁纸图册、新闻资讯、用户的登录与注册、以及用户的留言板,后台部分则能够让管理员有效地管理用户的留言。因为是为了宣传介绍动漫,所以我选择了自己较为感兴趣的动漫作品来展现。系统尽可能地突出动漫的风格个性和特点,以视觉效果为切入点,让用户初步感受到动漫作品的基调。此次项目中的系统还最大程度地为用户提供动漫相关的信息与资讯,将动画资源和资讯整合在一
2、起,便利用户获取信息,提高满足感。此次项目中的系统设计简洁、页面清晰、系统所提供的内容比较全面、有作品的独特特征,能给用户带来良好的感受。此次项目中的系统的设计与实现,主要目的是满足广大动漫爱好者的需求,也是为了适应动漫产业、动漫文化不断发展的潮流,使动漫这种亚文化能被更多的人了解和喜爱。关键词:动漫宣传和介绍网站、HTML5、PHP、MySQLAbstractThe design and realization of the animation promotion website based on HTML5 technology is mainly implemented through
3、HTML5 and PHP technology, using the B / S structure, which is the commonly used Browser / Server (Chinese name is called browser / server) structure . The front part of the system in this project is mainly: character introduction, work introduction, video playback, wallpaper album, news information,
4、 user login and registration, and user message board, and the background part allows administrators to effectively Manage user messages. Because it is for the purpose of publicizing and introducing anime, I chose the animation works that I am more interested in to show. The system highlights the sty
5、le personality and characteristics of anime as much as possible, with visual effects as the starting point, allowing users to initially feel the tone of anime works. The system in this project also provides users with animation-related information and information to the greatest extent, integrating
6、animation resources and information to facilitate users access to information and improve satisfaction. The system design in this project is simple, the page is clear, the content provided by the system is relatively comprehensive, and has the unique characteristics of the works, which can bring goo
7、d feelings to the users. The main purpose of the design and implementation of the system in this project is to meet the needs of the majority of animation lovers, but also to adapt to the continuous development of the animation industry and animation culture, so that this subculture of animation can
8、 be understood and loved by more people .Keywords: Animation promotion and introduction website, HTML5, PHP, MySQL目录第1章绪论11.1 课题背景11.2 课题研究意义11.3 课题研究现状1第2章系统开发工具和技术简介32.1 Visual Studio Code简介32.2 phpStudy简介32.3 HTML5简介32.4 CSS简介42.5 JavaScript简介42.6 jQuery简介42.7 PHP 简介42.8 MySQL数据库简介5第3章系统分析63.1 系统
9、可行性分析63.1.1 经济可行性63.1.2 技术可行性63.1.3 运行可行性63.2 系统功能性需求分析63.2.1 前台功能性需求73.2.2 后台功能性需求73.3 系统非功能性需求分析83.4 系统运行环境8第4章系统总体设计94.1 系统架构设计94.2 系统功能模块设计94.3 系统流程设计104.4 数据库设计114.4.1 e-r图114.4.2 数据表12第5章系统实现145.1 数据库连接设计实现145.2 用户的登录与注册功能设计实现145.3 前台功能模块设计实现155.3.1 首页模块155.3.2 作品介绍模块195.3.3 人物介绍模块205.3.4 番剧播放
10、模块205.3.5 精美壁纸模块215.3.6 动画资讯模块215.3.7 用户留言板模块235.4 后台功能模块设计实现23第6章系统测试246.1 测试概述246.2 功能测试246.3 安全测试246.4 可用性测试256.5 兼容性测试256.6 测试结果分析25第7章系统特色与创新267.1 系统的特色267.2 系统的创新28总结30参考文献31致谢32广东东软学院本科毕业设计(论文)第1章绪论1.1 课题背景随着科技的进步、时代的发展,互联网在各个领域得到普及,计算机行业也已经涉及到了现代社会生活的各方各面,人们的衣食住行、休闲娱乐都离不开各式各样的信息。在互联网及信息技术飞速发
11、展的今天,信息传播越来越方便快捷,人们对信息的追求也越来越迫切,网站上实时更新的信息则是人们所需信息的主要来源。网站是一种获取信息和沟通交流的工具,是网络信息的主要表现形式和主要承者,它在互联网的发展中具有极其重要的地位,并发挥着极其重要的作用。网站综合使用了静态和动态的表现形式,静态表现形式如文本、图像、形状等,动态表现形式如声音、动画和视频等,这样的动静结合,能够使网站具有丰富的多媒体表现形式与互动特点,网站以一种生动直观,而且非常形象的方式,向人们提供了他们所需要的资讯与信息。基于网站的重要性考虑,各行各业都投入到网站的建设与发展之中。1.2 课题研究意义各类网站纷纷出现,其中自然也包括
12、动漫网站。动漫自产生以来已有百年历史,动漫行业的发展日益兴盛,产业链也逐步完善,动漫网站更是层出不穷。但传统的视频播放网站和论坛讨论网站,只能面向对相关动漫已有一定程度了解的动漫爱好者,既不能满足动漫爱好者迫切获取信息的需求,也使得动漫仍然仅局限于亚文化的窄小圈子之中,无法冲破束缚,走向大众。当前国内有关动漫文化的网站极为稀缺。于是,关于动漫宣传介绍的网站的出现,已成为大势所趋。1.3 课题研究现状动漫的产生迄今已有百年历史,动漫作为一种新的文化表现形式,逐渐从过去的低年龄层向全年龄层方向发展。动漫不再是小孩子们的“专利”,它也成为许多成年人在学习工作之外放松身心的娱乐活动之一。由于国情的不同
13、,各国动漫的发展水平和程度不一,但从整体来看,动漫产业如今已经发展成了一个相当庞大的产业,其中以日本为最盛。中国动漫产业起步的时间比较早,大致是于上世纪五六十年代起步的。到了二十世纪八十年代,日本动漫开始传入中国,吸引了广大的观众。随着动漫爱好者的激增,各式各样的动漫网站也应运而生。日本动漫不断传入,国内的动漫产业、动漫文化再次发展起来。国内的动漫网站现状:目前国内最大的动漫娱乐网站是bilibili(哔哩哔哩动画),有着最及时的动漫新番与丰富的动漫同人创作。截止至2019年,该网站活跃用户有1.5亿人,而网站内较热门动画的播放量平均数千万,多则上亿,可见国内动漫爱好者的数量之大,忠实用户之多
14、。与之相似的动漫网站还有acfun。此外还有樱花动漫、风车动漫、腾讯动漫等专注于动画更新和漫画连载的网站,这些网站拥有海量的完结动漫,并且一直保持着更新,资源非常丰富。国外的动漫网站现状:动漫产业居于龙头地位的日本,既有与国内“哔哩哔哩动画”类似的“niconico”,也有许多具体的动漫宣传介绍网站,网站内既有该动漫的剧情、人物与制作人员的相关介绍,也有周边、音乐、DVD等的相关推广。其网站功能相当完善,定位清晰,便利了许多想了解某部动漫具体情况的动漫爱好者,加强了对动漫的宣传与介绍。但是缺少动漫及动漫相关的资源分享。虽然国内的动漫网站丰富,但多为动画与漫画的资源网站或者动漫爱好者的交流网站,
15、几乎没有真正意义上的具体动漫相关的宣传介绍类网站,而国外的网站则缺少相关动画资源。无论是国内还是国外的动漫宣传网站,都有其不足之处。因此,根据国内动漫相关网站中存在的不足,针对动漫文化和产业的相关宣传与介绍具有实际的研究意义。第2章系统开发工具和技术简介2.1 Visual Studio Code简介Visual Studio Code是一种开源代码编辑器,由微软公司开发而成。它能够在Windows系统、Linux系统以及macOS系统等操作系统上运行。它支持多种编程语言,集成终端。Visual Studio Code内还有许多功能,比如:语法高亮、支持正则表达式、安装扩展、创建 snippe
16、t 等,这是现代文本编辑器所应该实现的功能。2.2 phpStudy简介phpStudy是一个windows下的Apache/Ngnix+PHP+MySQL的集成开发环境,可以用于调试PHP。phpStudy能够在windows系统、Linux系统下,快速地配置出一个web开发环境。它的优点主要有:它有PHP调试环境,在安装和配置方面都是比较方便的;还能够对服务器的版本进行转换;而且很多好用的开发工具都能在此集成;另外还包括了开发手册。2.3 HTML5简介HTML的中文翻译为超文本标记语言。它是一种语言描述方式,能够构建Web内容。后来,HTML发展为HTML5。在2014年10月,万维网联
17、盟制定好了HTML5的有关标准,现代Web产品基本都按照这份标准开发。它相较于历代版本,有着不一样的发展,增加了很多新的语法特征。2.4 CSS简介CSS的中文翻译为层叠样式表。它是一种计算机语言。CSS是网页中的样式,既能静态表现,也能动态表现,甚至能够和JavaScript联动使用。不过它不能够像其他代码一样单独拿出来使用,需要和HTML或XML联动使用。现在,CSS的许多功能能够在现代大多数的浏览器上运行。2.5 JavaScript简介JavaScript,人们将JS定为它的简要名称。JavaScript是一种高级的解释型编程语言。JavaScript为页面提供更多功能,是页面交互功能
18、的基础语言。不管是在浏览器,还是在服务端,JavaScript都是可以执行的。如果所用的设备中搭载了JavaScript 引擎,它也能够执行。目前,全球大多数网站都在使用它,并且全球许多的主流浏览器,如Chrome、Internet Explorer、Firefox、Safari、Opera等都支持它在其上运行。2.6 jQuery简介jQuery是一个非常优秀的JavaScript库,它有着快速、简洁的特点。它封装了JavaScript的常用功能代码,让我们开发项目变得更加便捷容易,让我们更加方便的去操作dom,并有良好的浏览器兼容性。2.7 PHP 简介PHP的中文翻译为超文本预处理器。它
19、是一种开源的通用计算机脚本语言。它不仅能够在web后台开发使用,还能够内嵌在前台的HTML代码内。它的语法中,包含有很多计算机编程语言的优点。在设计方面,它也相当适合Web系统的开发,程序员在使用的过程中会明显感觉到非常方便,所以这是PHP能够在Web开发中得到广泛应用的一个重要原因。2.8 MySQL数据库简介MySQL数据库是一个关系数据库管理系统。在Mysql数据库中,数据被不同的表所存储着。这样做的好处就是,速度和灵活性有效地提高了。MySQL数据库是基于WEB的管理系统,而且体积小巧,还拥有着较高的性能,较低的成本,以及较高的可靠性,这些优点都使得它在很多中小型网站被普遍使用。后来,
20、MySQL得到更大的发展,渐渐地被一些大型网站和程序所使用。第3章系统分析3.1 系统可行性分析3.1.1 经济可行性此次项目中的系统在研发上,对经济上的需求极低。一是系统研发时仅有极少量的资源需要购买才能使用;二是系统研发时不需要昂贵的器械,仅需一台普通电脑就可以完成整个系统的开发工作。此外,此次项目中的系统主要是为了宣传介绍,给用户带来便利。虽然没有直接快速的经济收益,但是有很大的发展空间,在系统研发成功后,能够带来间接深远的经济效益。所以,在经济方面,此次项目中的系统有很强的可行性。3.1.2 技术可行性此次项目中的系统分为前、后台,前台由HTML5、CSS、JavaScript编写而成
21、,可以多设备跨平台,有很强的兼容性,是进行web前端网页开发离不开的三要素。后台则由PHP和MySQL编写而成。PHP是常用的网站后台开发语言,在 Web后台开发领域被广泛使用。使用的开发工具为Visual Studio Code和phpStudy,两个开发工具都是时下应用较为广泛、轻量级、方便好用的工具,Visual Studio Code还支持多系统运行、多语言开发。所以无论是系统所使用的技术,还是开发工具,都有很强的技术可行性。3.1.3 运行可行性此次项目中的系统是基于HTML5和PHP而开发的一个动漫宣传介绍类系统,资源耗费小,不受位置和设备的限制,市面上的多种浏览器都能兼容、支持此
22、次项目中的系统。且操作简单,技术要求不高,用户仅需通过普通的个人电脑、笔记本电脑就能访问此次项目中的系统,进行网站浏览或者系统管理。综上所述,无论是在经济上、技术上还是外部的运行环境上,此次项目中的系统的设计与开发都是在可以承受的范围内。3.2 系统功能性需求分析系统功能性需求分析是开发系统非常重要的一个环节,直接关系到系统的功能是否完善,是否能达到预期目标。本课题要求实现动漫的宣传与介绍,系统要开发面向用户的前台与面向管理员的后台,并确定好各个模块的主要功能。前台部分,有主页、用户的登录与注册、用户留言、作品介绍、人物介绍、番剧播放、精美壁纸、动漫资讯等功能模块。后台主要是管理留言功能模块。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 HTML5 技术 动漫 宣传 介绍 网站 设计 实现
限制150内