《个人网站设计毕业论文.doc》由会员分享，可在线阅读，更多相关《个人网站设计毕业论文.doc（34页珍藏版）》请在三一文库上搜索。
1、个人网站设计摘要随着计算机技术、网络技术的发展和普及，Internet的迅速发展和广泛应用，将分布在世界各地的计算机系统及网络用户连接在一起。Internet是目前世界上最大的计算机互联网络，它遍布全球。今天，我们几乎可以在网络上找到我们想要的任何资料。随着时代的发展，计算机和数据库技术也在进行着日新月异的发展，网络已经成为人们生活中不可缺少的一部分，也正在改变着我们日常生活中情感交流、人际交往等生活方式。而各类网站是人们交流和信息传播的主要渠道，所以网站建设也越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计和应用，日益被网站建设者所注重。随着网络应用领域的扩大，现在出现了各种各样的网站
2、系统和各种软件与开发工具，是现今时代信息处理、传播和交流的主要手段。为此建设一个个人网站是很有必要的。该网站的设计与实现是基于ASP.NET平台，网站主要由用户登录、主界面和后台管理三大模块组成，实现了一般网站应具有的功能，在确定网站功能模块的基础上进行详细设计，并按照功能概述对数据库设计、关键技术和模块的具体实现进行了详细介绍。本文介绍了如何开发个人网站。首先介绍开发工具ASP，HTML等技术，然后详细讲解了个人主页的制作。关键字 个人主页；HTML技术；ASP.NET；设计 Website Design and ImplementationAbstract With the develop
3、ment of computer technology, the development and popularization of network technology, the rapid development of Internet and extensive application, will be distributed in the world of computer system and network users connect together. Internet is currently the worlds largest computer network, it sp
4、read all over the world. Today, we almost can be found on the Internet we want any information. With the development of the times, the computer and the database technology is also a change rapidly development, the network has already become an indispensable part of peoples life, also is changing our
5、 daily life emotional communication, interpersonal and lifestyle. And various types of websites is the exchange and dissemination of information on the main channel, so the website construction is more and more close to an art is not just a technology. The art of webpage design and application, site
6、 builders are increasingly attention.Along with the network application of the expansion of the field, there is now a variety of sites and a variety of software systems and development tools, is now the era of information processing, transmission and the main means of communication. Therefore the co
7、nstruction of a personal web site is very necessary. The design and implementation of a website is based on the ASP.NET platform, website mainly by the user login, the main interface and backstage management three modules, the realization of the general site should be functional, in determining the
8、site of functional modules based on the detailed design, and in accordance with the function of database design, key technology and the realization of introduced in detail. This paper introduced how to develop individual website. First introduces the development tools of ASP, HTML and other technolo
9、gies, and then expounds the personal homepage making.KeyWords personal home page; HTML technology; ASP.NET; design目录第1章绪论51.1系统设计相关原理51.2ASP简介61.2.1运行ASP所需的环境71.2. 2 ASP的特点71.2.3 ASP的工作原理71.2.4 ASP动态网站的运行条件71.3Access2003简介81.3.1 Access的特点81.3 .2数据库81.4 Dreamweaver CS3简介91.5 IIS 的配置与使用91.6硬件的基本要求111.
10、7软件的基本平台11第2章系统的可行性与要求分析122.1对系统的可行性研究122.2 需求分析的任务122.2.1对网站系统运行的要求12第3章 ASP对数据库的操作113.1网站管理系统的工作模式113.2个人网站管理系统的构建11第4章系统模块分化114.1数据库的物理设计114.2系统数据流程图和数据查询124.3系统功能流程图：13第5章 系统功能实现145.1 系统主页145.2主界面展示155.3后台系统的设计与实现175.3.1管理员登录窗口的设计:175.3.2 心情日记的设计与实现215.3.3相册管理225.3.4网站管理22第6章 系统的测试23结论25致谢语25参考文
11、献2734第1章 绪论Dreamweaver对ASP网页的设计提供了很多的支持，无论是网页的创建还是数据库的设计，都可以很方便的完成，ASP网页开发人员几乎不用编写任何程序代码，就可以用Dreamweaver快速创建具有具有各种功能的网页形态。然而许多深入的细节依然需要通过编写代码来完成。Dreamweaver和ASP在某种程度上来讲是相辅相成缺一不可的，我的个人网站就是用Dreamweaver和ASP来完成的。在本网站中来访者可以浏览相关的信息，管理员通过网站后台管理系统可以直接进行管理操作，能实现网站的在线更新、修改、等各项功能。用Dreamweaver和ASP就可以完成网站的基本框架了，
12、但是要使网站美观大方，还得利用一些辅助软件，如Photoshop、美图秀秀、Flash等。 动态网站，是指WEB服务器能够通过HTML表单收集用户的信息，用户也可以通过网页获得自己想要的信息的网站，一般使用数据库技术，网站维护更新方便。由于本人的知识水平有限，经验不足，所以所制作出来的网站作品有许多的不足和漏洞，希望老师提出宝贵意见并给以一定的指导。1.1 系统设计相关原理目前，网络应用软件运行的模式主要有二类：Client/server（客户机/服务器）模式，Browser/Web（浏览器/服务器）模式。前者主要的缺点是维护、升级较麻烦，后者是近几年伴随Internet迅速发展起来的一种技术
13、，它与客户/服务器方式类似，客户端是一个标准的浏览器，服务器端是Web Server ，而Web Server与数据库和应用服务器的紧密结合，使得这种模式的应用范围不断扩大，它已不仅仅用于网上查询，有很多部门的业务系统、企业的MIS系统（管理信息系统-Management Information System，主要指的是进行日常事物操作的系统）纷纷采用这种模式，它的主要优点是便于扩充应用、升级维护。另外，个人网站的相关信息也必将不断的更新；同时软件产品本身就要经过一个不断自我完善的过程。基于上述考虑，用Browser/Web模式来设计网站系统比较合适，服务器端我们采用Access数据库系统和A
14、SP组件来构成考试的应用服务系统；客户端采用浏览器来完成，同时可进行在线交流。利用网络和数据库技术，结合目前硬件价格普遍下跌与宽带网大力建设的有利优势，应用Active Server Page技术(ASP) 是服务器端的脚本编写环境，您可用它来创建动态 Web 页或生成功能强大的 Web 应用程序。ASP 页是包括 HTML 标记、文本和脚本命令的文件。ASP 页可调用 ActiveX 组件来执行任务，例如连接到数据库或进行商务计算。用ASP可以有效的完成动态网页，动态网页以数据库为基础，可以大大降低网站维护的工作量；采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、用户管理等等
15、；动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。通过 ASP，可为您的 Web 页添加交互内容或用 HTML 页构成整个 Web 应用程序，这些应用程序使用 HTML 页作为您的客户界面，我综合应用了基于B/S模式和动态网页这一特点。它运用方便、操作简单，外观美观大方。该个人网站主要实现个人相关信息的展示与交流。主要功能有：文章发表，日记发表，网上相册，在线音乐，相关链接，留言薄，备忘录，管理员后台管理等等。1.2 ASP简介ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种
16、应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点：（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；（3）服务器上的ASP解释程序会在
17、服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；（5）ASP可以使用服务器端ActiveX组件（是一个存在于 WEB 服务器上的文件，该文件包含执行某项或一组任务的代码，组件可以执行公用任务，这样就不必自己去创建执行这些任务的代码。例如，股票行情收报机组件可以在 Web 页上显示最新的股票报价。当你在 WEB 服务器上安装完 ASP 环
18、境后，就可以直接使用它自带的几个常用组件，如 Database Access 组件）；1.2.1 运行ASP所需的环境要浏览ASP文件必须经过服务器解析才能够浏览得到。如果是将asp文件上传到支持asp的服务器，那就能够直接浏览。但是如果是在本机上面，那就必须将自己的电脑设置成为服务器。我们单机并不需要设置成为局域网，只需要设置成为单机服务器就可以。 ASP运行所需的环境如下： Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server Microsoft Peer Web Services Versio
19、n 3.0 on Windows NT Workstation Microsoft Personal Web Server on Windows 95/98 也就是说我们经常所使用的window95/98/2000/XP都可以运行asp，只需要将其设置为单机服务器就行了。 归结一点：window95/98，需要安装PWS；window2000/XP,需要安装IIS（Internet Information Services-互联网信息服务，是由微软公司提供的基于运行Microsoft Windows的互联网基本服务）才能发挥其asp的作用。1.2. 2 ASP的特点（1）利用ASP可以突破静态
20、网页的一些功能限制，实现动态网页技术；（2）ASP文件是包含在ASPhtml代码所组成的文件中的，易于修改和测试；（3）服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以html格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从Web浏览器中获取用户通过html表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；（5）由于服务器是将ASP程序执行的结果以html格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可以防止程序代码被盗取；
21、（7）使用VBScript,JavaScript等简单易懂的脚本语言，结合html代码，即可快速的完成网站的应用程序设计；（8）可以使用常规文本编辑器，如记事本，即可进行编辑设计；1.2.3 ASP的工作原理（1）用户在浏览器的地址栏中输入ASP文件名称，并回车触发这个ASP请求；（2）浏览器将申请发送到IIS的web服务器；（3）web服务器接收这些申请并根据“.asp”的后缀名识别这是ASP文件；（4）Web服务器从当前硬盘或内存中，读取正确的ASP文件；（5）web服务器然后将它送回用户浏览器；1.2.4 ASP动态网站的运行条件（1）必须要有IIS（Internet信息服务）服务器；（
22、2）服务器要安装数据库32位ODBC的驱动程序；（3）服务器端需安装数据库开发程序如Access2003、SQL Server2003等；（4）为了保证网站的可视化开发，还需安装网页制作软件如Dreamweaver CS3;1.3 Access2003简介Access 2003支持Microsoft Windows XP的主题功能，从而为窗体提供一致的设计风格。查看相关信息：快速查找依赖特定数据库对象的表、查询、窗体或报表。帮助消灭错误：新的错误检查功能能够标记出窗体和报表中的常见错误，使得可以比以前更快地测试和修复错误。标记出错误后，您在纠正错误的过程中可以有的放矢，这样不但能够节省时间，而
23、且有助于创建更准确的窗体和报表。自动更新属性：更改表中的字段属性后，有控件绑定到该属性的所有窗体或报表都可以被自动更新。使用功能强大的方式分析信息：Access 2003允许将控件拖到Access窗体上，来创建Microsoft PivotTable或Microsoft PivotChart视图或电子表格。轻松备份信息：在Access 2003中，现在可以将正在使用的数据库的副本保存到其他位置。查找您需要的帮助：从“Getting Started”(入门)和“Help”(帮助)任务窗格，您可以访问Microsoft Office Online Web站点上的Microsoft Office O
24、nline Assistance(Microsoft Office联机帮助)。它提供根据其他用户的请求和问题而定期更新的帮助文章。这些任务窗格中的某些功能需要使用Internet连接。1.3.1 Access的特点Access是 Microsoft Office 的一个组件，一个前后台结合的数据库“软件”。 也就是说Access既拥有用户界面（VB可以用来开发用户界面）；也拥有逻辑、流程处理，即VBA语言（VB也可以用来做逻辑处理）；又可以存储数据，即在“表”中存储数据。而所有这些都存储在一个 MDB 格式的文件中（当然，也可以是 MDE 等格式）。 Access是一个面向对象的、采用事件驱动
25、机制的小型关系数据库管理系统。在Access中，用户可以根据实际需要对数据进行分类，然后使用表对象分别存储每一种类型的数据，并建立起不同类型数据之间的关系，供报表使用。此时，每条信息仅在一处存放，减少了冗余数据的产生，节省了宝贵的存储空间，同时也加快了更新数据的速度。在Access数据库中，任何有名字的事物都可以称之为对象。Access使用了与Windows 一致的风格，采取面向对象的方式，完成数据库的各种功能。极大地简化了用户的开发工作。 为了便于使用，Access的每个对象都为用户提供了设计器和生成向导。用户可以在设计器中设计生成对象，或对生成的对象进行编辑；用户也可通过生成向导方便快速的
26、生成一个完备的对象。1.3 .2数据库数据库是“按照数据结构来组织、存储和管理数据的仓库”。在经济管理的日常工作中，常常需要把某些相关的数据放进这样的“仓库”，并根据管理的需要进行相应的处理。例如，企业或事业单位的人事部门常常要把本单位职工的基本情况(职工号、姓名、年龄、性别、籍贯、工资、简历等)存放在表中，这张表就可以看成是一个数据库。有了这个数据仓库我们就可以根据需要随时查询某职工的基本情况，也可以查询工资在某个范围内的职工人数等等。这些工作如果都能在计算机上自动进行，那我们的人事管理就可以达到极高的水平。此外，在财务管理、仓库管理、生产管理中也需要建立众多的这种数据库，使其可以利用计算机
27、实现财务、仓库、生产的自动化管理。 J.Martin给数据库下了一个比较完整的定义：数据库是存储在一起的相关数据的集合，这些数据是结构化的，无有害的或不必要的冗余，并为多种应用服务；数据的存储独立于使用它的程序；对数据库插入新数据，修改和检索原有数据均能按一种公用的和可控制的方式进行。当某个系统中存在结构上完全分开的若干个数据库时，则该系统包含一个“数据库集合”。了解了数据和数据库的概念，下一个问题就是如何科学地组织和存储数据，如何高效地获取和维护数据完成这个任务的是一个系统软件数据库管理系统，其功能有数据定义功能、数据组织存储和管理、数据操纵功能、数据库的事务管理和运行管理、数据库的建立和维
28、护功能。1.4 Dreamweaver CS3简介Dreamweaver CS3是有Adobe公司在并购acromedia之后推出的最新版本，它是一款专业的web站点开发软件，可用于web站点、web页和web应用程序的设计、编码和开发工作。在业界通常将Dreamweaver Flash、Fireworks称为网页三剑客。将各种网页制作的相关工具紧密联系起来是Dreamweaver系列的一大亮点，同时良好的插件体系，使Dreamweaver CS3可通过第三方插件进行补充。另外，Dreamweaver CS3还为开发人员提供了动态语言支持与丰富的模板。Dreamweaver CS3在功能强大与
29、易用性之间具有很好的平衡，使用Dreamweaver CS3可以有效地提高web开发的工作效率。在Dreamweaver CS3中提供了大量的CSS模板与代码块，开发人员可以依据这些模板和代码块快速建立基于CSS修饰的页面。同时Dreamweaver CS3对CSS的管理也进行了增强，可以方便地将CSS代码在外部文档与页面之间进行移动，使用CSS免去了修改网页中某一处的样式而在源代码中苦苦寻觅的烦恼，可以达到一处变动全站都变的效果，及大地提高了工作效率。1.5 IIS 的配置与使用使用Windows XP Professional来架设自己的Web站点。你需要安装同操作系统一同发布的Inter
30、net Information Services（IIS）5.1。IIS 5.1是客户端使用的Web服务器。 当你首次设置Windows XP Pro时，IIS不会被默认安装。如果要在以后添加客户端Web服务器，首先将Windows XP Professional CD放入CD-ROM。然后单击Start | Control Panel | Add or Remove Programs。单击如下对话框左侧的Add/Remove Windows Components图标。在Windows Components Wizard中，单击Internet Information Services （II
31、S）选项框，如图11所示。 图11：检查（IIS）并对Windows XP Professional添加此组件。图11 IIS的配置安装完成之后建立一个虚拟目录图12 建立虚拟目录在对网站的设计之后，index右键-浏览，就可以浏览设计的网站了1.6硬件的基本要求对于硬件的要求，目前的个人电脑基本上都符合这个程序的浏览与运行，就是说浏览器端的电脑，目前只要是上得了Internet的就可以了，这个也是体现了ASP的好处，浏览端只是提出一个要求，服务端根据浏览器的要求得到答案，并返回给浏览端，服务器端的电脑硬件的要求，基本上是可以运行Windows XP就可以了。1.7软件的基本平台软件平台需要服
32、务器上的操作系统为我的电脑安装的是microsoft windows XP professional。所以软件平台需要在服务器上安装IIS，建立虚拟目录，使用的浏览器是微软的Explorer，网站的数据库使用的同样是microsoft的Access数据库，同时access数据库结构比较的简单，使用起来比较简单好用。软件环境：Windows XP；IIS ；Access 2003 ；Dreamwear CS3这套管理软件是基于B/S结构,本地服务器,由ASP作为前台的搭建软件,用Access2003作为构建后台数据库的动态网页形式的管理软件。第2章 系统的可行性与要求分析2.1 对系统的可行性研
33、究并非任何问题都有简单明显的解决办法，事实上，许多问题不可能在预定的系统规模或时间期限之内解决。如果问题没有可行的解，那么花费在这项工程上的任何时间、人力、软硬件资源和经费，都是无谓的浪费。可行性研究的目的，就是用最小的代价在尽可能短的时间内确定问题是否能够解决14。在澄清了问题定义之后，分析员应该导出系统的逻辑模型。然后从系统逻辑模型出发，探索若干种可供选择的主要解法（即系统实现方案）。对每种解法都应该仔细研究它的可行性，一般来说，至少应该从技术可行性、经济可行性和时间可行性三方面研究每种解法的可行性。以下为对本系统的可行性研究：1 技术可行性：利用ASP技术完全可以开发和制作动态网页。2
34、经济可行性：制作该系统并不复杂，在一台装有windows2000 server的电脑上即能开发，基本上不需要什么成本。3 时间可行性：该系统设计简单，可在允许的时间范围内完成。通过以上三方面分析，得出结论：该系统是可行的。2.2 需求分析的任务需求分析的任务不是确定系统怎样完成它的工作，而仅仅是去确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。虽然功能需求是对软件系统的一项基本需求，但却并不是唯一的需求，通常对软件系统有以下几方面的综合要求，功能需求（这方面的需求指定系统必须提供的服务）、性能需求、可靠性和可用性需求（可靠性需求定量地指定系统的可靠性，可用性量化了用
35、户可以使用系统的程度）、出错处理需求（这类需求说明系统对环境错误应该怎样响应）、接口需求（描述应用系统与它的环境通信的格式）14。2.2.1对网站系统运行的要求对系统的综合要求有系统性能要求、运行要求三个方面。1 系统性能要求：在以下环境均能运行asp：Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server Microsoft Peer Web Services Version 3.0 on Windows NT Workstation Microsoft Personal Web Server on
36、 Windows 95/98一台能够运行Windows操作系统的计算机，内存在16MB以上（操作系统Windows NT Server要求32MB以上），可用的硬盘空间在100MB以上，即符合要求。2 运行要求：ASP程序必须在支持ASP的Web服务器上才能运行，对于个人用户，可以首先将计算机虚拟为Web服务器。如果计算机使用的是Windows系统，安装微软的PWS或IIS就可以实现这一目标。该系统使用的是IIS，后台数据库为Access2003。第3章 ASP对数据库的操作3.1网站管理系统的工作模式由于基于Internet的Web都是一种高度分散的并且与平台无关的网络，为了建立一个兼容的、
37、全功能的销售商务网站管理系统，采用B/S结构是非常合适的。这种结构一般包括3个基本的组件：Browser、Server和Internet。 Browser通过Internet向Server发出请求，Server对Client的请求做出响应和控制，通过Internet将响应反馈给Browser。这是一种协作式的模型，可完成分布式任务。Server负责对数据进行存储和维护，其共享资源主要包括应用程序、网络访问以及一些数据和文件。通过巨大的Internet网络，Web将不计其数的Server与Browser连接起来，构成了B/S模型。通过这种结构，Browser对位于Server上的超链接信息发出请
38、求，响应信息再通过Internet反馈给Browser，从而方便地在Web世界实现信息共享、协作计算以及工程同步。3.2个人网站管理系统的构建 时下随着各种通讯技术的发展，互联网已在中国逐步进入普及阶段，许多人在充分享受浏览新闻，网上聊天，网络游戏，网上交易，收发电子邮件等网络的各种乐趣后，开始不满足于被动式的接受，想要主动参与网络，于是个人网站便应运而生了6。一个完善的个人网站必须具有发布信息、接收信息、管理信息、信息共享等基本功能。这些功能主要由ASP技术和网络数据库访问技术来实现。对于网站制作者来说，除了掌握相关软件与理论之外，确定网站的目录结构也是很重要的一块，目录结构的好坏，对浏览者
39、没有太大的影响，但对于站点本身的上传维护，内容未来的扩充和移植有重要的的影响。第4章系统模块分化4.1数据库的物理设计数据库在物理设备上的存储结构与存取方法称为数据库的物理结构，它依赖于选定的数据库管理系统。为一个恶给定的逻辑数据模型选取一个恶最适合应用要求的物理结构的过程，就是设局看的物理设计。希望设计优化的物理数据结构，使得在数据库上运行的各种事务响应时间小、存储空间利用率高、事务吞吐率大。为此，首先要对运行的事务进行详细分析，获得选择物理数据库设计所需要的参数。其次，要充分了解所用RDBMS的内部特征，特别是系统提供的存取方法和存储结构。对于数据库产讯事务，需要得到以下信息：查询的关系、
40、查询条件所涉及的属性、连接条件所涉及的属性；对于数据更新事务，需要得到以下信息：被更新的关系、每个关系上的更新操作条件所涉及的属性、修改操作要改变的属性值15。4.2系统数据流程图和数据查询数据库采用ACCESS 2003创建，下面对主要的表进行说明：表41站长登陆信息表Admin_id主键Admin_nameAdmin_passmingcheng1adminadmin毕业设计admin(管理员帐号) ，admin表存放系统管理员信息(要是用户名与密码)表42音乐信息表idtitlename推荐81彩虹彩虹是85感恩的心欧阳菲菲是88相逢是首歌俞静是899094让泪化作相思雨张震岳再见伤不起水
41、木年华张震岳再见王麟是是是music 音乐信息表，存放网站上的现有的音乐。音乐名，歌手，链接，点击率，等等相关信息。表43心情变化表Id主键qknameshuoshuo22阴孙筱静今天心情一般26多云洪福祥怎么这样的天呀28下雪了啊弟好冷好冷所有联系人都可以根据自己心情活动进行发表表44数据库总体信息表表名称作用admin管理员表cofing相关说明xcdl相册名称大类bkeyf联系人表link网址链接Jcl_Poto照片信息Rijisuibi日记信息随笔内容music试听信息介绍了网站相关功能的数据信息表45联系人信息表nameemailxinxitime站长对对对2011-10-11 PM
42、 0孙筱静天天哦在宿舍2011-10-11 PM 0洪富祥呵呵2011-10-11 PM 0吕海山嘿嘿2011-10-11 PM 0。4.3系统功能流程图：个人网站心情首页随笔试听照片链接留言日程图41前台流程图管理员登录相册管理歌曲管理心情日记杂文随笔我的日程留言管理后台管理网址管理图42后台管理流程图随笔、留言、日程用的是在线编辑器，在线编辑器的概述如下：通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致，让使用者方便地对编辑的内容进行修改、排版等。在编辑状态编辑的文字、图片等内容都在后台自动转换为可被浏览器识别的HTML标记语言，使用者更能在代码状态在对代码标
43、记进行修改。第5章 系统功能实现5.1 系统主页该系统主页,一般用户都可以进入本系统首页进行浏览.可以浏览本站的相关信息，也可以在留言板中与站长及其它用户相互交流。在首页中,主要显示本系统的功能。本系统是为个人而设计的,所以在主页的设计方面主要介绍自己并以自己信息为中心的网站，主要表现个人的相关信息与娱乐信息，本系统主页如下图所示：图51个人网站主页文档类型是ASP VBScript,数据库DATABASE,ew。CSS样式编辑背景图片颜色、字体类型及大小等。同时，在系统主页里设定了鼠标属性，CSS编辑扩展光标image/mouse027.cur。（其设计的代码省略） 5.2主界面展示主界面分
44、为七个功能，用户可以进行浏览及留言，分别是：照片，心情，随笔，试听，链接，留言，备忘等等相关部分。相册：主要展示一些相关照片及照片的相关说明，可供用户们浏览。其照片界面如下图所示：（其余功能的展示省略）图52 相册界面CSS标记为class、id、style、title。心情：也就是日记。可以随时记录下一些想写的东西，可以与用户交流。随笔：可以随时发表一些经典的或者摘录一些好的文章与浏览者们一起分享。试听：用户可以登录到网站上一边浏览网页也可以一边享受音乐。能够体现个人网站轻松愉快的风格。它的实现主要是调用插件播放器来实现的。留言功能：这是个在线交流平台。这是仿制留言板，将留言板功能与本系统完
45、好的溶入到一块，实现互动功能。用户可以选择表情、头像、编写留言，也可以同管理员进行相关的回复及管理。如下图所示：图53网站留言板界面其中页面向上向下设计代码：5.3后台系统的设计与实现后台管理的功能主要包括：相册的管理、歌曲的管理、心情日记、杂文随笔、被忘记录，留言管理等，管理员登陆以后可进行相关的添加、删除、修改等。5.3.1管理员登录窗口的设计:填上正确的用户名、密码、验证码,管理员才能登录到网站的后台对整个网站系统进行管理.这样才能更好地维护系统的正常运行与安全.图54网站管理登陆界面其设计代码是：% dim rndnum,verifycodeRandomizeDo While Len(rndnum)head