html动漫网站的设计与实现.docx

上传人(卖家):四川天地人教育 文档编号:1549014 上传时间:2021-07-08 格式:DOCX 页数:29 大小:44.24KB
下载 相关 举报
html动漫网站的设计与实现.docx_第1页
第1页 / 共29页
html动漫网站的设计与实现.docx_第2页
第2页 / 共29页
html动漫网站的设计与实现.docx_第3页
第3页 / 共29页
html动漫网站的设计与实现.docx_第4页
第4页 / 共29页
亲,该文档总共29页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述

1、XXXX本科毕业论文(设计) 题目:动漫交流网站的设计与实现 院(系)工学院 专业 年级 姓名学号 指导教师职称 20132013 年 5 5 月 3030 日 摘要 动漫交流网站的建设是为了将杂乱无章的信息(包括文字、图片、动画影片)经过 组织以后, 合理有序地呈现在动漫爱好者面前而设计的一个动漫网站管理系统。本网站 作为动漫爱好者获取信 息和交流的一个平台,满足了用户的基本需要,提供了用户在线 交流的场所,实现了高效动态的信 息交换。 系统分为网站信息展示界面和信息管理界面两部分,其中展示界面主要用于用户对 动漫信息资 源进行浏览,通过注册登录可以评论、上传和下载动漫资源;管理界面主要 用

2、于管理展示界面的动 漫资源和网站的维护,主要实现了站内新闻、漫画、动画等相关 信息管理,用户管理,系统管理等 功能。 系统采用B/S三层体系结构,SQL Server 2005作为数据库服务器,IIS作为测试服务 器, 并结合开发系统的需求特点,确定了系统的业务流程,完成了系统总体功能设计和 详细功能设计, 并进行了系统测试,运行良好。 关键词:动漫交流网站;B/S;信息管理 ABSTRACT Anime?intercourse?website?has been?constructed aiming to the ordered information (inclu- ding?text,?p

3、icture,?cartoon)organized?to?present?in?front?of?Anime?fans in?a?reasonnable and?ord- erly, and design a?management?system. This website serves as a platform on which animation fans can get information and communicate each other. In addition, it meets the basic needs of users, provides users an onli

4、ne exchange place and achieves a dynamic and efficiently exchange of information. The system is divided into two parts: information display interface and information management interface. The information display interface is mainly used for the users to browse the information of the Anime resources.

5、Users can comment, upload and download anime resources through registering and logging in. While information management interface is for administrators to manage and maintainanimation resourcesof information display interface, and it is primarily achieve station news, comics, animation, user managem

6、ent, system management, and other functions. System uses B / S three-tier architecture, SQL Server 2005 as the database server, IIS as a test server, taking into account of the needs characteristics of developing system, and determined the systems business processes, and ultimately completed the ove

7、rall system design and detailed functional design features, and carried out system testing, running well. Key words : Anime?communicate?website ; B/S; Information management 第 1 章 绪论 课题开发的背景及意义 世界因Internet的出现而在逐步改变,网络经济雏形因此而形成,由于Internet具有信 息容量 大、方便迅速、形态多样、覆盖全球等特点,直至今日已发展成为信息传播的主要 载体,所以几乎全 球的各个企业、机构

8、纷纷建立自己的Web站点。Internet信息资源庞大、 图文互动、高速高效的特 点给传统设计媒体带来了巨大的冲击,再加上网络经济对设计行 业的影响,由此而产生了一个新的设 计领域网站设计。 动漫产业作为我国发展中的产业,网站设计技术的发展推动了该产业的传播,使得各 类动漫网站 纷纷崛起,为广大动漫爱好者带来了诸多便利。 本课题设计的是一个以动漫为主题的动漫交流网站,以信息发布、分享为主要目的。 通过发布一 些关于动漫的信息、图片和动画等为有同样喜好的人们提供一个分享的空间。 同时访客用户可以在网 站中的剧情交流上发表自己的看法以及可供共享的信息,使人们在 获取信息的同时,还可以发表自己 的感

9、受。在如今网络高速发展的时代,发布信息与分享 兴趣已成为大多网站设计的主要目的。 课题研究现状和发展趋势具相关统计,中国大部分的网民年 龄大多不超过40岁,在此年龄段中年轻的网民最 为感兴趣的资源中,动漫资源是位列前茅的。然而, 目前大部分最新的动漫资源都不是集 中发布于某一个网站,所以要浏览这些相应的资源还是需要花一 些心思的。并没有一个具 体的网站可以为动漫迷们提供集中的最新资讯,而且许多动漫网站并不能发 布动漫资源。 由于看到网络动漫蕴含的无限发展潜力,门户、综合类、游戏、娱乐等各类网站,纷 纷 建设动漫、动画、卡通等相关频道,极力发展的主要是动漫作品、动漫图集等资源。这 些网站起步早、

10、 技术强,综合实力都远超动漫网站, 最重要的是已经有了较好的赢利模式, 能够有资金和人力来发展 动漫板块。良好的技术支持,强大的内容管理系统,人力资源充 足,再加上网站已有大量的人气和现 成易用的宣传推广平台,很快就可以从专业动漫网站 中抢走人气和流量。 本文在分析了国内外动漫网站的发展现状之后,从动漫网站获取动漫信息的便捷程度 着手,主要 阐述了在现今的网站设计技术发展下,如何实现动漫信息的集中化管理和发布 动漫资源做出了探讨。 根据网站的功能需求,完成用户容易理解的与网站的交互,使用户 很容易的找到所需的信息和发布资 源的方法,从而获得愉快的体验感受。 课题开发所用的技术和主要工具 1.3

11、.1B/S 结构简介 B/S结构,即Browse/Server(浏览器/服务器)结构,就是只安装维护一个服务器(Server), 而客 户端采用浏览器(Browse)运行软件。它是随着In ternet技术的兴起,对C/S结构的一种 变化和改进。 主要利用了不断成熟的WWW浏览器技术, 结合多种Script语言(VBScript、JavaScript等)和ActiveX 技术,是一种全新的软件系统构造技术。在B/S体系结构系统中, 用户通过浏览器向分布在网络上的 许多服务器发出请求,服务器对浏览器的请求进行处 理,将用户所需信息返回到浏览器。而其余如数 据请求、加工、结果返回以及动态网页生 成

12、、对数据库的访问和应用程序的执行等工作全部由 Web服务器完成。随着Windows将 浏览器技术植入操作系统内部,这种结构已成为当今应用软件的首选体系结构。显然B/S结构应用程 序相对于传统的C/S结构应用程序是一个非常大的进步。 1.3.2SQL Server 2005 数据库 SQL Server 2005是一个关系数据库管理系统。它覆盖了联机事务处理OLTP(Online Transaction Processing技术和联机分析处理OLA(Online Analytical Processing)技术,以及在 它 们之间的大部分内容,涉及了微软公司的全部旗舰数据库产品。五年多的开发,S

13、QL Server 2005与 其先前版本的技术完全不同。 SQL Server 2005是一个全面的数据库平台, 使用集成的商业智能工具提供了企业级的 数据管 理。SQL Server 2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存 储功能,使您 可以构建和管理用于业务的高可用和高性能的数据应用程序。SQL Server 2005数据引擎是本高校开 放式实验室管理系统解决方案的核心 1。 1.3.3Dreamweaver8 简介 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见 即所得 网页编辑器,它是第一套针对专业网页设计的视觉化网

14、页开发工具,利用它可以轻 而易举地制作出跨 越平台限制和跨越浏览器限制的充满动感的网页,在该系统中使用的是 最新Dreamweaver8。 它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览 器的特性。 首先,Dreamweaver8具有灵活编写网页的特点,不但将世界一流的 设计”和 代 码”编辑器合二为 一, 而且在设计窗口中还精化了源代码, 能帮助用户根据自己的需要定制 用户界面,并且它的可视 化编辑界面更是做得人性化, 不仅可以实现界面元素的插入与生 成, 而且保证了其专业性与兼容性。其 次,它有强大的web站点管理功能和图形编辑引擎, 可以轻松地创建美观实用的网

15、页。 再次, Dreamweaver8有丰富的媒体支撑能力,可以方便 的加入java、flash、ActiveX以及其他媒体,尤其 是在设计DHTML和CSS时表现得极为 出色,它利用JavaScript和DHTML语言代码实现网页元素 的动作和交互操作。最重要的 是,Dreamweaver8集成了程序开发语言,对ASP、.NET、PHP、JS 的基本语法和连接操 作数据库操作, 都是完全支持的, 因此用Dreamweaver8来架构动漫交流网站。 1.3.4ASP 技术简介 一个具有高效交互性的动漫交流网站离不开ASP技术,Microsoft Active Server Pages即我 们所

16、称的ASP,其实是一套开发的服务器端脚本环境,ASP内含于和之中,通过ASP我们可以结合 HTML网页、ASP指令和ActiveX元件建立动态、 交互且高效的WEB服务 器应用程序。 有了ASP 就不必担心客户的浏览器是否能运行你所编写的代码, 因为所有的 程序都将在服务器端执行,包括所 有嵌在普通HTML中的脚本程序。当程序执行完毕后, 服务器仅将执行的结果返回给客户浏览器,这 样也就减轻了客户端浏览器的负担,大大提 高了交互的速度。ASP本身并不是一种脚本语言, 它只 是提供了一种使镶嵌在HTML界面 中的脚本程序得以运行的环境。ASP中最为常用的内置对象和组 件如下: 1.Request

17、对象:用来连接客户端的Web页(.htm文件)和服务器的Web页(.ASP文件) , 可以获取客户端数据,也可以交换两者之间的数据。 2. Response对象:用于将服务端数据发送到客户端,可通过客户端浏览器显示,用 户浏览界 面的重定向以及在客户端创建cookies等方式进行。该功能与Request对象的功能 恰恰相反。 3. Server对象:用于提供服务器方法、属性的存取。 4. Application对象: 它是个应用程序级的对象,用来存储所有用户间共享信息,并可 以Web 应用程序运行期间持久地保持数据。 如果不加以限制, 所有客户都可以访问这个对 象。 5.Session对象:

18、它为每个访问者提供一个标识;用于在一个用户对话(Session)中 存储公用信息。 6. ASP error对象:用于ASP应用程序的错误处理。 7. ObjectContext对象:用于通过Micorosoft Transaction Server(MTS)来提交或者终 止 一项事 3。 第 2 章 系统分析系统需求分析需求分析是指要 理解用户的需求,就软件功能与客户需求达成一致,估计项目代价和 评估软件风险,最终形成一个开 发计划的复杂过程。需求分析的重要性就在于它具有方向 性、策略性、决策性的作用,需求分析是软 件定义的最后一个阶段,它的基本任务是回答 “系统必须做什么”的问题,而不是确

19、定系统要怎样完 成它的工作,仅仅是确定系统要完 成哪些工作,也就是对目标系统提出具体、清晰、准确、完整的要 求,在软件开发的过程 中具有非常重要的地位。 通过相关调查,了解到有90%的动漫爱好者查看网页是为了浏览动漫的相关信息,第 一时间了 解动漫动态,快速及时的浏览新闻和相关消息,五花八门的网上信息,使人们的 生活丰富多彩,因此 动漫网站上要有显示动漫信息模块;多媒体技术的迅猛发展对互联网 的影响极大,它使的网站上的信 息更加丰富多彩,而不只是单一的文本信息,随着动漫爱 好者的增加, 喜欢自己创作动画的人也越来 越多, 为了使动漫爱好者们有展示才能的平台, 在线上传动画影片模块必不可少;网页

20、在互联网中的 应用越来越广泛,使广大网络用户得 到了更加周到和人性化的服务,用户交流平台因此成为网站的一 大特色,交流是在当今信 息社会获得最新信息的最有效的途径之一;当然系统更不能离开信息管理模 块,信息模块 主要包括站内新闻、动漫节、动漫聚焦、剧情交流等信息,实现的功能是对这些信息的 修 改,使网页上的信息能够及时的更新。 其他需求 2.2.1 非功能性需求 除了上述的基本需求之外,该系统为了保证其运行的长期性、安全性、稳定性与可靠 性,还应满 足以下需求: 1操作简单、界面友好:控件式的界面布局,使得信息的录入工作方便、快捷。2即时可见: 对信息的处理(包括查询、添加、修改、删除)能立即

21、在对应的版块 内显现出来,达到“即时发布、 即时见效”的功能。 3功能完善:系统不仅具有常见系统的信息录入、浏览、修改、查询、删除等方面, 完整地实 现了系统对即时信息的管理要求。而且,还能对用户上传和下载相关资源进行管 理。 4方便移植:系统应具有适用性、实用性和可靠性性。系统界面中所需的数据都存 放在数据表 中,只要对该文件做部分修改,就能立即在系统界面上实现更新的效果,不需 要更改系统的源代码。 5动态管理:对系统数据库实行动态操作,能实现对数据库信息的录入、修改、查 询、删除数 据等。 2.2.2 系统软、硬件要求 本系统采用ASP技术开发,运行于浏览器,采用面向对象的编程方法。 该系

22、统的开发过程,文档应符合软件工程的标准,技术符合国际通用标准,数据定义 符合国家标 准。 1软件要求 (1) 客户机软件要求: 操作系统:Windows XP或更高版本。 浏览器:IE以上。 (2) 服务器软件要求: 操作系统:Windows XP Server或更高版本。 2硬件要求 (1) 客户机硬件要求:具有Pentium III处理器以上且满足以下要求的计算机:最低512MB内 存,最小80 GB硬盘。 (2) 服务器硬件要求:具有Pentium III处理器以上且满足以下要求的计算机:最低 512MB内存,最小80 GB硬盘。 3Web服务器要求: 应用服务器:IIS、COM+等企业

23、级应用服务器。 2.2.3 数据库要求 数据库是指在一个或多个企业组织中,为众多用户服务的,在计算上有结果的、可运 行的数据的 集合,它与传统的数据文件大不相同,它不是要面向单个程序的,而是要面向 整个需求的;记录之间 是有结构上的联系的。数据库的实现是动态地、有组织的存储大量 关联数据,方便多用户访问的计算 机软硬件组成的系统;它与文件系统的重要区别是数据 的充分共享,交叉访问,与应用程序的高度独 立性。 基于ASP的动漫交流网站的开发本质上是一个对数据库进行应用的网站系统, 采用面 向数据 的开发和设计是正确的。 其主要的功能是对数据的采集、 存储、加工、 传递和应用, 也就是数据 的管理

24、功能。以数据为中心的方法是将数据处理分为进行数据维护的增、删、改,称为一次处理功能; 对数据库存储的数据进行加工、处理,称为二次数据处理。抓住 这样的本质就将管理信息系统的复杂 关系进行简化、规范,系统设计和开发思路清晰,可 采用数据库管理系统提供的各类工具。 系统开发目标和方案 2.3.1 系统开发目标 本网站系统设计的是一个以动漫为主题的动漫交流网站,以信息发布、分享为主要目 的。要求网 站具有界面简洁、更新快速、视频流畅、交流方便等特点。为了实现这些功能 要求,让网站运行地更 有效率,现提出如下系统开发目标。 1.网民浏览网页,信息展示界面显示动漫的多种信息。 2.管理员对动漫信息的添加

25、、修改、删除和查询,并且实时显示于信息展示界面。 3.对不同的信息管理界面的用户分配不同的权限,可以执行不同的权限操作。 4.超级管理员可以对普通管理员进行管理,包括添加和删除管理员功能。 5.注册用户可以上传动画和下载动画。 6.系统最大限度地实现易维护性和易操作性。 7.系统运行稳定、安全可靠。 2.3.2 系统开发方案 作为一个动漫交流网站,信息的互动性将是设计该网站的主要目的,信息展示界面要 求不仅要美 观而且还要具有艺术性。网站运行时,网站的浏览者只能看到界面信息,而管 理者需要着重管理网站 的信息管理界面,因此该网站的设计主要有两个步骤。先用photoshop制作网站的信息展示界面

26、,再 在dreamweave8里面编辑代码;在制作程序时又分 为两步,先把浏览者要看到的程序设计出来,然 后依次写出每个相应的程序, 测试成功后, 再编辑信息管理界面程序。本系统的设计思路,先是界 面设计:采用了蓝色为主的基色, 给人以清新的感觉,网站所用图片也是简洁美观的图片,这样设计 让人看着特别舒服。再 是程序设计:根据软件工程开发流程设计该系统,本动漫交流网站使用ASP技 术,基于WINDOWS开发平台,选用SQL Server数据库开发和设计的,完全能满足本系统网站设 计 的要求。 系统可行性分析 在对系统目标和环境精心分析的基础上, 从经济可行性和技术可行性两个方面对本系 统进行可

27、行 性研究。 2.4.1 经济可行性 服务器端的安装非常简单, 客户机端也无需再安装任何软件, 通过浏览器就可以访问, 无论身 在何处,只要可以访问互联网就可以使用本系统。 2.4.2 技术可行性 1开发的软件可行性 动漫交流网站的设计和开发,从数据库开发管理软件来看,对于有关数据 库的系统, 主要基于ASP技术开发B/S结构,在数据库方面采用SQL Server2005,是实际应用中的一 种解决方 案。 2开发的硬件可行性 本系统对计算机的硬件环境有一定的要求,对计算机的操作系统、内存、 主频、外设 等都有最低要求,如果低于这个要求将影响到本系统的正常运行。本系统在原有的 计算机 硬件基础上

28、不需要任何变化即可满足系统的运行。 由以上两方面的分析可以看出,本系统的开发时机已经成熟,从多种角度考虑开发此 系统都是可 行的,并且也是十分必要的 第 3 章 系统总体设计与数据库设计 系统总体设计 动漫交流网站是由信息展示界面和信息管理界面两大部分组成。信息展示界面的功能 主要包括动 漫首页、站内新闻、在线留言、漫画信息、动画展示、动漫聚焦、动漫节信息、 剧情交流、以及一些热 门动漫网站的链接。信息管理界面的功能主要包括系统用户管理、站内新闻管理、漫画、剧情交流管理、 动画展示管理、动漫节管理、动漫聚焦管理、系统 管理、退出管理界面。根据系统的总体设计,设计出 相应的流程,系统的总体流程图

29、如图3-1所示。 图3-1系统总体流程图 3.1.1 信息展示界面功能模块 首页是一个网站的起点,它展示了网站的整体风格,能否吸引用户首页起着重要的作 用。站内新 闻、动漫节信息、漫画信息、动漫聚焦等模块主要用于显示一些关于动漫的信 息,便于用户浏览;剧情 交流则为广大漫迷提供了可以自由发表言论的平台;动漫展示是 为喜欢看动漫和制作动漫的人准备的, 因为现在喜欢观看动漫和制作动漫的人快速增加,可以让有才华和兴趣的人得到展示的平台;在在线留 言模块中动漫爱好者可以对网站提出 意见和要求,使得网民可以参与动漫网站的建设;友情链接模块为 用户进入热门网站提供 入口,快速链接到其他相关动漫网站并获取动

30、漫资源;站内搜索模块为用户提供 了一个快 速浏览信息的渠道,方便用户查找和浏览其感兴趣的信息。网站信息展示界面的系统功能 模 块图如图3-2所示。 图3-2信息展示界面功能模块图 3.1.2 信息管理界面功能模块 对于管理该网站的管理员来说,首先应进行管理员的登录,然后系统自动验证管理员 的信息, 验 证成功后才会进入管理员的界面, 在信息管理界面中, 管理员可以添加、 修改、 删除网站上的信息。 系统用户管理模块实现对注册用户信息的审核、修改、删除等功能,并实现超级管理员添加普通管理员 以及管理员可以修改自己的密码等功能;站内新闻管 理、剧情交流管理、动漫节管理、动漫聚焦模块是 对在信息展示

31、界面发布的一些关于动漫 信息和用户评论信息进行管理,实现了信息的添加、删除、修改 等功能;动画展示管理可 以上传动画文件和修改动画文件;系统管理模块实现管理员对信息展示界面的 留言能进行 回复和删除的功能,对友情链接进行添加和删除功能,对公告信息进行及时更新等功能。 信息管理界面的系统功能模块图如图3-3所示。 图3-3信息管理界面功能模块图 数据库设计 3.2.1 数据表的概要说明 在数据库aspdongmanshfw中含有10张数据表,包括用户表、信息表、友情链接表等, 具体描 述如表3-1所示。 表 3-1 数据表概要说明 表名称表代码表功能说明 用户表allusers存储网站管理员信息

32、 信息表allg on ggao存储网站文章信息 友情链接表youq in glia njie存储网站友情链接 动画展示表donghuazhanshi存储网站中动画片 网站公告表dx存储网站首页公告信息 评论表pi nglu n存储用户对网站信息的评论 留言表liuya nban存储用户的留言 动漫聚焦表tukujujiao存储动漫的焦点信息 用户注册表yonghuzhuce存储网站注册用户的信息 漫画信息表 man huax inxi 存储网站漫画图片和信息 3.2.2 主要数据表的表结构设计 由于系统的数据表较多,下面只介绍了系统的主要数据表的表结构。 1.用户表(allusers) 用户

33、表主要用于存储网站管理员信息,Username字段用于存储管理员的名称;Pwd字 段用于存 储管理员的密码;Cx字段用于存储管理员的操作权限;Addtime字段用于存储超 级管理添加普通管理 员时的添加时间,用户表结构如表3-2所示。 表3-2用户表 字段名类型不允许空描述 IDint是编号 User namevarchar (50)用户名称 Pwdvarchar (50)否用户密码 Cxvarchar (50)否用户权限 Addtimedatatime 否添加时间 2友情链接表(youqinglianjie) 友情链接表主要用于存储动漫热门网站的名称和地址。Addtime字段用于存储每个网

34、站链接的添加时间;wangzhi字段用于存储链接网站的网址,网站链接的添加时间和网址 不会显示在 网站首页,首页只显示链接网站的名称。友情链接表结构如表3-3所示。 表3-3友情链接表 字段名类型不允许空描述 IDint是编号 wan gzha nmin gche ngvarchar (50)否友情链接名称 wag nzhivarchar (50)否友情链接地址 Addtimedatatime否添加时间 3信息表(allgonggao) 网站信息表主要用于存储网站中发布的文章,包括站内新闻、剧情交流和动漫节信息 三方面的文 章的标题、内容、分类等。由于信息表存储了三方面的信息,为了区别信息的

35、类型,设计了Leibie字 段用于存储文章的分类;Shouyetupian字段用于存储相关文章的图 片,如果选择上传图片,此图片会 显示在首页的滚动图片中;每篇文章被关注的程度是不 同的,所以有dianjilv字段用于存储文章被阅读 的次数,信息表结构如表3-4所示。 表3-4网站信息表 字段名类型不允许空描述 IDint是编号 titlevarchar (255)否文章标题 contenttext否文章内容 leibievarchar (50)否文早分类 Shouyetupia nvarchar (50)否显示在首页滚动图片 Dianjilvvarchar (50)否文章点击率 addtim

36、edatatime 否文章发布时间 4.留言表(liuyanban) 留言表主要用于存储用户的留言信息,包括用户的昵称、留言标题和留言内容等, biaoqing字段用于存储用户在留言时选用网站提供的表情图片;hf字段用于存储管理员回 复内容,留言表结构如表3-5所示。 表3-5留言表 字段名类型不允许空描述 IDint是编号 ni che ngvarchar (50)否昵称 biao qingvarchar (10)否表情图标 Biaotivarchar (100)否留言标题 n eiro ngvarchar (300)否留言内容 addtimeAddtime否添加时间 hfvarchar (

37、100)否管理员回复 5.动画展示表(donghuazhansh) 动画展示表主要用于存储关于动画的信息和文件, 包括动画的名称、 简介、 发布人等 信息,suoluetu 字段用于存储与每个动画相关联的图片,此图片是动画播放时某个片段的 截图;dhyswj字段用来存储 动画的压缩文件,方便用户下载动画;网站的动画文件可以是 网站会员上传的也可以是管理员上传的, 为了标明动画文件的来源和上传的时间,所以用faburen和addtime两个字段分别存储动画文件的发 布人和发布时间,动画展示表结构如表3-6所示。 表3-6动画展示表 字段名类型不允许空描述 IDint是编号 don ghuam i

38、n gche ngvarchar(300)否动画名称 contenttext否动画简介 suoluetuvarchar(50)否动画的缩略图 don ghuawe njia nvarchar(50)否动画文件 dhyswjvarchar(50)否动画压缩文件 fabure nvarchar(50)否发布人 addtimedatetime否发布时间 第 4 章 系统详细设计与实现 动漫交流网站系统由管理员添加或删除动漫资源,动漫爱好者凭借浏览网页浏览网站 的动漫资源, 通过用户注册并经过管理员审核成为网站会员后,可对网站部分资源进行评 论、上传和下载,还可以 进一步完善个人信息;所有用户都可以通

39、过在线留言功能提出对 网站的意见和建议,管理员也可以对 留言进行回复和删除等操作,下面对网站信息展示界 面功能和信息管理界面模块的设计与实现进行详 细介绍。 系统首页 系统首页是浏览者打开一个网站后第一眼看到的网页,网站能不能吸引浏览者,在很 大程度上取 决于首页做得怎么样。首页包含内容虽然丰富但不杂乱,色彩搭配要合理,整 体风格要独特。 系统的首页界面文件为,在首页中可以看到网站的导航栏,网站发布的最新公告,最 新的漫画信 息和其他信息,以及链接的一些热门网站,还可以根据信息的类别,通过站内 搜索功能快速查找信息, 系统首页的运行界面如图4-1所示。 图 4-1 网站首页运行界面 在文件中,

40、 还链接了三个文件、 和,分别用来处理首页左侧、 顶部和底部的显示内容 在首页中 显示的动漫节信息的sql语句代码如下: sql=select top 7 id,title,addtime from allgonggao where leibie=动漫节 order by id desc 网站导航 导航是网站设计必不可少的基础元素之一,它不仅是信息结构的基础分类,也是浏览 者的网站路 标,就像一本杂志或书的目录一样,但比杂志或书的目录更为重要,因为杂志 我们可以一页一页的从 头向后翻,而网页却不可以,只有有了明晰、清楚的导航,才能让 浏览者知道自己浏览网站的具体位 置。在网页的上方有10个链接

41、,包括站内新闻、在线 留言、动画展示等。当单击相应的链接时,就 会进入到相应的内容界面,网站导航设计界 面如图4-2所示。 图4-2网站导航设计界面图 用户注册模块 用户注册模块的功能是记录用户的基本信息,其中包括用户名、密码、姓名、性别、 电话、邮箱、 身份证、QQ、地址、头像、备注等。在注册用户信息时,若填写不正确,当 单击“注册”按钮时,会 出现相应的提示信息,例如邮箱格式不正确时,会提示“对不起, 您输入的邮箱地址格式错误”;电 话号码位数不正确时,会提示“对不起,请输入8位或11位的电话号”等,用户注册程序流程图如图 4-3所示。 图4-3用户注册流程图 用户注册后可为用户评论网站的

42、信息做准备,只有注册成功并通过管理员审核后才可 对相关内容 进行评论。用户登录时,只要正确的输入用户名和密码,就可以登录系统,用 户注册设计界面如图4-4 所示。 图4-4用户注册设计界面图 系统用户管理模块 系统用户管理模块实现的功能是管理网站用户信息,网站的用户有分为会员、普通管 理员和超级 管理员三类,所以此模块包括管理员用户管理、注册用户管理和个人密码管理 三个子模块。 1.管理员用户管理模块 此模块是为了超级管理员实现添加和删除普通管理员而设计的模块, 其他 管理员没有 此权限。若普通管理员单击 “管理员用户管理” 按钮,系统提示“对不起, 您没有该权限” , 实 现此功能的主要代码

43、如下: if session(cx)v超级管理员then (javascript:alert(对不起,您没有该权限);();) () end if 2.注册用户管理模块 此模块的功能用于管理员管理注册用户的基本信息, 注册用户只有通过管理 员审核后 才可以登录,管理员可以修改和删除会员的基本信息,管理注册用户界面如图4-5所示。 图4-5注册用户管理设计界面图 3.个人密码管理模块 此模块的功能是用于管理员修改密码的,超级管理员在添加普通管理员时, 会设置一 个初始密码, 这个密码不一定是普通管理者熟悉的, 为了普通管理员可以熟记自己的密码, 普通管 理员在登录到信息管理界面时,就可以选择是否

44、修改密码,当然超级管理员也可以 修改自己的密码。 站内新闻模块 4.5.1 新闻展示界面设计 动漫信息几乎是所有的动漫爱好者和动漫专业人员所关注的, 人们可以从中获知最新 的动漫动态, 动漫信息也是人们闲暇之余闲谈的话题。 网站的动漫信息主要包括站内新闻、 动漫节信息和剧情交流 三方面,所以这三方面信息的设计界面相似,下面以站内新闻为例 进行介绍。 站内新闻的主要功能是发布动漫新闻, 包括国内动漫新闻和国际动漫新闻, 动漫信息、 主要包 括显示信息列表、显示信息内容两个部分。 单击“站内新闻”按扭,进入新闻界面,界面中会显示新闻的标题、上传时间以及新 闻点击率, 站内新闻设计界面如图4-6所示

45、。 图4-6站内新闻设计界面图 单击站内新闻列表中的新闻标题进入该 标题下的新闻内容界面,浏览此条新闻的详细 内容,站内新闻详细内容界面如图4-7。 图 4-7 站内新闻详细内容图 4.5.2 新闻管理界面设计 站内新闻信息通过信息管理界面中的站内新闻管理模块来管理。管理员登录后选择 “站内新闻管 理”模块下的功能,实现对新闻信息的修改、添加和删除功能,站内新闻修 改设计界面如图4-8所示。 图4-8站内新闻修改设计界面图 修改后单击“修改”按扭,系统提示 “”修改成果,还可以通过单击文本域上面的图 标可以改变文章的格式,包括改变文字的段落样式、 字体和字号等。 在线留言模块 4.6.1 留言

46、展示界面设计 作为一个主要以信息发布为主的动漫交流网站,用户浏览网站信息时,会产生一定的 想法和意见, 如果用户对动漫节信息十分感兴趣,希望网站可以更详细的发布一些关于动 漫节的信息建议等,在线 留言模块就可以存储这些来自于用户对网站的需求和建议,使用 户可以参加到网站的建设中来,实现 了管理员和用户之间的互动,使网站信息更加丰富,更好地服务于用户,在线留言设计界面如图4-9所 示。 4.6.2 留言管理界面设计 在线留言信息通过信息管理界面中的留言管理模块来管理。管理员登录后单击“系统 管理”模块 下的“留言管理”模块,进入已有留言列表界面,管理员可以查看到留言内容, 若是恶意的留言,则 选

47、择删除功能将其删除,否则选择回复功能进行回复,使用户得到信 息的回馈,在线留言管理设计界 面如图4-10所示。 图4-9在线留言设计界面图 图4-10在线留言管理设计界面图 漫画信息模块 4.7.1 漫画展示界面设计漫画信息模块的主要功能是让用户了解到最近出版了哪些漫画,使 用户能及时的了解 到漫画动态。用户通过这个模块能了解到漫画的主要信息,还可以通过查询的方式 快速找 到感兴趣的漫画信息。 网站每隔一段时间会更新漫画的信息,其中最新添加的后四个漫画信息会显示在首 页,以最新漫 画信息的形式展示在首页,单击“漫画信息”按扭,进入漫画信息界面,界 面中显示漫画图片和漫画 名称,漫画信息界面图如

48、图4-11所示。 图4-11漫画信息设计界面图 单击漫画的“图片”或“名称”可链接到漫画的详细界面,在详细界面中介绍了漫画 的作者、简介等信息,登录的会员还可对信息进行评论,漫画详细界面如图4-12所示。 图4-12漫画详细信息设计界面图 4.7.2 漫画管理界面设计 漫画信息模块通过信息管理界面中的漫画信心管理模块来管理。管理员登录后在“漫 画信息管理” 模块下,可对漫画信息进行修改、添加和删除操作。若想快速找到某一条信 息将其修改或删除时,可 通过查询的方式快速找到此信息,并对其进行相应的操作。 单击“漫画信息添加” 按钮,进入漫画信息添加界面, 在添加界面中输入漫画的名称、 作者、 上传

49、漫画封面图等信息,输入信息完毕后单击“添加”按钮,这条漫画信息被保存 成功了。当管理员 在信息管理界面添加新的漫画信息时,最后添加的四条信息会在首页的 最新漫画中显示出来。单击“漫 画信息查询”按钮,进入查询漫画信息界面,在此界面中 可以选择删除和修改信息操作,管理员还可 以通过查找的方式快速找到要删除或修改的信 息,查寻内容可按漫画名称和作者进行查找,提高了管 理员工作的效率,添加漫画信息设 计界面如图4-13所示。 图4-13添加漫画信息设计界面图 动画展示模块 4.8.1 动画展示界面设计 作为一个动漫网站,动画影片势必不可少的,网站的动画不同于其他网站的动画,不 是那种像火 影隐者、喜

50、羊羊与灰太狼、死神这类大型的动画,而是一些自制的小动画,动 画文件可以是管理员上 传的,也可以是注册用户上传的,其他会员还可以下载动画资源。 动画展示模块为动漫爱好者提供一个展示和分享的平台,此模块主要显示7部分,包 括动画名称、缩略图、动画文件、发布人、添加时间和操作。单击“详细”按钮,进入动 画的详细界 面,可实现下载动画和评论功能,使用户不仅能观看到其他用户的作品,还可 以下载其作品,方便对 此动画感兴趣的用户下次观看和欣赏,并且在观看动画时还可以对 其他用户的作品提出请教和建议, 方便大家共同探讨和学习,动画详细介绍设计界面如图4-14所示。 图4-14动画详细介绍设计界面图 4.8.

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 办公、行业 > 待归类文档
版权提示 | 免责声明

1,本文(html动漫网站的设计与实现.docx)为本站会员(四川天地人教育)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|