web课程设计模板

中 南 财 经 政 法 大 学 信 息 学 院 课 程 设 计 课 程 名 称： 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.aspx14 3.7留言管理页面 LeaveWordManage.aspx 17 3.8用户注册页面 Register.aspx 17 4 系统的部署于运行 20 4.1 系统的发布 .20 4.2 系统的测试与验证 .21 总 结 22 参考文献 .22 3 摘 要 随着 Internet 技术的发展， “网上留言板系统”已成为网络上不可缺少 的交流方式之一。 “网上留言板系统”是网上的一种信息服务系统，是一种简洁 而实用的在线交流平台。ASP.NET 是一种建立动态 Web 应用的技术，经过多年 的发展渐入佳境。相比其他的 Web技术来说，ASP.NET 更快捷、更安全、更稳 定。在介绍了系统的设计目标、功能和数据库设计方案之后，结合 ASP.NET 的开发环境阐述了系统的实现方法。利用 ASP.NET 技术开发的企业网上论坛 系统，实现了网上论坛的动态管理，使得对信息的管理更加及时、高效，方便 用户及时上网浏览有用信息，发表自己对相关问题的看法，也使管理更有效、 快捷。 关键词：网上留言板系统 ASP.NET 1、系统分析 1.1 网络软件的 IIS网站配置 1） 打开“Internet 信息服务管理器” ，在目录树的“网站”上单击右键， 在右键菜单中选择“新建网站” ，弹出“网站创建向导”： 2）网站描述就是网站的名字，它会显示在 IIS窗口的目录树中，方便管理 员识别各个站点。本例中起名为“刘红英的网站” 。如图 1； 图 1 网站 IP地址：如果选择“全部未分配” ，则服务器会将本机所有 IP地址绑 定在该网站上，这个选项适合于服务器中只有这一个网站的情况。也可以从下 拉式列表框中选择一个 IP地址（下拉式列表框中列出的是本机已配置的 IP地 址，如果没有，应该先为本机配置 IP地址，再选择。 ） TCP端口：一般使用默认的端口号 80，如果改为其它值，则用户在访问该 站点时必须在地址中加入端口号。 主机头：如果该站点已经有域名，可以在主机头中输入域名。 3）主目录路径是网站根目录的位置，可以用“浏览”按钮选择一个文件夹 作为网站的主目录。如图 2； 图 2 4）点击下一步后，出现下图示的界面。网站访问权限是限定用户访问网站 时的权限， “读取”是必需的， “运行脚本”可以让站点支持 ASP，其它权限可 根据需要设置。如图 3； 图 3 5）单击“下一步” ，弹出“完成向导”对话框，就完成了新网站的创建过 程，在 IIS中可以看到新建的网站。把做好的网页和相关文件复制到主目录中， 5 通常就可以访问这个网站了。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）运行环境；Microsoft.NET Framework SDK v2.0； （5）分辨率：最佳效果为 1024*768像素。 2.2 系统功能描述 网络留言板系统的设计目的是为网络提供一个方便有效的信息平台，提高 信息效率，降低管理风险，完成如下功能： 用户管理 功能： 用户管理：注册，添加、删除、编辑留言，修改密码。 查看个人信息：用户登录后，可以查看用户的个人信息，如留言，回复等。 修改个人密码：用户登录后，可以修改之前自己设定的密码。 查看留言：用户登录后，可以查看自己留言的信息。 添加留言：用户登录后，可以为自己添加留言或回复留言。 管理员： 查看用户信息：管理员登录后，可以查看用户的个人信息，如姓名，查看留言 等。 查看所有留言：管理员登录后，可以查看留言以及回复的相关信息。 2.3 功能模块划分 根据上述的分析，可以描述出系统的功能模块图。分别从管理员界面、学 7 生界面、教师界面对功能模块进行描述。 用户功能模块,如图 1: 用户 查看留言 发表留言 添加留言 回复留言 修改密码 自己的留言 自己参与的 图 1 用户功能模块图 管理员功能模块,如图 2: 管理员 用户管理 版块管理 留言管理 添加版块 删除 修改版块 删除用户留言 删除用户 添加用户 图 2 管理员模块功能图 2.4 系统文件结构 本系统包含有如下文件，其中： Index.aspx 文件为系统主页，提供“查看主题”， “发表留言 ”， “用户注册”， “我 留言”， “留言管理”， “注销登录”等链接。 Login.aspx 文件为用户登录页面，用于系统用户或管理员登录时的身份验 证。 ReleaseWord.aspx 文件为发表留言页面，用于已登录的用户或者管理员发 表留言。 ShowWord.aspx 文件为查看留言页面，用于用户查看与某主题相关的留言 信息。 MyWord.aspx 文件为个人留言信息管理页面，用于已登录的用户或者管理 员管理自己已发表的留言信息，可执行删除操作。 LeaveWordView.aspx 文件为查看留言回复页面，用于管理员登录后查看相 关的留言回复，可执行删除操作。 9 LeaveWordViewl.aspx 文件为查看留言回复页面，用于普通用户登录后查 看相关的留言回复。 LeaveWordManage.aspx 文件为留言管理页面，用于系统管理员进行留言信 息管理。 LeaveWordBack.aspx 文件为发表回复页面，用于已登录的用户或者管理员 进行留言回复。 Register.aspx 文件为用户注册页面，用于注册为系统用户。 Logout.aspx 文件为注销登录页面，用于已登录的用户注销登录信息。 3 系统的编码与设计 3.1母版页，用户自定义控件设计 3.1.1 母版页 母版页的主要功能是为 ASP.NET 应用程序创建统一的用户界面和样式，是 有.master 的 ASP.NET 文件，它可以包含静态布局，定义网页的架构；也可以 包含页面的公共部分，并为可指定区域留下了占位符（ContentPlaceHolder 控件） 本系统留言板的页面都是以母版页为基础设计的，该系统的母版页如图 1： 图 1 系统母版页 3.1.2 自定义控件简介 用户控件最简单的一个定义是 ASP.NET 布局代码中可重用的部分，它以. ascx 为扩展名进行保存。用户自定义控件本身是 ASP.NET 网页的一部分，被封 装在一个单独的文件中，可在一个应用程序中根据需要多次重用。 本系统所使用到的用户自定义控件有 Login.ascx（如图 2） 、 Register.ascx（如图 3） 图 2 Login.ascx 图 3 Register.ascx 3.2留言板首页 Index.aspx 留言板首页（如图 4 所示）是用户进入留言板系统的第一印象，在留言板 首页中，列举了用户在留言板系统中的留言的主题，可单击进入查看具体的内 容。设计过程中使用到 DataList 控件显示数据库的数据。 图 4 留言板系统首页 3.3留言板用户登录页面 Login.aspx 11 留言板用户登录页面（如图 5）是访客到用户之间不可或缺的一个部分， 即用户必须在登录之后才能进行更进一步的操作，可以进行查看自己的留言、 删除自己的留言等操作。当用户在用户名和密码中输入帐号密码，单击确定时 系统即在数据库中查找记录，若用户和密码在数据库中存有记录，即登入成功。 图 5 留言板用户登录页面 源代码： 无标题页 用户登录 用 户 名： (*) 密 码： (*) 3.4发表留言页面 ReleaseWord.aspx 如图 6 所示为留言板发表留言页面。用户在登录之后，可以进行发表留言， 其中包括留言主题以及留言内容，用户可将自己的心情或想说的话发表在其中， 当单击“提交 ”按钮之后，将为数据库添加一条记录，其他用户则可以看见该用 户的留言。 13 图 6 留言板发表留言页面 源代码： % Page Language=“C#“ MasterPageFile=“/WebBBS_Front.master“ ValidateRequest =“false“ AutoEventWireup=“true“ CodeFile=“FaTie.aspx.cs“ Inherits=“FaTie“ Title=“发布贴子“ % 留言主题： 留言内容： 3.5查看留言页面 ShowWord.aspx 如图 7 是留言板查看留言页面，留言是留言板的主要交流内容，是用户-网 页-用户之间交流的必要手段，在查看留言的页面里，第一行为留言主题，可以 让人一目了然的了解到所看留言的主题；第二行为留言人的用户名，即发帖人； 第三行为留言时间；第四行为留言的内容，即为留言的正文部分；接下来的部 分即为“我要回复 ”、 “查看回复”，用户可以快速的进行所查看留言的回复，也可 以看到其他用户对该留言的相关回复。 当用户点击相关主题，即可进入到留言板查看留言页面。 图 7 留言板查看留言页面 源代码： 留言主题：发贴人： 留言时间： 留言内容： 3.6个人留言信息管理页面 MyWord.aspx 如图 8 是个人留言信息管理页面，用户可以在登录之后，查看自己发表过 的留言，并可以对自己发表的留言进行一些相关操作，如查看其他用户对自己 留言的回复，以及删除留言。 当用户点击导航上面的“我的留言” ，即可进入到个人留言信息管理页面。 图 8 留言板人留言信息管理页面 源代码： 查看主题 留言主题： 留言人： 17 留言时间： 留言内容： 3.7留言管理页面 LeaveWordManage.aspx 如图 9 是留言板留言管理页面，在留言板运行中，不可或缺的角色是管理 员，该留言板系统管理员在登录之后可以查看所有用户的留言以及其他用户对 所有留言的回复，还可以对不合理不合法的留言进行删除操作。 图 9 留言板留言管理页面 3.8用户注册页面 Register.aspx 如图 10 是留言板用户注册页面，访客用户只能经行网页查看以及留言查看， 并不能进行留言发布等相关操作，所以，用户注册是留言板不可或缺的一项功 能，访客将在留言页面将自己的一下帐号、密码、邮箱等相关信息填写在上面， 点击提交按钮，则系统将一个新用户的信息写入到数据库，即可进行普通用户 的操作。 图 10 留言板用户注册页面 源代码： 19 论坛注册 用户注册 用户登陆 用户名： 密码： 确认密码： 性别： 男 女 地址： Email： 联系电话： 21 4 系统的部署于运行 4.1 系统的发布 1、打开 IIS 进行配置 ，指定主目录，将主目录指向刚才的编译后的网站 的文件夹，并设置主文档，设置网站的权限，设置网站的其他参数，并绑定要 发布的机器的 IP 地址。在测试的过程中，我们使用局域网环境，将 设置为网站的 web 服务器。 2、在局域网中，打开其他的机器上的 IE 访问 /index.aspx，出现了网站的主页面。 以上就是在局域网中的配置与发布的过程，如果需要在 Internet 中发布， 则可能需要先购买 ISP 服务商提供的 Internet 空间和合适的域名，并将域名绑定 在所购买的空间中，然后将自己编译后的网站代码上传到服务器空间，就可以 实现 Internet 访问。 4.2 系统的测试与验证 系统在开发的过程中，使用了每当完成一个独立的页面，我们对这些页面 和模块都进行了单元测试。借助 Visual Studio 中提供的测试模版，可以很轻松 的实现单元测试、web 性能测试，负载测试等。 本系统比较简单，业务逻辑也比较简单，在本系统中，单个用户访问网站 的数据量也不大。故单元测试都没有出现较大的问题。 网站编码设计完成后，我们还对系统进行了整体测试，包含总体功能测试， 网站的性能测试、网站的容错能力测试等。 1、网站的总体测试：访问网站中包含的所有的页面及页面中出现的每一 个超级链接，检查是否正确的访问，以及各个页面是否达到了预期的效果。 检查页面的美观，是否出现页面的变形以及移位，各页面之间的颜色是否 一致等等。 通过以上测试，系统化基本正常访问。 2、系统的容错能力测试：当在和系统的交互过程中，系统接受用户输入 有什么限制，并找寻系统有没有可能出现 Bug。 在系统的运行中，登录页面、注册页面、发表留言以及发表回复页面都可 能出现用户输入非法字符的情况，可能造成系统的异常，从而导致系统的崩溃。 甚至在一些别有用心的访客