基于IIS的动态网站系统

页引言（绪论）本课题研究的背景和目的 当今时代，互联网技术正处于高速发展的状态，互联网的技术正变得越来越来成熟。随着网络的功能越来越丰富，网络对人们的影响越来越大，网络能够帮助人们了解，传播和发布信息。网络使得人们的社交由线下转为线上，使人们突破了时间，空间和地理的限制。从而扩宽了我们的社交圈，增强了我们的交互性。交互性体现在网站通过设置留言板，论坛，发挥网络交互的功能，在我们的日常生活建立起了交流渠道。这使得网站能够以此为基础对自身的资源进行整合，搜集并传播信息，促进人们之间的交流互动，最终形成一座巨大的沟通桥梁。前端开发工具简介VisualStudio简介VS是微软VisualStudio的缩写。VS是微软开发工具包的系列产品。VS是一套基本完整的开发工具，包括软件生命周期中所需的大部分工具，例如UML工具、代码管理工具、集成开发环境(ide)等等。目标代码是为Microsoft支持的所有平台编写的。VisualStudio的主要特点其目标代码是为Microsoft支持的所有平台编写的。VisualStudio的功能和作用提供基本完整的开发工具，包括软件生命周期中所需的大部分工具。AdobePhotoshop简介AdobePhotoshop是一款由AdobeSystems公司开发并发布的图像处理软件。Photoshop能够用于处理由像素组成的数字图像。ps拥有众多且丰富的编辑和绘图工具，可以有效地且方便的进行图像编辑，ps拥有丰富的功能，在文本、视频、图像、图形、发布等方面都有涉及。AdobePhotoshop的主要特点能够处理像素组成的数字图像。AdobePhotoshop的功能和作用拥有众多且丰富的编辑和绘图工具，可以有效地且方便的进行图像编辑，在文本、视频、图像、图形、发布等方面都有涉及。WebStorm简介WebStorm是jetbrain旗下的JavaScript开发工具，在中国被誉为“最强大的HTML5编辑器”、“Web前端开发神器”、“最智能的JavaScriptIDE”等。它与IntelliJIDEA同源，并且继承了来自IntelliJIDEA的强大的JS功能。WebStorm的主要特点是jetbrain旗下的JavaScript开发工具，与IntelliJIDEA同源，并且继承了来自IntelliJIDEA的强大的JS功能。WebStorm的功能和作用作为Web前端开发神器。SQLserver简介MicrosoftSQLServer是一个全面的数据库平台，MicrosoftSQLServer数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。SQLserver的主要特点MicrosoftSQLServer是一个全面的数据库平台。SQLserver的主要功能和作用可以用于存储数据，可以用于构建和管理数据应用程序，1.3前端开发相关技术JavaScript简介JavaScript(简称“JS”)是一种轻量级、解释型或实时编译的编程语言，具有函数优先级。尽管它最为人所知的是一种用于开发Web页面的脚本语言，但它也用于许多非浏览器环境中。JavaScript的主要特点(1)是一种解释性的脚本语言，并且代码没有预编译。(2)能够向HTML页面中添加交互行为。(3)能够直接嵌入HTML页面中，并且编写单独的JS文件有利于行为和结构的分离。JavaScript的主要功能和作用作为一种用于开发Web页面的脚本语言。CSS层叠样式表简介层叠样式表(CSS)是一种计算机语言用于表示文件样式如HTML应用程序或XML。CSS不仅可以静态地修饰web页面,而且动态格式网页的元素与不同的脚本语言。CSS提供了对页面上元素位置的像素级控制，支持几乎所有的字体大小样式，并且能够编辑web对象和模型样式。CSS层叠样式表的主要特点丰富的风格定义CSS提供了的多样的文档样式外观，以及设置背景属性和文本的功能。（2）多页面应用CSS样式表能够被单独存储于一个CSS文件中，统一了页面风格。CSS层叠样式表的主要功能和作用用于表示文件样式如HTML应用程序或XML，可以静态地修饰web页面,而且动态格式网页的元素与不同的脚本语言。jQuery简介JQuery是一个干净的、快速的JavaScript框架，是一个很棒的JavaScript代码库原型。JQuery旨在“编写更少的代码，做更多的事情”，这意味着编写更少的代码，从而去做更多的事情。它封装了常见的JavaScript函数代码，并提供了一个简单的能够用JavaScript代码设计的模式，可以用于优化HTML文档、能够对事件进行处理、能够进行动画设计以及Ajax的交互。jQuery的核心特性总结如下:它有一个独特的链式语法和一个简短而清晰的多功能界面。它具有高效灵活的CSS选择器，能够对CSS选择器进行扩展。它具有丰富的插件和方便的插件扩展机制。jQuery的主要特点快速获取文档元素JQuery提供了能够快速查询DOM文档中的元素的功能。能够为网页开发提供动画效果JQuery内部自带一系列动画效果，可以用于开发非常漂亮炫酷的网页。能对JavaScript语言进行增强JQuery能够增强基本JavaScript结构。改变网页内容JQuery允许您修改web页面的内容。jQuery的主要功能和作用获取文档元素，查询DOM文档提供页面动态效果，内置提供动画效果，可供开发网页使用常用的jQuery事件方法$(document).ready()$(document).ready()方法允许我们在文档完全加载完后执行函数。click()click()方法是当按钮点击事件被触发时会调用一个函数。该函数在用户点击HTML元素时执行。在下面的实例中，当点击事件在某个<p>元素上触发时，隐藏当前的<p>元素：$("p").click(function(){$(this).hide();});dblclick()当双击元素时，会发生dblclick事件。dblclick()方法触发dblclick事件，或规定当发生dblclick事件时运行的函数：$("p").dblclick(function(){$(this).hide();});SQL语言简介结构化查询语言，英文名为StructuredQueryLanguage，简称SQL。结构化查询语言作为数据查询和程序设计语言的一种，可以用于存取数据，查询数据，更新数据和管理关系数据库系统。SQL语言的主要特点是一种数据库查询和程序设计语言SQL语言主要功能和作用可以用于存取数据，查询数据，更新数据和管理关系数据库系统。其主要的程序功能有：创建数据库CREATEDATABASEdatabase-name删除数据库dropdatabasedbname创建新表createtabletabname(col1type1[notnull][primarykey],col2type2[notnull],..)删除新表droptabletabname增加一个列Altertabletabnameaddcolumncoltype添加主键Altertabletabnameaddprimarykey(col)删除主键Altertabletabnamedropprimarykey(col)创建索引create[unique]indexidxnameontabname(col….)删除索引dropindexidxname创建视图createviewviewnameasselectstatement删除视图dropviewviewnameSQL语言在前端开发中的应用在搭建交互式的动态网站时，我们可以用ASP技术使网站与数据库结合起来，可以用来存储网站做的用户信息以及管理员信息，在数据库中我们就可以使用SQL语句对数据库进行操作，而我们平时在网站上对自己的用户信息进行增加，删除，修改，查询使，其实也是程序在后端执行SQL语句。常用的SQL语句而常用的SQL语句如下：更新：updatetable1setfield1=value1where范围查找：select*fromtable1wherefield1like’%value1%’（所有包含‘value1’这个模式的字符串）排序：select*fromtable1orderbyfield1,field2[desc]求和：selectsum(field1)assumvaluefromtable1平均：selectavg(field1)asavgvaluefromtable1最大：selectmax(field1)asmaxvaluefromtable1最小：selectmin(field1)asminvaluefromtable1[separator]C#语言简介c#是最新的，面向对象的编程语言。它允许程序员基于M平台快速编写应用程序，该平台提供了一系列工具和服务，以充分利用计算和通信。正是c#面向对象的卓越设计，使它成为构建各种组件的理想工具——从高级业务对象到系统级应用程序。使用一个简单的c#语言结构，这些组件可以很容易地转换成XML网络服务，这些服务可以被Internet上任何操作系统上的任何语言调用。C#语言主要特点·语言很简单。·保留C++的功能。·快速应用的开发功能。·语言自由。·强大且方便的Web服务器控件。·跨平台支持。·与XML集成。C#语言主要功能和作用能够用于搭建.NETWindows网络框架。可以让程序员快速的编写各种基于Microsoft.NET平台的应用程序。C#语言在前端开发中的应用可以让程序员快速的编写各种基于Microsoft.NET平台的应用程序。通过使用简单的C#语言结构，它所包含的组件就可以十分方便的转换为XML网络服务，这使得它可以让任意语言在任意操作系统上通过INTERNET进行调用。HTML语言简介HTML的中文名为超级文本标记语言，简称超文本标记语言，是一种标识性的语言。它内部包含一系列的标签，我们可以通过这些标签对网络上的文档格式进行统一，使网络中到处分散的Internet资源能够相互连接为一个逻辑整体。具体的表现为我们平常浏览网页时的超链接。通过利用HTML命令我们可以对文字，图片，动画，声音，表格，链接等进行说明。而由HTML命令组成的描述性文本简称HTML文本。超文本本质上作为一种组织信息的方式，它能够将文本中的文字，图表通过超级链接的方法与其他媒体相关联。而这些信息媒体可能处于同一个文档中，也可能处于不同的文档中，更有可能是处于因特网中的其他计算机的文件中。通过这种方式，让人们查找信息和检索信息提供方便。HTML语言主要特点HTML是一种标识语言，它使用一系列标记将web资源组织成一个逻辑整体。超文本标记语言(HTML)文档的生成不是很复杂，但它的功能非常强大，能够兼容不同的数据格式的文件，其主要特点如下:简单性:超文本标记语言版本使用超集方法进行更新，以获得更大的灵活性和便利性。可扩展性:超文本标记语言采用子类元素来保证系统的可扩展性。平台独立性:在各种平台上都可以使用超文本标记语言。通用性:HTML是web语言，是一种简单的、通用的、通用的标记语言。HTML语言主要功能和作用可以通过超链接，将文字，图片，表格与其他信息媒体相关联。HTML语言在前端开发中的应用可以被用于网站的开发，通过超链接使得不同的网络资源能够相互连接起来形成一个整体。IIS简介IIS的英文全名是InternetInformationServer的缩写，是一款Web服务器，它能够运行以MicrosoftWindows环境为基础的互联网的基本服务。当你的电脑中有IIS服务时，你就能发布网页，并且能够扩展服务功能。它能够支持ASP，所以这意味着它可以很轻松的张贴动态内容同时可以被前端开发人员用于开发基于Web的应用程序。IIS的主要特点他最重要的一个特点是支持ASP的web服务器，并且是基于MicrosoftWindows环境运行的互联网基本服务。IIS主要功能和作用作为一款web服务器，它能够运行基于MicrosoftWindows系统环境的互联网基本服务。能够使你发布网页，并且能让ASP、VBscript、JAVA产生页面，同时能够扩展你的服务功能。可以用于开发基于web的应用程序，并且可以十分轻松的张贴动态内容。IIS在前端开发中的应用它为前端开发提供了不可缺少的互联网基本服务，能让你开发基于web的应用程序。基于IIS的动态网站系统前端布局分析与设计前端总体开发流程及设计(1)页面需求分析:待开发页面数量(内容)、页面功能(如搜索框、流动图、内容显示等)(2)接口设计:明确哪些功能需要后端协调，如接口文档设计或数据格式不合理，与后端协商(3)确定主要应用技术(4)设置环境(5)分析页面的整体结构:提取重用的公共组件，一般是顶部、中部和底部的布局，然后再细分(例如，标题分为三个区域:logo、导航和用户信息;中间部分可细分为栏目框架和显示;显示区域可以细分为内容导航和内容，每个区域都是一个组件)如果不能在中间写入，最好使用单个标记(6)页面开发(7)接口协调网站页面设计由于我们所要做的是一个动态的交互网站，所以我们就可以确定我们所要制作的页面了。首先，首页是必不可少的，首页就像是一本书的封面，它必须要漂亮，好看，同时还要简洁，并且要突出主题。代码编写准备工作准备就绪后，我们开始进入代码编写阶段。在完成原型过程之后，我们将进行前端开发，先搭建网页基础框架，然后设计出设计草案，再进行页面样式的改进，在正式页面的最终完成之后，将其移交给开发和嵌套程序。这样的好处不仅可以有效地提高开发人员的开发效率，并且可实现分层开发，可以让前端提前介入，减少总的消耗时间，并确保产品有足够的修改时间，并改善。确定了流程后，有必要对产品原型进行分析和拆分，找出具有高重用性的零件来制作代码模块，以方便将来的应用。确认第二和第三级页面的样式以构建统一的框架。在编写代码的过程中，最重要的是规范标准和规范的实施。编写HTML时，请充分发挥想象力，以满足后期样式的表现需求。网站设计本网站的特点就是它是一个动态的网站。用户访问我们的网站的时候可以注册、登录拥有属于自己的账户，并且可以用自己的账户发布评论动态。而且我们还需要一个属于管理员的后台登陆系统，要能够登陆进入并修改系统，所以我们要想做到这些必须要用到数据库技术，于是这就需要ASP技术与数据库技术的相结合，使得原本的静态网页变成动态网站。网站的主题由于我个人比较喜欢看刘欣慈的《三体》小说，所以我就以三体为主题，使得该网站变成了简单的三体爱好者的兴趣交流论坛。网站的构成根据不同的方面，我们可以对网站做不同的划分。这里我们就可以根据网站的内容来进行划分。根据网站的内容可以划分为以下几点：主页（作为网站的开头，主页要做的足够漂亮，要能够吸引人）关于三体（简单的介绍了三体这本小说的来历与它的作者以及它所取得的文学成就，从而加深人们对三体这本小说的了解）精彩瞬间（该部分截取了三体中几个比较精彩动人的文字描述部分，加上与之相关的图片，使大家都能够被三体的魅力所吸引）名家点评（通过摘要一些名家对三体的观后感受，来体现三体的人文价值）读者留言（这一部分是让网站用户用来发表他们的感受和评论的）具体如下图2-1，而系统功能结构如图2-2-2.内容内容精彩瞬间关于三体名家点评主页读者留言图2-1网站内容分类图图2-2-2系统功能结构图网站的主要代码代码如下：<headerclass="header"><navclass="navbarnavbar-expand-lg"><divclass="container"><ahref="#intro"class="navbar-brandlink-scroll"></a><buttontype="button"data-toggle="collapse"data-target="#navbarSupportedContent"aria-controls="navbarSupportedContent"aria-expanded="false"aria-label="Togglenavigation"class="navbar-togglernavbar-toggler-right"><iclass="fafa-bars"></i></button><divid="navbarSupportedContent"class="collapsenavbar-collapse"><ulclass="navbar-navml-auto"><liclass="nav-item"><ahref="#intro"class="nav-linklink-scroll">主页</a></li><liclass="nav-item"><ahref="#about"class="nav-linklink-scroll">关于</a></li><liclass="nav-item"><ahref="#portfolio"class="nav-linklink-scroll">精彩</a></li><liclass="nav-item"><ahref="#text"class="nav-linklink-scroll">名家</a></li><liclass="nav-item"><ahref="#comment"class="nav-linklink-scroll">留言</a></li><%--<li><b>当前用户：</b><spanstyle="color:red;"><%=strHelloMsg%></php></span></li>--%></ul></div></div></nav>网站的功能关系图通过关系图，我们可以直观地发现网站的关系。发布评论发布评论用户登录注册用户评论信息管理员信息后台登录管理员数据库tb_AdminUserInfoXYYtb_NewsXYYtb_UserInfor图2-2-3网站关系功能图数据库设计数据库设计我所采用的数据库是SQLserver，通过新建项目，并在项目中新建数据表。我们要用到的数据表最主要的有三个：tb_AdminUserInfoXYY后台登录用户数据表tb_NewsXYY用户评论数据表tb_UserInfor前台登录用户数据表具体情况如下图所示：图3-1数据表列表SEQ图3-1数据表列表\*ARABIC1数据表数据类型及内容展示接下来，我将展示我数据库里的数据表，首先是tb_AdminUserInfoXYY表的数据类型和数据内容。图3-1-1后台管理数据类型SEQ图3-1-1后台管理数据类型\*ARABIC1图3-1-2后台管理数据存储SEQ图3-1-2后台管理数据存储\*ARABIC1接着是tb_NewsXYY表的数据类型和数据内容。图3-1-3用户评论数据类型SEQ图3-1-3用户评论数据类型\*ARABIC1图3-1-4用户评论数据存储SEQ图3-1-4用户评论数据存储\*ARABIC1最后是tb_UserInfor表的数据类型和数据内容图3-1-5用户信息数据类型SEQ图3-1-5用户信息数据类型\*ARABIC1图3-1-6用户信息数据存储SEQ图3-1-6用户信息数据存储\*ARABIC1数据库关系图通过建立数据库关系图，可以直观地反映出数据库的工作原理与关系。数据库数据库DB_EntWebsite121表tb_NewsXYYtb_AdminUserInfoXYYtb_UserInfor图3-1-1数据库关系图ASP连接数据库的重要代码想要通过ASP连接数据库，最重要的是要分别对Web.config和SqlDbHelper.cs进行配置。代码如下：<addname="dbConnstr"connectionString="DataSource=DESKTOP-U0QV7S2;InitialCatalog=db_EntWebsite121;UID=sa;PWD=sa">privatestaticstringconnString=ConfigurationManager.ConnectionStrings["dbConnstr"].ConnectionString;详细设计网站建设详细过程在电脑中添加IIS首先打开电脑中的控制面板，点击程序，如下图4-1所示：图4-1点击程序SEQ图4-1点击程序\*ARABIC1点击之后，进入程序功能页面，在程序和功能组建下，有一个“启用或关闭Windows功能”，点击进入，如下图4-2所示：图4-2点击启用或关闭Windows功能SEQ图4-2点击启用或关闭Windows功能\*ARABIC1进入启动或关闭Windows功能页面后，找到IIS，将你所需要的功能都进行打勾，如下图4-3所示：图4-3勾选IIS功能SEQ图4-3勾选IIS功能\*ARABIC1点击确定，就添加完成了，记得要重新启动才能生效。使IIS在电脑中运行电脑重新启动后，再打开控制面板，找到管理工具，点击进入IIS，如下图4-4所示：图4-4进入IIS管理器SEQ图4-4进入IIS管理器\*ARABIC1进入IIS管理器，如下4-5图所示：图4-5IIS管理器页面SEQ图4-5IIS管理器页面\*ARABIC1接着只需将右边的管理服务器启动就行了。如下图4-6所示：图4-6启动管理服务器SEQ图4-6启动管理服务器\*ARABIC1安装成功后，点击IIS默认网站浏览，如下图4-7，最终显示如图4-8图4-7浏览IIS默认网站SEQ图4-7浏览IIS默认网站\*ARABIC1图4-8最终网站显示页面SEQ图4-8最终网站显示页面\*ARABIC1如果页面成功显示出来，那么恭喜你IIS安装成功。收集网站所需的图片事先考虑好网站设计所需要的图片，按照需求用Photoshop进行修整。首页的设计首页的文件名为Tindex.aspx。最终页面设计如图4-9所示：图4-9首页SEQ图4-9首页\*ARABIC1标题栏的设计(以及用户人姓名显示在标题栏上)标题栏目模块的多少，与你所做的网页页面的个数有关。而我的标题栏的模块一共有五个，分别是：主页，关于，精彩，名家，留言。具体效果图如下4-11所示：图4-11标题栏SEQ图4-11标题栏\*ARABIC1标题栏目以白色作为背景，而字体则用灰色，斜体。标题栏的功能通过在各个网络资源之间建立超链接，统合网络资源。使用户能够在网站之间跳转。标题栏的组成由于我所做的是一个动态的交互网站，所以用户登陆后要在栏目页显示用户的名字。所以标题栏除了前面的网页标题外，后面还要有一个用户姓名显示模块。如图4-20和图4-21所示：图4-20前端登陆用户名显示SEQ图4-20前端登陆用户名显示\*ARABIC1图4-21前端用户登录信息SEQ图4-21前端用户登录信息\*ARABIC1标题栏的页面设计与代码设计难点用户的姓名刚开始是不会显示的，必须是用户登录后才会显示。具体代码如下图4-12所示：图4-12标题栏代码SEQ图4-12标题栏代码\*ARABIC1首页的设计首页要突出网站的主题，要足够的美观且吸引人。由于三体小说是一本比较深沉科幻小说，所以我选用的背景图片的色调都偏暗，再用白色的大号字体放在页面的中间，而其他字体则设置为斜体，小号，颜色为灰色。这么做会使其十分醒目，具有视觉冲击力。首页页面设计与代码设计难点首页设计的难点在于在设置背景图片的基础上能够文字显示，不同字体段落的格式都是不同的，并且为了看起来均匀，避免看起来太拥挤或太宽阔，需要对段落的上下间距以及左右间距进行调整，而且背景图片需要能够自适应屏幕。关于三体页面的制作该页面的目的是为了对三体这本小说以及它的作者进行大概的介绍，这样就算是没有看过的人对此能够有所了解。具体设计页面如下图4-10所示：图4-10关于三体SEQ图4-10关于三体\*ARABIC1三体页面的组成该页面相对来说比较简单，一共就分为三个部分，标题，内容和图片。标题字体选用大号，加粗，而正文字体则直接用小号。三体页面设计与代码设计难点文字标题和内容都没什么问题，唯一有难度的是图片的显示要以椭圆形。精彩瞬间页面的制作本页面是用简单的文字，配上与之相关联的图片对三体小说中的精彩事件进行描述的。具体设计如下图4-11所示：图4-1-7精彩瞬间SEQ图4-1-7精彩瞬间\*ARABIC1名家点评页面的制作搜集名家阅读三体后，对其的评价，来衬托出其价值。读者留言页面的制作本网站作为一个交互式的动态网站，而用户要想使用评论区，就必须要登录自己的账户才可以评论，而没有账户的则需要先注册。所以说，对用户来说使用评论区需要满足三种功能，分别是用户注册，用户登录，用户评论发布。具体页面如下图4-13所示：图4-13评论区SEQ图4-13评论区\*ARABIC1读者留言页面的功能对用户来说使用评论区需要满足三种功能，分别是用户注册，用户登录，用户评论发布。读者留言页面的组成页面由三部分组成：标题，按钮操作区和评论区读者留言页面与代码设计难点三个按钮都分别需要各自制作一个页面，同时每个页面还要与数据库相连，以确保数据能够返还给数据库，并能够被数据库所存储。并且每个页面都要能够执行增加数据，删除数据，修改数据，查询数据。同时用户在成功发布评论后，评论区能够显示用户的姓名，评论内容，评论发布的时间。前端注册页面的制作用户注册的信息需要反馈给数据库，所以要提前新建一个数据库，并建立一个数据表，表名为tb_UserInfor，表格设计如下图4-14，它的数据存储页面如图4-15。而用户信息注册页面所包含的属性就必须与数据库的属性相同。除此外，按钮，对话框都要设置好链接，反馈信息给数据库。具体页面如下图4-13所示：图4-14用户注册表格设计SEQ图4-14用户注册表格设计\*ARABIC1图4-15用户注册信息储存表SEQ图4-15用户注册信息储存表\*ARABIC1图4-13前端注册SEQ图4-13前端注册\*ARABIC1前端注册页面的功能能够往数据库中添加用户信息，使用户获得属于自己的登录账户。并且输入数据后，点击添加后，会显示添加成功的提示。如下图所示：图4-17用户注册信息添加成功提示SEQ图4-17用户注册信息添加成功提示\*ARABIC1评论发布页面的制作在评论发布页面，我们只需要用户名称和评论内容两个部分，如下图。而数据库中，用户存储的数据，如下图所示。因为时间是直接调动系统时间显示的，所以我们不要管时间。图4-22评论发布页面SEQ图4-22评论发布页面\*ARABIC1图4-23用户评论数据SEQ图4-23用户评论数据\*ARABIC1评论发布页面的功能通过文本框输入用户名和评论内容，点击添加按钮，将数据反馈给数据库，并存储在数据表。评论发布页面设计和代码设计的难点通过单击添加按钮，将数据存储到数据表。前端注册页面的组成从属性上来分的话，包括账号，密码，确认密码，姓名，性别，权限，备注。而性别分男女，需要设置选择框。权限只要是普通用户就可以了，而其他的都是用的文本框。最后，还需要设置添加和返回两个按钮。前端注册页面与代码设计难点要将用户输入的信息反馈给数据库，并储存在数据表中。前端登录页面的制作作为一个登录页面，他首先要有一个标题：前台登录。其次，他必须要有账号输入框和密码输入框，还要有一个登录按钮。可以的话可以选择一个好看的图片作为背景。具体页面如下图4-16所示：图4-16前台登录SEQ图4-16前台登录\*ARABIC1前端登录页面的功能用户能够输入自己的账户和密码登录前端。当账号和密码为空时，无法登录，并且能够自动提示，如图4-18。当密码或账号错误时，弹出信息提示，同时返回登录页面，如图4-19。图4-18账号密码为空SEQ图4-18账号密码为空\*ARABIC1图4-19账号密码错误SEQ图4-19账号密码错误\*ARABIC1前端登录页面与代码设计难点输入框中输入的用户信息能够反馈给数据库，并且与数据库中的数据相匹配。若信息完全正确，则登录。若不同，则显示错误。评论板块页面的制作评论板块实际就是个简单的网页表格框架，我们把这个表格框架连接到数据库，这样就可以调动数据库里的数据了，同时我们还要显示用户名和发布评论时的系统时间。具体如图4-24所示：图4-24用户评论板块SEQ图4-24用户评论板块\*ARABIC1评论板块页面的功能显示登录用户的名字，用户发布的评论，以及用户发布评论时的系统时间。评论板块页面与代码设计难点要从数据库中调取数据到网页中。后台登录页面的制作后台登录页面与前台登录页面很相似，不同的是它们调取的是不同数据库中的数据，并且登录后，转到的页面也不相同。具体设计页面如下图4-25所示：图4-25后台登录页面SEQ图4-25后台登录页面\*ARABIC1后台登录页面的功能能够将用户输入的用户信息与数据库中的后台管理员数据进行匹配。匹配成功登录，匹配失败则不登录。后台管理员页面的功能登录成功后显示如图，点击栏目管理下的管理员管理如图，可以直接在这里对管理员信息进行增加，删除，修改。之后可以点击用户评论管理，在这里可以显示用户的评论信息，并且可以进行增加，删除和修改的操作，如图。图4-26后台管理页面SEQ图4-26后台管理页面\*ARABIC1图4-27后台管理员管理页面SEQ图4-27后台管理员管理页面\*ARABIC1图4-28后台用户评论管理页面SEQ图4-28后台用户评论管理页面\*ARABIC1后台管理员页面管理员用户信息模块的制作首先新建一个ASP文件名字叫做AdminUserList.aspx打开工具箱选择控件gridview，后增加行和列，然后连接数据库，并选择你所要添加的数据源，添加完成后，如图4-29。双击按钮，在里面敲入连接数据库的代码显示如下图4-30。图4-29导入管理员数据SEQ图4-29导入管理员数据\*ARABIC1图4-30按钮代码SEQ图4-30按钮代码\*ARABIC1后台管理员页面网站用户评论信息模块的制作用户评论信息模块的制作与以上相似具体情况如图和图。图4-31后台用户评论信息导入SEQ图4-31后台用户评论信息导入\*ARABIC1图4-32添加按钮代码SEQ图4-32添加按钮代码\*ARABIC1网页之间的链接设置网页在全部制作完毕后，每个网页都需要根据自己与其他网页之间的关系，设置网页链接。如图所示：图4-33网页链接关键语句SEQ图4-33网页链接关键语句\*ARABIC1网页之间的关系对于网页之间的关系，我们可以通过绘图来表明，如下图4-34所示：首页首页精彩名家关于主页留言尾部前台登录后台登录后台管理图4-34网页关系图结论做开发，它不仅需要扎实的知识基础去应对各种各样的错误，而且还需要耐心和谨慎，因为总是存在一种或另一种问题，因此您需要逐步仔细地开发，检查和修改，使其能够不断完善。通过克服种种技术难关，从而得到最终你想要的成果。本文是一个基于IIS技术基础上的交互式动态浏览网站，只不过我在此的基础上利用SQLserver给网站加上了前台用户注册，登录和评论的功能，以及后台管理。这使得该网站在功能上有点类似于贴吧或者论坛，但我知道和真正的贴吧或者论坛相比，我这个就显得太寒酸了，有点过于简陋。在开发的过程中，用户登录信息与数据库信息的匹配以及用户数据的显示，还有对用户数据进行增加，删除，修改，查询的操作，花费了我大量的时间和精力。在很长的一段时间内都被卡在这个环节，后来经过多次调试，改错，重写，才解决了问题。也是在这个过程中，我突发灵感这个让数据库数据在网页中显示的功能不就是网站的评论功能吗？这过程并不复杂，道理都是一样的。首先，你得分别为用户的注册，登录，评论各自制作三个页面。注册页面负责搜集用户信息，反馈给数据库并存储在数据库中。