中南财经政法大学信息学院课程设计课程名称： Web程序设计设计题目：《网站的设计与实现》姓名：专业：学号：时间： 2014年6月15日教务处制目录摘要 (3)1、系统分析 (3)1.1 网络软件的IIS网站配置 (3)1.2 需求分析 (4)1.3 可行性分析 (5)2 系统设计 (5)2.1 系统设计目标与环境 (5)2.2 系统功能描述 (5)2.3 功能模块划分 (6)2.4 系统文件结构 (7)3 系统的编码与设计 (8)3.1母版页，用户自定义控件设计 (8)3.2留言板首页Index.aspx (9)3.3留言板用户登录页面Login.aspx (10)3.4发表留言页面 ReleaseWord.aspx (12)3.5查看留言页面ShowWord.aspx (13)3.6个人留言信息管理页面MyWord.asp x (14)3.7留言管理页面 LeaveWordManage.aspx (17)3.8用户注册页面 Register.aspx (17)4 系统的部署于运行 (20)4.1 系统的发布 (20)4.2 系统的测试与验证 (21)总结 (22)参考文献 (22)摘要随着 Internet 技术的发展，“网上留言板系统”已成为网络上不可缺少的交流方式之一。
“网上留言板系统”是网上的一种信息服务系统，是一种简洁而实用的在线交流平台。
是一种建立动态 Web 应用的技术，经过多年的发展渐入佳境。
相比其他的 Web技术来说， 更快捷、更安全、更稳定。
在介绍了系统的设计目标、功能和数据库设计方案之后，结合 的开发环境阐述了系统的实现方法。
利用 技术开发的企业网上论坛系统，实现了网上论坛的动态管理，使得对信息的管理更加及时、高效，方便用户及时上网浏览有用信息，发表自己对相关问题的看法，也使管理更有效、快捷。
关键词：网上留言板系统1、系统分析1.1 网络软件的IIS网站配置1）打开“Internet 信息服务管理器”，在目录树的“网站”上单击右键，在右键菜单中选择“新建→网站”，弹出“网站创建向导”：2）网站描述就是网站的名字，它会显示在IIS窗口的目录树中，方便管理员识别各个站点。
本例中起名为“刘红英的网站”。
如图1；图1网站IP地址：如果选择“全部未分配”，则服务器会将本机所有IP地址绑定在该网站上，这个选项适合于服务器中只有这一个网站的情况。
也可以从下拉式列表框中选择一个IP地址（下拉式列表框中列出的是本机已配置的IP地址，如果没有，应该先为本机配置IP地址，再选择。
）TCP端口：一般使用默认的端口号80，如果改为其它值，则用户在访问该站点时必须在地址中加入端口号。
主机头：如果该站点已经有域名，可以在主机头中输入域名。
3）主目录路径是网站根目录的位置，可以用“浏览”按钮选择一个文件夹作为网站的主目录。
如图2；图24）点击下一步后，出现下图示的界面。
网站访问权限是限定用户访问网站时的权限，“读取”是必需的，“运行脚本”可以让站点支持ASP，其它权限可根据需要设置。
如图3；图35）单击“下一步”，弹出“完成向导”对话框，就完成了新网站的创建过程，在IIS中可以看到新建的网站。
把做好的网页和相关文件复制到主目录中，通常就可以访问这个网站了。
6）访问网站的方法是：如果在本机上访问，可以在浏览器的地址栏中输入“http://localhost/”；如果在网络中其它计算机上访问，可以在浏览器的地址栏中输入“http://网站IP地址”。
1.2 需求分析近年来，随着Internet 技术突飞猛进的发展，给留言板带来很多新的问题，如随着信息化平台人数的增加，信息的内容也是五花八门，有利于学生身心健康的，有不利于社会发展的，涉及人们生活的方方面面，这些都给留言板工作提出了前所未有的挑战。
因此，开发适应新形势需要的新一代网络留言板系统已成为迫在眉捷的问题。
建立网络留言板系统的基本目标是实现计算机管理，实现信息的快速共享，提高信息平台管理的水平和效率，减轻管理人员的负担。
将系统加以总结，得出系统需求如下：1、系统可以运行在Windows操作系统平台上，并具有友好的用户界面；2、系统用户类型为：管理员、用户；3、系统对于一个用户只允许以一种身份登录；4、只有管理员可以维护用户的基本信息；5、用户可以留言回复并维护自己的个人信息。
1.3 可行性分析当今时代是飞速发展的信息时代，在各行各业中离不开信息处理，这正是计算机被广泛应用于信息系统的环境。
计算机的最大好处在于利用它能够进行信息管理。
使用计算机进行信息控制，不仅提高了工作效率，而且大大的提高了其安全性。
尤其对于复杂的信息分享，计算机能够充分发挥它的优越性。
留言板系统是进行信息的采集、存储、加工、维护和使用的系统，它是随着管理科学和技术科学的发展而形成的。
留言板系统是一个网络平台不可缺少的部分，它的内容对于用户和用户之间的交流来说都至关重要,所以留言板系统应该能够为用户提供充足的信息和快捷的查询手段。
2 系统设计2.1 系统设计目标与环境2.1.1 设计目标（1）提供留言查看，留言发表，留言回复，留言删除功能。
（2）数据存储安全可靠。
（3）界面设计美观友好，使用灵活便捷。
（4）系统最大限度地实现易维护和易操作性。
（5）系统运行稳定，安全可靠。
2.2.2 开发运行环境（1）系统开发平台：Microsoft Visual Studio 2005；（2）系统开发语言：C#；（3）运行平台：Windows XP(SP2)/Windows 2000(SP4)/Windows Server 2003(SP1)；（4）运行环境； Framework SDK v2.0；（5）分辨率：最佳效果为1024*768像素。
2.2 系统功能描述网络留言板系统的设计目的是为网络提供一个方便有效的信息平台，提高信息效率，降低管理风险，完成如下功能：用户管理功能：用户管理：注册，添加、删除、编辑留言，修改密码。
查看个人信息：用户登录后，可以查看用户的个人信息，如留言，回复等。
修改个人密码：用户登录后，可以修改之前自己设定的密码。
查看留言：用户登录后，可以查看自己留言的信息。
添加留言：用户登录后，可以为自己添加留言或回复留言。
管理员：查看用户信息：管理员登录后，可以查看用户的个人信息，如姓名，查看留言等。
查看所有留言：管理员登录后，可以查看留言以及回复的相关信息。
2.3 功能模块划分根据上述的分析，可以描述出系统的功能模块图。
分别从管理员界面、学生界面、教师界面对功能模块进行描述。
用户功能模块,如图1:图1 用户功能模块图管理员功能模块,如图2:图2 管理员模块功能图2.4 系统文件结构本系统包含有如下文件，其中：Index.aspx文件为系统主页，提供“查看主题”，“发表留言”，“用户注册”，“我留言”，“留言管理”，“注销登录”等链接。
Login.aspx文件为用户登录页面，用于系统用户或管理员登录时的身份验证。
ReleaseWord.aspx文件为发表留言页面，用于已登录的用户或者管理员发表留言。
ShowWord.aspx文件为查看留言页面，用于用户查看与某主题相关的留言信息。
MyWord.aspx文件为个人留言信息管理页面，用于已登录的用户或者管理员管理自己已发表的留言信息，可执行删除操作。
LeaveWordView.aspx文件为查看留言回复页面，用于管理员登录后查看相关的留言回复，可执行删除操作。
LeaveWordViewl.aspx文件为查看留言回复页面，用于普通用户登录后查看相关的留言回复。
LeaveWordManage.aspx文件为留言管理页面，用于系统管理员进行留言信息管理。
LeaveWordBack.aspx文件为发表回复页面，用于已登录的用户或者管理员进行留言回复。
Register.aspx文件为用户注册页面，用于注册为系统用户。
Logout.aspx文件为注销登录页面，用于已登录的用户注销登录信息。
3 系统的编码与设计3.1母版页，用户自定义控件设计3.1.1 母版页母版页的主要功能是为应用程序创建统一的用户界面和样式，是有.master的文件，它可以包含静态布局，定义网页的架构；也可以包含页面的公共部分，并为可指定区域留下了占位符（ContentPlaceHolder控件）本系统留言板的页面都是以母版页为基础设计的，该系统的母版页如图1：图1 系统母版页3.1.2 自定义控件简介用户控件最简单的一个定义是布局代码中可重用的部分，它以.ascx为扩展名进行保存。
用户自定义控件本身是网页的一部分，被封装在一个单独的文件中，可在一个应用程序中根据需要多次重用。
本系统所使用到的用户自定义控件有Login.ascx（如图2）、Register.ascx（如图3）图2 Login.ascx图3 Register.ascx3.2留言板首页Index.aspx留言板首页（如图4所示）是用户进入留言板系统的第一印象，在留言板首页中，列举了用户在留言板系统中的留言的主题，可单击进入查看具体的内容。
设计过程中使用到DataList控件显示数据库的数据。
图4 留言板系统首页3.3留言板用户登录页面Login.aspx留言板用户登录页面（如图5）是访客到用户之间不可或缺的一个部分，即用户必须在登录之后才能进行更进一步的操作，可以进行查看自己的留言、删除自己的留言等操作。
当用户在用户名和密码中输入帐号密码，单击确定时系统即在数据库中查找记录，若用户和密码在数据库中存有记录，即登入成功。
图5 留言板用户登录页面源代码：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml" ><head runat="server"><title>无标题页</title><link href="WebBBS.css" rel="stylesheet" type="text/css" /></head><body style="color: #000000"><form id="form1" runat="server"><div style="text-align: center"><table border="0" cellpadding="0" cellspacing="0" style="border-right: #000033 1px solid;border-top: #000033 1px solid; border-left: #000033 1px solid; width: 32%; border-bottom: #000033 1px solid;height: 133px"><tr><td colspan="3" style="font-weight: bold; color: #000033; height: 34px; background-color: blue">用户登录</td></tr><tr><td style="width: 100px; text-align: right">用户名：</td><td style="width: 46px; text-align: left"><asp:TextBox ID="TextBox1" runat="server" CssClass="login_tbx"MaxLength="20" Width="90px" ValidationGroup="t2"></asp:TextBox></td><td style="width: 100px; text-align: left;"><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1" Display="Dynamic" ErrorMessage="*" ValidationGroup="t"></asp:RequiredFieldValidator>(*)</td></tr><tr><td style="width: 100px; text-align: right">密 码：</td><td style="width: 46px; text-align: left"><asp:TextBox ID="TextBox2" runat="server" CssClass="login_tbx"TextMode="Password"Width="90px" ValidationGroup="t2"></asp:TextBox></td> <td style="width: 100px; text-align: left;"><asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox2" Display="Dynamic" ErrorMessage="*" ValidationGroup="t"></asp:RequiredFieldValidator>(*)</td></tr><tr><td colspan="3" style="background-color: #ffffff; height: 13px;"><asp:Button ID="btnlogin" runat="server" Text="确定" OnClick="btnlogin_Click" ValidationGroup="t" /><asp:Button ID="btnCancel" runat="server" Text="取消"OnClick="btnCancel_Click" /></td></tr></table></div></form></body></html>3.4发表留言页面 ReleaseWord.aspx如图6所示为留言板发表留言页面。