收藏 分销(赏)

html动漫网站的设计和实现.doc

上传人:w****g 文档编号:2422029 上传时间:2024-05-30 格式:DOC 页数:43 大小:3.17MB
下载 相关 举报
html动漫网站的设计和实现.doc_第1页
第1页 / 共43页
html动漫网站的设计和实现.doc_第2页
第2页 / 共43页
html动漫网站的设计和实现.doc_第3页
第3页 / 共43页
html动漫网站的设计和实现.doc_第4页
第4页 / 共43页
html动漫网站的设计和实现.doc_第5页
第5页 / 共43页
点击查看更多>>
资源描述

1、XXXX本科毕业论文(设计)题目: 动漫交流网站设计和实现 院(系)工学院专 业年 级姓 名学 号指导老师职 称5月30日目 录摘 要1ABSTRACT2第1章 绪论31.1课题开发背景及意义31.2课题研究现实状况和发展趋势31.3课题开发所用技术和关键工具41.3.1B/S结构介绍41.3.2SQL Server 数据库41.3.3Dreamweaver8介绍41.3.4ASP技术介绍5第2章 系统分析62.1系统需求分析62.2其它需求62.2.1非功效性需求62.2.2系统软、硬件要求72.2.3数据库要求72.3系统开发目标和方案82.3.1系统开发目标82.3.2系统开发方案82.

2、4系统可行性分析92.4.1经济可行性92.4.2技术可行性9第3章 系统总体设计和数据库设计103.1 系统总体设计103.1.1信息展示界面功效模块103.1.2信息管理界面功效模块113.2 数据库设计123.2.1数据表概要说明123.2.2关键数据表表结构设计13第4章 系统具体设计和实现164.1 系统首页164.2 网站导航174.3 用户注册模块174.4 系统用户管理模块184.5 站内新闻模块194.5.1新闻展示界面设计194.5.2新闻管理界面设计204.6 在线留言模块214.6.1留言展示界面设计214.6.2留言管理界面设计214.7 漫画信息模块224.7.1漫

3、画展示界面设计224.7.2漫画管理界面设计234.8 动画展示模块244.8.1动画展示界面设计244.8.2动画管理界面设计254.9 动漫聚焦模块264.9.1聚焦展示界面设计264.9.2聚焦管理界面设计264.10 系统管理模块27第5章 系统测试295.1 系统测试概述295.2 系统测试295.2.1管理员登录功效测试295.2.2添加动漫节信息功效测试295.2.3用户注册功效测试305.2.4信息评论功效测试315.2.5会员上传动画功效测试325.2.6非空值测试335.3 测试结论33结 论34参考文件35附 录36后 记38摘 要动漫交流网站建设是为了将杂乱无章信息(包

4、含文字、图片、动画影片)经过组织以后,合理有序地展现在动漫爱好者面前而设计一个动漫网站管理系统。本网站作为动漫爱好者获取信息和交流一个平台,满足了用户基础需要,提供了用户在线交流场所,实现了高效动态信息交换。系统分为网站信息展示界面和信息管理界面两部分,其中展示界面关键用于用户对动漫信息资源进行浏览,经过注册登录能够评论、上传和下载动漫资源;管理界面关键用于管理展示界面动漫资源和网站维护,关键实现了站内新闻、漫画、动画等相关信息管理,用户管理,系统管理等功效。系统采取B/S三层体系结构,SQL Server 作为数据库服务器,IIS作为测试服务器,并结合开发系统需求特点,确定了系统业务步骤,完

5、成了系统总体功效设计和具体功效设计,并进行了系统测试,运行良好。关键词:动漫交流网站;B/S;信息管理ABSTRACTAnimeintercoursewebsitehas beenconstructed aiming to the ordered information (inclu- dingtext,picture,cartoon)organizedtopresentinfrontofAnimefans inareasonnable andord- erly, and design amanagementsystem. This website serves as a platform o

6、n which animation fans can get information and communicate each other. In addition, it meets the basic needs of users, provides users an online exchange place and achieves a dynamic and efficiently exchange of information.The system is divided into two parts: information display interface and inform

7、ation management interface. The information display interface is mainly used for the users to browse the information of the Anime resources. Users can comment, upload and download anime resources through registering and logging in. While information management interface is for administrators to mana

8、ge and maintain animation resources of information display interface, and it is primarily achieve station news, comics, animation, user management, system management, and other functions.System uses B / S three-tier architecture, SQL Server as the database server, IIS as a test server, taking into a

9、ccount of the needs characteristics of developing system, and determined the systems business processes, and ultimately completed the overall system design and detailed functional design features, and carried out system testing, running well.Key words: Animecommunicatewebsite; B/S; Information manag

10、ement第1章 绪论1.1课题开发背景及意义世界因Internet出现而在逐步改变,网络经济雏形所以而形成,因为Internet含有信息容量大、方便快速、形态多样、覆盖全球等特点,直至今日已发展成为信息传输关键载体,所以几乎全球各个企业、机构纷纷建立自己Web站点。Internet信息资源庞大、图文互动、高速高效特点给传统设计媒体带来了巨大冲击,再加上网络经济对设计行业影响,由此而产生了一个新设计领域网站设计。动漫产业作为中国发展中产业,网站设计技术发展推进了该产业传输,使得各类动漫网站纷纷崛起,为广大动漫爱好者带来了很多便利。本课题设计是一个以动漫为专题动漫交流网站,以信息公布、分享为关键

11、目标。经过公布部分相关动漫信息、图片和动画等为有一样喜好大家提供一个分享空间。同时访客用户能够在网站中剧情交流上发表自己见解和可供共享信息,使大家在获取信息同时,还能够发表自己感受。在现在网络高速发展时代,公布信息和分享爱好已成为大多网站设计关键目标。1.2课题研究现实状况和发展趋势具相关统计,中国大部分网民年纪大多不超出40岁,在此年纪段中年轻网民最为感爱好资源中,动漫资源是位列前茅。然而,现在大部分最新动漫资源全部不是集中公布于某一个网站,所以要浏览这些对应资源还是需要花部分心思。并没有一个具体网站能够为动漫迷们提供集中最新资讯,而且很多动漫网站并不能公布动漫资源。因为看到网络动漫蕴含无限

12、发展潜力,门户、综合类、游戏、娱乐等各类网站,纷纷建设动漫、动画、卡通等相关频道,极力发展关键是动漫作品、动漫图集等资源。这些网站起步早、技术强,综合实力全部远超动漫网站,最关键是已经有了很好赢利模式,能够有资金和人力来发展动漫板块。良好技术支持,强大内容管理系统,人力资源充足,再加上网站已经有大量人气和现成易用宣传推广平台,很快就能够从专业动漫网站中抢走人气和流量。本文在分析了中国外动漫网站发展现实状况以后,从动漫网站获取动漫信息便捷程度着手,关键叙述了在现今网站设计技术发展下,怎样实现动漫信息集中化管理和公布动漫资源做出了探讨。依据网站功效需求,完成用户轻易了解和网站交互,使用户很轻易找到

13、所需信息和公布资源方法,从而取得愉快体验感受。1.3课题开发所用技术和关键工具1.3.1B/S结构介绍B/S结构,即Browse/Server(浏览器/服务器)结构,就是只安装维护一个服务器(Server),而用户端采取浏览器(Browse)运行软件。它是伴随Internet技术兴起,对C/S结构一个改变和改善。关键利用了不停成熟WWW浏览器技术,结合多个Script语言(VBScript、JavaScript等)和ActiveX技术,是一个全新软件系统结构技术。在B/S体系结构系统中,用户经过浏览器向分布在网络上很多服务器发出请求,服务器对浏览器请求进行处理,将用户所需信息返回到浏览器。而其

14、它如数据请求、加工、结果返回和动态网页生成、对数据库访问和应用程序实施等工作全部由Web服务器完成。伴随Windows将浏览器技术植入操作系统内部,这种结构已成为当今应用软件首选体系结构。显然B/S结构应用程序相对于传统C/S结构应用程序是一个很大进步。1.3.2SQL Server 数据库SQL Server 是一个关系数据库管理系统。它覆盖了联机事务处理OLTP(Online Transaction Processing)技术和联机分析处理OLA(Online Analytical Processing)技术,和在它们之间大部分内容,包含了微软企业全部旗舰数据库产品。五年多开发,SQL S

15、erver 和其先前版本技术完全不一样。SQL Server 是一个全方面数据库平台,使用集成商业智能工具提供了企业级数据管理。SQL Server 数据库引擎为关系型数据和结构化数据提供了更安全可靠存放功效,使您能够构建和管理用于业务高可用和高性能数据应用程序。SQL Server 数据引擎是本高校开放式试验室管理系统处理方案关键1。1.3.3Dreamweaver8介绍Dreamweaver是美国MACROMEDIA企业开发集网页制作和管理网站于一身所见即所得网页编辑器,它是第一套针对专业网页设计视觉化网页开发工具,利用它能够轻而易举地制作出跨越平台限制和跨越浏览器限制充满动感网页,在该系

16、统中使用是最新Dreamweaver8。它集网页设计、网站开发和站点管理功效于一身,含有可视化、支持多平台和跨浏览器特征。首先,Dreamweaver8含有灵活编写网页特点,不仅将世界一流“设计”和“代码”编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户依据自己需要定制用户界面,而且它可视化编辑界面更是做得人性化,不仅能够实现界面元素插入和生成,而且确保了其专业性和兼容性。其次,它有强大web站点管理功效和图形编辑引擎,能够轻松地创建美观实用网页。再次,Dreamweaver8有丰富媒体支撑能力,能够方便加入java、flash、ActiveX和其它媒体,尤其是在设计DHTML和CS

17、S时表现得极为出色,它利用JavaScript和DHTML语言代码实现网页元素动作和交互操作。最关键是,Dreamweaver8集成了程序开发语言,对ASP、.NET、PHP、JS基础语法和连接操作数据库操作,全部是完全支持2,所以用Dreamweaver8来架构动漫交流网站。1.3.4ASP技术介绍一个含有高效交互性动漫交流网站离不开ASP技术,Microsoft Active Server Pages 即我们所称ASP,其实是一套微软开发服务器端脚本环境,ASP内含于IIS5.0和6.0之中,经过ASP我们能够结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效WEB 服务

18、器应用程序。有了ASP就无须担心用户浏览器是否能运行你所编写代码,因为全部程序全部将在服务器端实施,包含全部嵌在一般HTML中脚本程序。当程序实施完成后,服务器仅将实施结果返回给用户浏览器,这么也就减轻了用户端浏览器负担,大大提升了交互速度。ASP本身并不是一个脚本语言,它只是提供了一个使镶嵌在HTML界面中脚本程序得以运行环境。ASP中最为常见内置对象和组件以下:1Request对象:用来连接用户端Web页(.htm文件)和服务器Web页(.ASP文件),能够获取用户端数据,也能够交换二者之间数据。2Response对象:用于将服务端数据发送到用户端,可经过用户端浏览器显示,用户浏览界面重定

19、向和在用户端创建cookies等方法进行。该功效和Request对象功效恰恰相反。3Server对象:用于提供服务器方法、属性存取。4Application对象:它是个应用程序级对象,用来存放全部用户间共享信息,并能够Web应用程序运行期间持久地保持数据。假如不加以限制,全部用户全部能够访问这个对象。5Session对象:它为每个访问者提供一个标识;用于在一个用户对话(Session)中存放公用信息。6ASP error对象:用于ASP应用程序错误处理。7ObjectContext对象:用于经过Micorosoft Transaction Server(MTS)来提交或终止一项事3。第2章 系

20、统分析2.1系统需求分析需求分析是指要了解用户需求,就软件功效和用户需求达成一致,估量项目代价和评定软件风险,最终形成一个开发计划复杂过程。需求分析关键性就在于它含有方向性、策略性、决议性作用,需求分析是软件定义最终一个阶段,它基础任务是回复“系统必需做什么”问题,而不是确定系统要怎样完成它工作,仅仅是确定系统要完成哪些工作,也就是对目标系统提出具体、清楚、正确、完整要求,在软件开发过程中含有很关键地位。经过相关调查,了解到有90%动漫爱好者查看网页是为了浏览动漫相关信息,第一时间了解动漫动态,快速立即浏览新闻和相关消息,五花八门网上信息,使大家生活丰富多彩,所以动漫网站上要有显示动漫信息模块

21、;多媒体技术迅猛发展对互联网影响极大,它使网站上信息愈加丰富多彩,而不只是单一文本信息,伴随动漫爱好者增加,喜爱自己创作动画人也越来越多,为了使动漫爱好者们有展示才能平台,在线上传动画影片模块必不可少;网页在互联网中应用越来越广泛,使广大网络用户得到了愈加周到和人性化服务,用户交流平台所以成为网站一大特色,交流是在当今信息社会取得最新信息最有效路径之一;当然系统更不能离开信息管理模块,信息模块关键包含站内新闻、动漫节、动漫聚焦、剧情交流等信息,实现功效是对这些信息修改,使网页上信息能够立即更新。2.2其它需求2.2.1非功效性需求除了上述基础需求之外,该系统为了确保其运行长久性、安全性、稳定性

22、和可靠性,还应满足以下需求:1操作简单、界面友好:控件式界面布局,使得信息录入工作方便、快捷。2即时可见:对信息处理(包含查询、添加、修改、删除)能立即在对应版块内显现出来,达成“即时公布、即时见效”功效。3功效完善:系统不仅含有常见系统信息录入、浏览、修改、查询、删除等方面,完整地实现了系统对即时信息管理要求。而且,还能对用户上传和下载相关资源进行管理。4方便移植:系统应含有适用性、实用性和可靠性性。系统界面中所需数据全部存放在数据表中,只要对该文件做部分修改,就能立即在系统界面上实现更新效果,不需要更改系统源代码。5动态管理:对系统数据库实施动态操作,能实现对数据库信息录入、修改、查询、删

23、除数据等。2.2.2系统软、硬件要求本系统采取ASP技术开发,运行于浏览器,采取面向对象编程方法。该系统开发过程,文档应符合软件工程标准,技术符合国际通用标准,数据定义符合国家标准。1软件要求(1)用户机软件要求:操作系统:Windows XP或更高版本。浏览器:IE 6.0以上。(2)服务器软件要求:操作系统:Windows XP Server或更高版本。2硬件要求(1)用户机硬件要求:含有 Pentium III 处理器以上且满足以下要求计算机:最低 512MB 内存,最小 80 GB 硬盘。(2)服务器硬件要求:含有 Pentium III 处理器以上且满足以下要求计算机:最低 512M

24、B 内存,最小 80 GB 硬盘。3Web服务器要求:应用服务器:IIS、COM+等企业级应用服务器。2.2.3数据库要求数据库是指在一个或多个企业组织中,为众多用户服务,在计算上有结果、可运行数据集合,它和传统数据文件大不相同,它不是要面向单个程序,而是要面向整个需求;统计之间是有结构上联络。数据库实现是动态地、有组织存放大量关联数据,方便多用户访问计算机软硬件组成系统;它和文件系统关键区分是数据充足共享,交叉访问,和应用程序高度独立性。基于ASP动漫交流网站开发本质上是一个对数据库进行应用网站系统,采取面向数据开发和设计是正确。其关键功效是对数据采集、存放、加工、传输和应用,也就是数据管理

25、功效。以数据为中心方法是将数据处理分为进行数据维护增、删、改,称为一次处理功效;对数据库存放数据进行加工、处理,称为二次数据处理。抓住这么本质就将管理信息系统复杂关系进行简化、规范,系统设计和开发思绪清楚,可采取数据库管理系统提供各类工具。2.3系统开发目标和方案2.3.1系统开发目标本网站系统设计是一个以动漫为专题动漫交流网站,以信息公布、分享为关键目标。要求网站含有界面简练、更新快速、视频流畅、交流方便等特点。为了实现这些功效要求,让网站运行地更有效率,现提出以下系统开发目标。1网民浏览网页,信息展示界面显示动漫多个信息。2管理员对动漫信息添加、修改、删除和查询,而且实时显示于信息展示界面

26、。 3对不一样信息管理界面用户分配不一样权限,能够实施不一样权限操作。 4超级管理员能够对一般管理员进行管理,包含添加和删除管理员功效。5注册用户能够上传动画和下载动画。6系统最大程度地实现易维护性和易操作性。7系统运行稳定、安全可靠。2.3.2系统开发方案作为一个动漫交流网站,信息互动性将是设计该网站关键目标,信息展示界面要求不仅要美观而且还要含有艺术性。网站运行时,网站浏览者只能看到界面信息,而管理者需要着重管理网站信息管理界面,所以该网站设计关键有两个步骤。先用photoshop制作网站信息展示界面,再在dreamweave8里面编辑代码;在制作程序时又分为两步,先把浏览者要看到程序设计

27、出来,然后依次写出每个对应程序,测试成功后,再编辑信息管理界面程序。本系统设计思绪,先是界面设计:采取了蓝色为主基色,给人以清新感觉,网站所用图片也是简练美观图片,这么设计让人看着尤其舒适。再是程序设计:依据软件工程开发步骤设计该系统,本动漫交流网站使用ASP技术,基于WINDOWS开发平台,选择SQL Server数据库开发和设计,完全能满足本系统网站设计要求。2.4系统可行性分析在对系统目标和环境精心分析基础上,从经济可行性和技术可行性两个方面对本系统进行可行性研究。2.4.1经济可行性服务器端安装很简单,用户机端也无需再安装任何软件,经过浏览器就能够访问,不管身在何处,只要能够访问互联网

28、就能够使用本系统。2.4.2技术可行性1开发软件可行性动漫交流网站设计和开发,从数据库开发管理软件来看,对于相关数据库系统,关键基于ASP技术开发B/S结构,在数据库方面采取SQL Server,是实际应用中一个处理方案。2开发硬件可行性本系统对计算机硬件环境有一定要求,对计算机操作系统、内存、主频、外设等全部有最低要求,假如低于这个要求将影响到本系统正常运行。本系统在原有计算机硬件基础上不需要任何改变即可满足系统运行。由以上两方面分析能够看出,本系统开发时机已经成熟,从多个角度考虑开发此系统全部是可行,而且也是十分必需。第3章 系统总体设计和数据库设计3.1 系统总体设计动漫交流网站是由信息

29、展示界面和信息管理界面两大部分组成。信息展示界面功效关键包含动漫首页、站内新闻、在线留言、漫画信息、动画展示、动漫聚焦、动漫节信息、剧情交流、和部分热门动漫网站链接。信息管理界面功效关键包含系统用户管理、站内新闻管理、漫画、剧情交流管理、动画展示管理、动漫节管理、动漫聚焦管理、系统管理、退出管理界面。依据系统总体设计,设计出对应步骤,系统总体步骤图图3-1所表示。图3-1系统总体步骤图3.1.1信息展示界面功效模块首页是一个网站起点,它展示了网站整体风格,能否吸引用户首页起着关键作用。站内新闻、动漫节信息、漫画信息、动漫聚焦等模块关键用于显示部分相关动漫信息,便于用户浏览;剧情交流则为广大漫迷

30、提供了能够自由发表言论平台;动漫展示是为喜爱看动漫和制作动漫人准备,因为现在喜爱观看动漫和制作动漫人快速增加,能够让有才华和爱好人得到展示平台;在在线留言模块中动漫爱好者能够对网站提出意见和要求,使得网民能够参与动漫网站建设;友谊链接模块为用户进入热门网站提供入口,快速链接到其它相关动漫网站并获取动漫资源;站内搜索模块为用户提供了一个快速浏览信息渠道,方便用户查找和浏览其感爱好信息。网站信息展示界面系统功效模块图图3-2所表示。图3-2信息展示界面功效模块图3.1.2信息管理界面功效模块对于管理该网站管理员来说,首先应进行管理员登录,然后系统自动验证管理员信息,验证成功后才会进入管理员界面,在

31、信息管理界面中,管理员能够添加、修改、删除网站上信息。系统用户管理模块实现对注册用户信息审核、修改、删除等功效,并实现超级管理员添加一般管理员和管理员能够修改自己密码等功效;站内新闻管理、剧情交流管理、动漫节管理、动漫聚焦模块是对在信息展示界面公布部分相关动漫信息和用户评论信息进行管理,实现了信息添加、删除、修改等功效;动画展示管理能够上传动画文件和修改动画文件;系统管理模块实现管理员对信息展示界面留言能进行回复和删除功效,对友谊链接进行添加和删除功效,对公告信息进行立即更新等功效。信息管理界面系统功效模块图图3-3所表示。图3-3信息管理界面功效模块图3.2 数据库设计3.2.1数据表概要说

32、明在数据库aspdongmanshfw中含有10张数据表,包含用户表、信息表、友谊链接表等,具体描述如表3-1所表示。表3-1数据表概要说明表名称表代码表功效说明用户表allusers存放网站管理员信息信息表allgonggao存放网站文章信息友谊链接表youqinglianjie存放网站友谊链接动画展示表donghuazhanshi存放网站中动画片网站公告表dx存放网站首页公告信息评论表pinglun存放用户对网站信息评论留言表liuyanban存放用户留言动漫聚焦表tukujujiao存放动漫焦点信息用户注册表yonghuzhuce存放网站注册用户信息漫画信息表manhuaxinxi存放网

33、站漫画图片和信息3.2.2关键数据表表结构设计因为系统数据表较多,下面只介绍了系统关键数据表表结构。1用户表(allusers)用户表关键用于存放网站管理员信息,Username字段用于存放管理员名称;Pwd字段用于存放管理员密码;Cx字段用于存放管理员操作权限;Addtime字段用于存放超级管理添加一般管理员时添加时间,用户表结构如表3-2所表示。表3-2用户表字段名类型不许可空描述IDint是编号Usernamevarchar(50)否用户名称Pwdvarchar(50)否用户密码Cxvarchar(50)否用户权限Addtimedatatime否添加时间2友谊链接表(youqinglia

34、njie)友谊链接表关键用于存放动漫热门网站名称和地址。Addtime字段用于存放每个网站链接添加时间;wangzhi字段用于存放链接网站网址,网站链接添加时间和网址不会显示在网站首页,首页只显示链接网站名称。友谊链接表结构如表3-3所表示。表3-3友谊链接表字段名类型不许可空描述IDint是编号wangzhanmingchengvarchar(50)否友谊链接名称wagnzhivarchar(50)否友谊链接地址Addtimedatatime否添加时间3信息表(allgonggao)网站信息表关键用于存放网站中公布文章,包含站内新闻、剧情交流和动漫节信息三方面文章标题、内容、分类等。因为信息

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

36、me否文章公布时间4留言表(liuyanban)留言表关键用于存放用户留言信息,包含用户昵称、留言标题和留言内容等,biaoqing字段用于存放用户在留言时选择网站提供表情图片;hf字段用于存放管理员回复内容,留言表结构如表3-5所表示。表3-5留言表字段名类型不许可空描述IDint是编号nichengvarchar(50)否昵称biaoqingvarchar(10)否表情图标Biaotivarchar(100)否留言标题neirongvarchar(300)否留言内容addtimeAddtime否添加时间hfvarchar(100)否管理员回复5动画展示表(donghuazhanshi)动画

37、展示表关键用于存放相关动画信息和文件,包含动画名称、介绍、公布人等信息,suoluetu字段用于存放和每个动画相关联图片,此图片是动画播放时某个片段截图;dhyswj字段用来存放动画压缩文件,方便用户下载动画;网站动画文件能够是网站会员上传也能够是管理员上传,为了标明动画文件起源和上传时间,所以用faburen和addtime两个字段分别存放动画文件公布人和公布时间,动画展示表结构如表3-6所表示。表3-6动画展示表字段名类型不许可空描述IDint是编号donghuamingchengvarchar(300)否动画名称contenttext否动画介绍suoluetuvarchar(50)否动画

38、缩略图donghuawenjianvarchar(50)否动画文件dhyswjvarchar(50)否动画压缩文件faburenvarchar(50)否公布人addtimedatetime否公布时间第4章 系统具体设计和实现动漫交流网站系统由管理员添加或删除动漫资源,动漫爱好者凭借浏览网页浏览网站动漫资源,经过用户注册并经过管理员审核成为网站会员后,可对网站部分资源进行评论、上传和下载,还能够深入完善个人信息;全部用户全部能够经过在线留言功效提出对网站意见和提议,管理员也能够对留言进行回复和删除等操作,下面对网站信息展示界面功效和信息管理界面模块设计和实现进行具体介绍。4.1 系统首页系统首页

39、是浏览者打开一个网站后第一眼看到网页,网站能不能吸引浏览者,在很大程度上取决于首页做得怎么样。首页包含内容即使丰富但不杂乱,色彩搭配要合理,整体风格要独特。系统首页界面文件为index.asp,在首页中能够看到网站导航栏,网站公布最新公告,最新漫画信息和其它信息,和链接部分热门网站,还能够依据信息类别,经过站内搜索功效快速查找信息,系统首页运行界面图4-1所表示。图4-1 网站首页运行界面在index.asp文件中,还链接了三个文件qtleft.asp、qttop.asp和qtdown.asp,分别用来处理首页左侧、顶部和底部显示内容。在首页中显示动漫节信息sql语句代码以下:sql=sele

40、ct top 7 id,title,addtime from allgonggao where leibie=动漫节 order by id desc4.2 网站导航导航是网站设计必不可少基础元素之一,它不仅是信息结构基础分类,也是浏览者网站路标,就像一本杂志或书目录一样,但比杂志或书目录更为关键,因为杂志我们能够一页一页从头向后翻,而网页却不能够,只有有了明晰、清楚导航,才能让浏览者知道自己浏览网站具体位置。在网页上方有10个链接,包含站内新闻、在线留言、动画展示等。当单击对应链接时,就会进入到对应内容界面,网站导航设计界面图4-2所表示。图4-2网站导航设计界面图4.3 用户注册模块用户注

41、册模块功效是统计用户基础信息,其中包含用户名、密码、姓名、性别、电话、邮箱、身份证、QQ、地址、头像、备注等。在注册用户信息时,若填写不正确,当单击“注册”按钮时,会出现对应提醒信息,比如邮箱格式不正确时,会提醒“对不起,您输入邮箱地址格式错误”;电话号码位数不正确时,会提醒“对不起,请输入8位或11位电话号”等,用户注册程序步骤图图4-3所表示。图4-3用户注册步骤图用户注册后可为用户评论网站信息做准备,只有注册成功并经过管理员审核后才可对相关内容进行评论。用户登录时,只要正确输入用户名和密码,就能够登录系统,用户注册设计界面图4-4所表示。图4-4用户注册设计界面图4.4 系统用户管理模块

42、系统用户管理模块实现功效是管理网站用户信息,网站用户有分为会员、一般管理员和超级管理员三类,所以此模块包含管理员用户管理、注册用户管理和个人密码管理三个子模块。1 管理员用户管理模块此模块是为了超级管理员实现添加和删除一般管理员而设计模块,其它管理员没有此权限。若一般管理员单击“管理员用户管理”按钮,系统提醒“对不起,您没有该权限”,实现此功效关键代码以下:if session(cx)超级管理员 thenresponse.Write(javascript:alert(对不起,您没有该权限);history.back();)response.end()end if2 注册用户管理模块此模块功效用

43、于管理员管理注册用户基础信息,注册用户只有经过管理员审核后才能够登录,管理员能够修改和删除会员基础信息,管理注册用户界面图4-5所表示。图4-5注册用户管理设计界面图3 个人密码管理模块此模块功效是用于管理员修改密码,超级管理员在添加一般管理员时,会设置一个初始密码,这个密码不一定是一般管理者熟悉,为了一般管理员能够熟记自己密码,一般管理员在登录到信息管理界面时,就能够选择是否修改密码,当然超级管理员也能够修改自己密码。4.5 站内新闻模块4.5.1新闻展示界面设计动漫信息几乎是全部动漫爱好者和动漫专业人员所关注,大家能够从中获知最新动漫动态,动漫信息也是大家闲暇之余闲谈话题。网站动漫信息关键

44、包含站内新闻、动漫节信息和剧情交流三方面,所以这三方面信息设计界面相同,下面以站内新闻为例进行介绍。站内新闻关键功效是公布动漫新闻,包含中国动漫新闻和国际动漫新闻,动漫信息、关键包含显示信息列表、显示信息内容两个部分。单击“站内新闻”按扭,进入新闻界面,界面中会显示新闻标题、上传时间和新闻点击率,站内新闻设计界面图4-6所表示。图4-6站内新闻设计界面图单击站内新闻列表中新闻标题进入该标题下新闻内容界面,浏览此条新闻具体内容,站内新闻具体内容界面图4-7。图4-7站内新闻具体内容图4.5.2新闻管理界面设计站内新闻信息经过信息管理界面中站内新闻管理模块来管理。管理员登录后选择“站内新闻管理”模

45、块下功效,实现对新闻信息修改、添加和删除功效,站内新闻修改设计界面图4-8所表示。图4-8站内新闻修改设计界面图修改后单击“修改”按扭,系统提醒“”修改结果,还能够经过单击文本域上面图标能够改变文章格式,包含改变文字段落样式、字体和字号等。4.6 在线留言模块4.6.1留言展示界面设计作为一个关键以信息公布为主动漫交流网站,用户浏览网站信息时,会产生一定想法和意见,假如用户对动漫节信息十分感爱好,期望网站能够更具体公布部分相关动漫节信息提议等,在线留言模块就能够存放这些来自于用户对网站需求和提议,使用户能够参与到网站建设中来,实现了管理员和用户之间互动,使网站信息愈加丰富,愈加好地服务于用户,

46、在线留言设计界面图4-9所表示。4.6.2留言管理界面设计在线留言信息经过信息管理界面中留言管理模块来管理。管理员登录后单击“系统管理”模块下“留言管理”模块,进入已经有留言列表界面,管理员能够查看到留言内容,若是恶意留言,则选择删除功效将其删除,不然选择回复功效进行回复,使用户得到信息回馈,在线留言管理设计界面图4-10所表示。图4-9 在线留言设计界面图图4-10 在线留言管理设计界面图4.7 漫画信息模块4.7.1漫画展示界面设计漫画信息模块关键功效是让用户了解到最近出版了哪些漫画,使用户能立即了解到漫画动态。用户经过这个模块能了解到漫画关键信息,还能够经过查询方法快速找到感爱好漫画信息。网站每隔一段时间会更新漫画信息,其中最新添加后四个漫画信息会显示在首页,以最新漫画信息形式展示在首页,单击“漫画信息”按扭,进入漫画信息界

展开阅读全文
相似文档                                   自信AI助手自信AI助手
猜你喜欢                                   自信AI导航自信AI导航
搜索标签

当前位置:首页 > 考试专区 > 中考

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        获赠5币

©2010-2024 宁波自信网络信息技术有限公司  版权所有

客服电话:4008-655-100  投诉/维权电话:4009-655-100

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :gzh.png    weibo.png    LOFTER.png 

客服