基于HTML5技术的动漫宣传介绍网站的设计与实现.docx

上传人:封****n 文档编号:96763863 上传时间:2024-03-19 格式:DOCX 页数:34 大小:14.64MB
返回 下载 相关 举报
基于HTML5技术的动漫宣传介绍网站的设计与实现.docx_第1页
第1页 / 共34页
基于HTML5技术的动漫宣传介绍网站的设计与实现.docx_第2页
第2页 / 共34页
点击查看更多>>
资源描述

《基于HTML5技术的动漫宣传介绍网站的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于HTML5技术的动漫宣传介绍网站的设计与实现.docx(34页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

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 系统功能性需求分析系统功能性需求分析是开发系统非常重要的一个环节,直接关系到系统的功能是否完善,是否能达到预期目标。本课题要求实现动漫的宣传与介绍,系统要开发面向用户的前台与面向管理员的后台,并确定好各个模块的主要功能。前台部分,有主页、用户的登录与注册、用户留言、作品介绍、人物介绍、番剧播放、精美壁纸、动漫资讯等功能模块。后台主要是管理留言功能模块。

23、3.2.1 前台功能性需求(1)主页: 用户通过主页模块大致了解此次项目中的系统所提供的功能。本模块是用户访问系统最开始的门户,简要罗列了其他模块的功能,包含导航和轮播图、作品介绍、壁纸图册、人物介绍、新闻预览、剧情介绍、底部七个部分。(2)作品介绍:用户通过“作品介绍”模块初步了解作品。本模块介绍该动漫作品的创作背景、创作经过和创作成果,分为“关于黑岩射手”、“世界观”、“剧情介绍”三部分。(3)人物介绍:用户通过“人物介绍”模块初步了解作品中的重要人物。本模块介绍该动漫作品中的主要人物,用户选择人物,查看该人物的详细介绍。(4)番剧播放: 用户通过“番剧播放”模块观看该动漫。本模块能让用户

24、更直观地感受到该动漫的魅力。(5)精美壁纸: 用户通过“精美壁纸”模块欣赏该动漫相关的精美壁纸。本模块将壁纸分为四个类别,分别是“全部”、“动画”、“官方”、“手办”,用户根据自己的需求对类别进行筛选查看,也可以选择查看全部。(6)动漫资讯: 用户通过“动漫资讯”模块了解动漫相关的资讯,本模块将该动漫相关资讯分为三个类别,分别是“最新资讯”、“动画”、“游戏”。为用户提供。(7)资讯详情: 用户通过“资讯详情”模块了解资讯的详细情况。用户点击资讯列表中的具体一则资讯的标题后,会转到资讯的详情页面。(8)用户的登录与注册: 用户点击用户的登录与注册图标进入到用户的登录与注册界面。注册界面需填写用

25、户名、密码和电子邮箱,注册的数据符合填写要求且数据库内没有该用户,则注册成功,返回登录界面。在用户的登录界面中,用户需要填写用户名和密码,成功登录后可以进入留言板。(9)用户留言板: 用户通过自己已注册的账号登录后,进入到留言板界面,给管理员留下系统建设的建议,以便更好地完善系统。3.2.2 后台功能性需求(1)管理员登录功能: 只有系统管理员拥有管理员账号。在登录界面,系统管理员在文本输入框内,输入管理员专用的用户名和密码,进到用户留言管理界面。(2)用户留言管理功能: 管理员成功登录后,可以进入到用户留言管理界面,可以看到前台的用户向后台管理员发送的留言,管理员可以对用户的留言进行管理删除

26、等功能。3.3 系统非功能性需求分析系统非功能性需求分析也是关键的一步,这关系到系统的视觉效果和布局结构是否合理。(1) 页面风格:契合动漫作品黑岩射手的风格,彰显个性。(2) 素材:使用作品相关的素材。(3) Logo:使用系统自身专属的logo。(4) 色调:采用冷色,黑白蓝灰配色。3.4 系统运行环境运行环境:CPU:Inter Core i5-7200U CPU 2.50GHZ内存:8G以上硬盘:500G操作系统:Windows 10开发工具:Visual Studio Code、phpStudy数据库:MySQL30第4章系统总体设计4.1 系统架构设计此次项目中的系统的架构设计分为

27、前、后台两个部分。前台面向用户,用户可以直接浏览使用系统各个功能,也可以选择从用户的登录与注册界面进入到留言板界面,给管理员后台发送留言。后台面向管理员,管理员通过管理员账号进入到留言板后台管理界面,对用户的留言进行管理。其系统架构设计图如下图4.1所示:图4.1系统架构设计图4.2 系统功能模块设计此次项目中的系统是基于HTML5和PHP开发的动漫宣传介绍系统,系统是分为前、后台两个模块来设计的。前台部分主要包括登录、注册、主页、作品介绍、人物介绍、番剧播放、精美壁纸、动漫资讯、留言板等功能模块;后台部分则是用户留言管理功能模块。其功能结构图如下图4.2所示:图4.2系统功能模块结构图4.3

28、 系统流程设计流程图是使用图形来表示算法的思路的方法,外文名全称为Flow Chart,它是一种可以用来表示算法、流程的图。目前,流程图在很多领域都得到了极为广泛的应用。此次项目中的系统流程设计如下图4.3所示。图4.3系统流程设计图4.4 数据库设计4.4.1 e-r图此次项目中的系统使用MySQL数据库和PHP语言。此次项目中的系统E-R模型图如下图4.4-4.6所示:(1)系统用户实体属性如图4.4所示。图4.4用户实体属性图(2)用户留言类实体属性如图4.5所示。图4.5用户留言类实体属性图(3)系统管理员实体属性如图4.6所示。图4.6系统管理员实体属性图4.4.2 数据表此次项目中

29、的系统中建立的数据库名为management,使用MySQL数据库管理系统。系统中主要使用到的数据表分别有users表和message表。具体表结构如表4-1、表4-2:表4-1 users表名称类型大小是否为空 备注userNamevarchar20否passwordvarchar30否emailvarchar60否 表4-2 message表名称类型大小是否为空 备注idint11否namechar20是emailchar50是contentvarchar200是第5章系统实现5.1 数据库连接设计实现采用PHP连接MySQL数据库中的mysqli(面向对象)进行数据库连接配置。实现代码图

30、5.1如下:图5.2数据库连接代码图5.2 用户的登录与注册功能设计实现当用户访问系统的登录页面时,可以选择账号的登录或者注册。登录时需要输入已经注册成功的用户信息(用户名、密码),如果填写的格式或者信息不符,系统都会输出相应的提示。如果格式正确,用户点击登录后,系统会将用户填写的表单数据发送给后台相应的数据库,验证用户信息是否存在且正确。如果验证成功,则进入一个留言板页面,否则提示登录失败。注册时需要输入用户信息(用户名、密码、电子邮箱),用户点击注册后,系统会判断填写格式是否正确,如果正确则将表单数据发送给后台的数据库,检测用户的账号存在与否。如果不存在,则说明用户此次注册的账号注册成功,

31、返回登录界面。如果存在,就提示用户此次注册的账号注册失败。用户的登录与注册的设计实现,如下图5.2-5.4所示:图5.2 系统登录界面图5.3 系统注册界面图5.4系统用户的登录与注册流程设计图5.3 前台功能模块设计实现前台模块主要包含了首页、作品介绍、人物介绍、番剧播放、精美壁纸、动漫资讯模块,以及用户的登录与注册、用户留言模块。5.3.1 首页模块首页模块包含导航和轮播图、作品介绍、壁纸图册、剧情介绍、人物介绍、新闻预览、底部七个部分。系统首页各个部分运行界面如图5.5-5.11所示。图5.5导航和轮播图部分图5.6作品介绍部分图5.7人物介绍部分图5.8剧情介绍部分图5.9精美壁纸部分

32、图5.10动画资讯部分图5.11主页底部部分5.3.2 作品介绍模块作品介绍模块向用户介绍了动漫黑岩射手的出处和世界观设计。作品介绍实现界面如图5.12所示。图5.12作品介绍模块实现界面5.3.3 人物介绍模块人物介绍模块向用户介绍了动漫黑岩射手中的主要出场人物。点击人物头像时,图片会变为彩色,并有相对应的人物的介绍;未点击则为灰色,人物介绍不显示。人物介绍实现界面如图5.13所示。图5.13人物介绍实现界面5.3.4 番剧播放模块番剧播放模块为用户提供了视频的观看。点击右侧播放列表中的集数,可以切换至相对应的集数。番剧播放实现界面如图5.14所示。图5.14番剧播放实现界面5.3.5 精美

33、壁纸模块精美壁纸模块向用户展示了从官方、动画和手办收集而来的壁纸。点击按钮可以选择查看相对应的壁纸。精美壁纸实现界面如图5.15所示。图5.15精美壁纸实现界面5.3.6 动画资讯模块动画资讯模块向用户介绍了黑岩射手的相关资讯,分为最新资讯、动画、游戏三个部分。点击新闻时,能跳转到该新闻的详情页面。也可以通过上方的位置链接从新闻详情页面跳转回资讯列表页面。动画资讯实现界面如图5.16-5.17所示。图5.16动画资讯实现界面图5.17动画资讯详情页面实现界面5.3.7 用户留言板模块在用户留言板模块,用户可以通过成功登录来进入到留言板界面。留言时需输入用户名、电子邮箱和留言内容,输入完毕即可点

34、击提交发送至后台管理员。用户留言板实现界面如图5.18所示。图5.18用户留言板实现界面5.4 后台功能模块设计实现管理员对用户留言进行增删查改等操作是此模块主要实现的功能。该模块的页面实现如图5.19所示:图5.19房产信息管理模块界面第6章系统测试6.1 测试概述系统测试是在指定条件下操作和测试系统以发现系统错误,测量系统质量并评估其是否满足设计要求的过程。此次项目中的系统的测试项目分为功能测试、安全测试、可用性测试和兼容性测试。6.2 功能测试功能测试是指测试系统的各个功能是否可以正常运行。系统的功能测试如表6-1所示:表6-1 系统功能测试测试内容测试结果用户界面正常页面链接正常用户的

35、登录与注册正常信息匹配正常用户留言正常管理留言正常账号注销正常6.3 安全测试安全测试是指测试系统是否有潜在的安全问题。此次项目中的系统的安全测试如表6-2所示:表6-2 安全测试测试内容测试结果系统登录安全系统数据安全用户认证安全系统管理权限安全6.4 可用性测试可用性测试是产品上一组用户的典型操作,而观察者和开发人员则观察,收听和记录。此次项目中的系统的可用性测试如表6-3所示:表6-3 可用性测试测试内容测试结果导航测试满意图形测试满意内容测试满意整体界面测试较为满意6.5 兼容性测试兼容性测试是指能否在用户设备上有效运行。此次项目中的系统的兼容性测试如表6-4所示:表6-4 兼容性测试

36、测试内容测试结果平台测试正常浏览器测试正常视频测试正常6.6 测试结果分析通过对此次项目中的系统的分析测试,此次项目中的系统在功能测试、安全测试、可用性测试和兼容性测试上,均能达到预期的目标,能够交付用户使用。第7章系统特色与创新7.1 系统的特色响应式布局:响应式布局是一种能够在不同分辨率下自动变换界面的布局和结构的布局方式,并且能够合理分配系统内容,以简洁、有序为目标,不会因为用户设备上不同的分辨率或者对窗口进行缩放时,界面显得杂乱无章。在不同的分辨率下,用户依然能够得到较好的布局体验。此次项目中的系统的响应式布局如图7.1-7.4所示:图7.1 响应式主页轮播图图7.2 响应式主页人物介

37、绍图7.3 响应式图册页面图7.4 响应式新闻详情页面7.2 系统的创新现有的动漫宣传网站在实际针对现有的动漫宣传介绍网站类型单一、内容繁复、重点不突出的情况,本网站主要在设计方面和功能方面进行了加强和改进。设计方面,界面简单,提高响应速度,但系统内容丰富,重点突出;功能方面,增加了传统动漫宣传介绍网站所没有的介绍、播放功能,并支持多种浏览器模式。1、系统的设计方面:(1)架构设计:系统首页的架构清晰明了,保持较好的通透性,减少用户的浏览成本。(2)风格设计:比较简洁而且没有阻碍的界面,这样可以增强用户对系统提供的信息内容和服务的关注。(3)信息排布:减少资讯信息,增强系统的用户体验感受,让用

38、户顺畅浏览。(4)视觉顺序:有顺序的引导用户浏览,增加页面的视觉效果。2、系统的功能方面:(1)用户的登录与注册功能:实现用户登录、注册的功能,并检测用户账号是否存在;(2)用户的留言功能:实现前台用户对后台管理员的留言功能;(3)用户的留言管理功能:实现管理员根据需要对用户的留言进行管理的功能;(4)在线播放功能:实现对视频的在线播放功能;总结基于HTML5技术的动漫宣传介绍网站的设计与实现,前台运用到HTML5、CSS、JavaScript,后台运用到PHP、MySQL。这是个人相对满意的作品,系统简洁不繁杂、操作简单,但内容丰富,能很好地起到宣传介绍的作用。在前台的配色和布局上,尽可能地

39、还原了动漫原作的基调。但也有很多不足之处,比如因时间限制和选题限制,前台方面,在特效上不够酷炫;后台方面,在功能上和界面上都显得不够完善。在完成此系统前,其实我没有特别多的项目经验,相关知识也不够扎实。纵使本次选题基于个人对动漫的热爱,但由于考研完毕及实习结束后才开始着手准备项目,对许多知识和开发系统的步骤都不够熟悉,即使是小功能也困难重重。整个过程可谓是举步维艰。不过很庆幸有导师李志中老师、同窗以及朋友为我雪中送炭,不惮其烦为我解答诸多问题。在做这个项目的过程中,我的收获颇多,不仅能够以更专业的眼光去分析各式系统,还能够以更向上的态度去完善自己的不足之处。此次经历也让我更深刻理解了“学海无涯

40、苦作舟”,学无止境,应奋进不息。参考文献1周珏.新闻类网站信息视觉传达的动态延展设计J. 新闻战线,2017(12):80-81. 2杨昭兵.基于动态网站设计的色彩应用与研究J. 科技广场,2017(09):44-46. 3王薇. 动态网站建设与研究应用J. 数字技术与应用,2015(10):99-100.4梁银妮. Web网站中动态网页设计技术的应用和实现J. 数字技术与应用,2017(01):83+85.5吴燕珍.基于PHP+Dreamweaver的动态网站开发中常见问题的探讨J. 电脑知识与技术,2018,14(06):235-236.6徐春绵. PHP在动态网站开发中的应用研究J. 通

41、讯世界,2015(17):261.7孙丽丽,姜海红. PHP动态网站制作探究J. 电子技术与软件工程,2015(10):14.8权治,宋晶晶. 基于PHP的动态网站研究与实现J. 计算机与网络,2015,41(11):52-55.9艾洁.探究如何使用PHP技术实现动态网站的用户登录功能J. 黑龙江科技信息,2016(20):161.10谢春祥. 动态页静态化网站后台程序设计J. 南昌师范学院学报,2016,37(03):20-24+28.11汪涛,杜蔚苗。 移动终端HTML5页面互动版式设计研究J. 包装工程,2017,(06):203-208.12吴文种.响应式动态网站建设的研究与应用J.

42、福建电脑,2015,31(01):105-106.13刘于沛.基于HTML5进行响应式Web应用的技巧J. 中国新通信,2017,(02):95.14王艳.探析HTML5与CSS3在网页设计中的新特性和优势J. 电脑编程技巧与维护,2016,(21):70-71+88.15盛婷婷.基于HTML5技术的移动Web前端设计与开发分析J. 电子制作,2016,(19):46-47+75.16李盛恩,王珊数据库基础与应用(第二版)M,北京:人民邮电出版社,2009:147817杨绍荣,张秀辉.基于动态网站开发中数据库应用J. 电脑知识与技术,2017,13(02):99-100+103.18陆建华.N

43、ET与数据库技术在动态网站开发中的研究与应用J. 电脑编程技巧与维护,2018(05):117-119.19刘瑞新,张兵义大学计算机规划教材:SQL Server数据库技术及应用教程M,电子工业出版社,2012,820李学卫.SQL Server数据库在动态网站建设中的安全性分析J. 信息技术与信息化,2015(07):93-94.致谢论文动笔之初,我便知道,这意味着四年的大学生活即将在这段特殊的时期,划上句点。如今再回首,不由感慨万千。虽然学业道路坎坷艰辛,所留遗憾不少,但亦从中收获良多,而这四年学到的知识和经历足以影响我的一生。于我而言,完成毕业设计和论文不是一件轻松的事情。在这过程中,我

44、遇到了许多令我头疼不已的问题,但所幸通过许多人的无私帮助,我的毕业设计和本篇论文才得以顺利完成。毕业设计和本论文都是在我的导师李志中老师的指导下完成的。他为人亲切随和,治学有方,诲人不倦。无论是课题的选取与实现,还是论文的润色与修改,都凝聚着李志中老师的心血和汗水。他不仅在知识上对我悉心教导,还在我对论文迷茫之时,为我理清了思路。在此我要衷心地感谢李志中老师。本设计最终能够完成,也归功于每个学年传授我知识的任课老师们。因为他们对学生的责任感,我才能够掌握和应用本专业的知识,并在此次设计中得以体现。在此向各位四年来辛勤栽培我的老师表示感谢。最后要感谢我的同窗同学,以及我的家人,给予我无限的支持与积极向上的力量。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 期刊短文 > 信息管理

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号© 2020-2023 www.taowenge.com 淘文阁