1、.某家教公司主网站的设计与应用摘 要在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们学习、工作、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在 Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。网络工程系“辅导员之家”网站包括一下几个页面模块：首页，组织发展、团学工作、评优评奖、勤工俭学、助学管理、学费减免、伙食补贴、教学文件，留言板，管理入口等
2、 11 个模块，其中留言板和管理入口作为单独的两个功能设计模块。主页面提供本网站的一个宏观样式，而其他个模块页面与之配合联系，就构成了一个完整的网站系统。本系统设计实现并通过测试，运行情况正常。关键词：Internet；信息；网站；MIS；ASP ；Access.The Designs and Developments of“Counselors Home“ WebsiteAbstractNowadays with the rapid development of the Internet, the Internet becomes the important channels for peo
3、ple to access, publish and change information. It plays an important role in peoples study, work and life, and so on. Publishing information on the Internet was mainly achieved through the website; Accessing to information is the Internet “sea“ in accordance with certain retrieval methods to the req
4、uired information from the website download down. Therefore the construction site on the Internet Application status is very clear, which has become the important components of the government, the enterprises informationzation construction so that it drew greatly peoples attention.Network Engineerin
5、g “counselors home“ website includes several pages about 11 modules : Homepage, organizational development, school groups, and attaining Monde work-study, student management, fee remissions, food subsidies, teaching document, the message board, management, with the message board and management as a
6、separate entrance to the design of two functional modules. Home-This site provides a macro mode, and other modules are used to cooperate with the links page, constituting a complete website system. This website has been finished and passed the examination.Key words: Internet; Information; Website; M
7、IS; ASP; Access.目 录论文总页数：18 页1 引言 11.1 课题背景 11.2 本课题的研究意义 11.3 本设计的主要任务 11.4 开发工具的选用及简介 12 需求分析 22.1 网站总体分析 22.1.1 网站功能模块分析 .22.1.2 系务板块分析 .32.1.3 留言板板块分析 .32.2 数据库分析 52.3 网站系统流程分析图例 53 总体设计 63.1 网站设计的基本步骤 63.2 网站总体设计 63.3 主页设计 73.3.1 主页面设计介绍 .73.3.2 系务板块功能设计介绍 .83.3.3 后台管理页面的设计 .93.4 数据库设计 .114 详细设
8、计 .124.1 代码设计 .124.1.1 页面与数据库连接代码 124.1.2 留言板管理登陆代码 135 编码与测试 .145.1 编码 .145.2 软件测试 .145.3 调试 .14结 论 .15参考文献 .16致 谢 .17声 明 .18.1 引言1.1 课题背景在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们学习、工作、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在 Internet应用上
9、的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，促进辅导员的日常管理工作，提高我系知名度，增强我系的工作效率，特构建网络工程系“辅导员之家”网站。1.2 本课题的研究意义通过网站，全面宣传，展示我系风采、优点与特色，发布学校的重大活动安排，增强学生与系办之间的联系，促进辅导员的日常管理工作，提高我系知名度，增强我系的工作效率，在 Internet 上实现完成部分系务工作，提高办事效率 。1.3 本 设计的主要任务本毕业设计综合运用以前所学的专业知识，设计开发一个网站，主要实现：网站前台的设计实现，后台信息管理，留言板，文件传输等功能。1.
10、4 开发工具的选用及简介本设计选用的是 ASP 作为网站的开发技术。ASP（Active Server Page）活动服务器页面，是一种服务器端脚本环境，也可称为一种解决方案，开发者可以混合使用 HTML，脚本语言以及组件来创建服务器端功能强大的 Internet/Intranet 应用程序。ASP 作为当今 Web 开发的主流技术，选择它的原因主要由于其拥有以下显著特点：ASP 技术使用 VBScript，JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成动态的 Web 应用程序。ASP 无须编译，编写容易，由服务器的软件解释后直接执行。当执行ASP 程序时，脚本程序
11、将一整套命令发送给脚本解释器（即脚本引擎） ，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。普通文本编辑器，如 Windows 的记事本，即可进行程序编辑。与浏览器无关，用户端只要使用可执行 HTML 码的浏览器，即可浏览ASP 所设计的网页内容。 ASP 所使用的脚本语言（ VBScript，JScript ）均可在Web 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。 ASP 能与任何 Active scripting 语言相容。除了可使用 VBscript 或.JScript 语言来设计外，还可通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 Per
12、l，PHP 等。脚本引擎是处理脚本程序的 COM（Component Object Model）组件。ASP 的源程序不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃或者篡改，提高了程序的安全性。可以使用服务器端的脚本来生成客户端的脚本对象导向（Object-oriented）ActiveX 服务器组件（ActiveX Server Components）具有无限的可扩充性。可以使用 Visual Basic，Delphi，Java ，Visual C+等各种编程语言来编写所需要的 ActiveX Server Component。2 需求分析2.1 网站总体分析系统总体结构设计是系统
13、设计过程中及其重要的一步，对系统的技术层次，开发过程，功能实现及开发成本方面具有重大的影响。系统总统结构设计应尽可能的考虑人机关系，环境条件以及与运行管理系统等的联系，使系统每个部分都能协调适应。教育信息网是实现教育资源分配的桥梁网络，有巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学校在获取教育资源的权利上达成平等，使每一位教师和学生都能均等的享受得到培训和受教育的机会，不再会受到学校水平，教材，教师能力的限制。不仅能极大的提高教学效率，而且能实现教育公平的社会思想。2.1.1 网站功能模块分析本次项目的内容是为网络工程系制作一个“辅
14、导员之家”的网站，根据需求分析的结果，本网站分为 3 个模块系务板块，留言板，后台管理系统。其中系务板块包含 8 个板块：组织发展，团学工作，评优评奖，勤工俭学，助学管理，学费减免，伙食补贴，教学文件。这三个功能模块在功能上是相互独立的，完成不同的功能，但是它们之间又有着联系，通过对功能模块的有机结合来构成完整的网站，现在设计出功能结构图如图 1 所示，他兼顾了学生浏览和辅导员管理两重功能。.“辅导员”之家系务板块 留言板后台管理2.1.2 系务板块分析系务板块一共分为 8 个板块，它们分别是：组织发展，团学工作，评优评奖，勤工俭学，助学管理，学费减免，伙食补贴，教学文件。在各个板块中，可以由
15、辅导员添加/更改/删除新闻文章，并增加多级分类。以下图 2 是系务板块的功能结构图：2.1.3 留言板板块分析留言板是挂靠在本网站上的一个独立的系统。本留言板设计出来，目的是让学生针对学习，生活，工作方面的事情或问题，通过在本网站上发布，让辅导员了解并及时解决问题或者提出解释。这样才能更好的加强学生和辅导员之间的沟通。本留言板设计美观大方，功能强大。分为前台设计和后台设计。前台设计： 1：发布留言，并附加多种编辑功能（包括字体编辑，图片编辑和表情编辑） 。2：可以显示留言，会显示出留言的标题，留言内容，发表留言的姓名或昵称，发表留言的具体时间，发表留言人的联系方式（包括邮箱，OICQ，电话号码
16、和个人主页） ，管理员的回复。图 1 网站功能模块图 2 系务板块图系务板块组织发展团学工作评优评奖勤工俭学助学管理学费减免伙食补贴教学文件.后台设计：1：管理留言。对学生发表的留言进行审核。如果通过审核，那可以将留言显示在前台。如果不能通过管理员的审核，那可以对留言采取屏蔽，删除等操作。2：修改资料/密码。管理员进入后台之后，选择修改自己的资料/密码。3：注销。也就是退出管理，转到留言板首页。图 3 留言板前台页面.2.2 数据库分析作为一个具有一定价值的管理信息系统，从本质上说，操作的对象为数据库中存储的具体记录。因此，不仅要求所有使用的数据库系统具有比较高的稳定性，安全性以及高负载下足够
17、响应的能力，还要求设计者清楚需求，作出科学的数据逻辑结构设计，以提高数据库的利用效率和减少数据冗余。以这种思想作为设计策略，分析出系统的以下几项需求：（1）系统用户主要包括普通游客和管理员用户；（2）系统的信息需要两级分类；（3）附件上传及管理功能。2.3 网站系统流程分析图例1网站总体工作流程图2网站操作实例图图 4 留言板后台页面图 5 网站工作流程.3 总体设计3.1 网站设计的基本步骤本网站以 asp 为主要开发技术，数据库选用 access。主要步骤如下： 1.根据要求对网站进行初步规划，画出网站拓扑图;2.设计数据库及详细数据表;3.设计网站页面;4.网站后台的编写;5.测试;6.
18、上传.3.2 网站总体设计根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：1、 网站首页：发布一些院系的重要新闻和重要公告。 2、 留言板：学生通过留言，来实现与辅导员和老师之间的即时消息沟通。3 、后台管理：系统管理员发布和更新新闻和公告的系统。4 、系务板块：包括：组织发展、团学工作、评优评奖、勤工俭学、助学管理、学费减免、伙食补贴、教学文件等八个板块。下面是本网站的拓扑图：图 6 网站实例图.“辅 导 员 之 家”首 页组 织 发 展团 学 工 作评 优 评 奖勤 工 俭 学助 学 管 理学 费 减 免伙 食 补 贴教 学 文 件管 理 入
19、口留 言 板3.3 主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍院系风采、优点特色、信息发布，对于系务，就得利用 ASP 与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的 web 画面来实现。下面对网站的具体功能及实现做简单介绍。3.3.1 主页面设计介绍这是本网站的首页视图，包括 LOGO 图片，日期时间显示，导航条。根据网站的首页的导航条，可以点击进入各个系务板块浏览新闻/消息/文章，进入留言板进行留言，管理员可以通过“管理入口”进入后台管理系统进行操作,包括添加、删除、修改和更新新闻及新闻类别。图 7 网站拓扑
20、图图 8 首页 LOGO 图.3.3.2 系务板块功能设计介绍在 系 务 板 块 ， 任 何 用 户 都 可 以 浏 览 各 个 板 块 的 页 面 ， 阅 读 相 关 的 新 闻 或消 息 。组 织 发 展 ： 介 绍 关 于 我 系 的 党 建 工 作 ， 入 党 情 况 ， 党 组 织 活 动 安 排 ， 以及 一 些 党 组 织 文 件 。团 学 工 作 ： 介 绍 关 于 我 系 的 团 学 工 作 ， 系 团 总 支 学 生 会 工 作 ， 包 括 团 员活 动 ， 学 生 到 课 情 况 。评 优 评 奖 ： 针 对 每 学 年 的 奖 学 金 ， 三 好 学 生 ， 优 秀 学
21、 生 干 部 等 一 系 列 学院 和 系 的 评 优 情 况 。勤 工 俭 学 ： 公 布 我 系 的 勤 工 俭 学 名 额 及 实 施 情 况 。助 学 管 理 ： 介 绍 我 系 的 各 种 助 学 方 案 及 具 体 规 定 。学 费 减 免 ： 发 布 针 对 我 系 的 贫 困 学 生 的 学 费 的 减 免 政 策 。教 学 文 件 ： 上 传 院 系 的 政 策 文 件 ， 教 学 文 件 ， 以 及 考 试 安 排 情 况 。以 上 个 模 块 均 是 共 用 一 个 设 计 思 想 和 方 案 ， 所 以 它 们 的 页 面 显 示 是 一 个样 式 。下 面 是 系 务
22、 板 块 部 分 页 面 的 显 示 情 况 ：图 9 网站首页视图.3.3.3 后台管理页面的设计本 网 站 设 计 了 “管 理 入 口 ”， 也 就 是 本 网 站 的 后 台 。网 站 是 建 立 在 许 多 不 同 的 内 容 模 块 之 上 的 ， 网 站 的 规 模 也 是 体 现 在 模 块数 量 和 质 量 之 上 。 在 以 数 量 为 网 站 规 模 的 前 提 下 ， 对 网 站 模 块 的 控 制 和 管 理图 10 组 织 发 展 页 面图 11 勤 工 俭 学 页 面.是 十 分 重 要 的 。 本 网 站 的 后 台 管 理 主 要 着 重 两 个 方 面 的
23、管 理 ： 一 般 的 模 块 管理 和 超 级 管 理 选 项 。一 般 模 块 管 理 包 括 ： 添 加 文 章 内 容 /管 理 全 部 文 章 /管 理 文 章 类 别 /公 告管 理 /友 情 连 接 管 理 。超 级 管 理 选 项 ： 就 是 指 超 级 管 理 员 对 所 有 管 理 员 的 管 理 。 也 可 以 称 之 为“管 理 员 管 理 ”： 是 针 对 管 理 员 的 最 高 层 构 建 的 ， 作 用 是 对 下 属 管 理 员 进 行创 建 和 授 权 ， 前 提 首 先 是 要 具 有 管 理 员 权 限 的 管 理 员 才 能 对 此 进 行 操 作 ，
24、授权 通 过 动 态 生 成 的 复 选 框 进 行 。 管 理 员 添 加 时 需 要 输 入 用 户 名 和 密 码 ， 分 配其 权 限 ， 确 认 后 操 作 完 成 。下 面 是 后 台 管 理 页 面 的 部 分 截 图 ：1 后 台 管 理 首 页2 文 章 管 理 类 别图 12 后 台 管 理 首 页.3 公 告 管 理3.4 数据库设计采用的数据库是 Microsoft Access ，拟建立 wlgcx.mdb 库文件，包含如下几个表文件：1.Admin 管理员信息表 表 1 管理员信息表字段名称 数据类型 说明ALIVE 文本 管理员级别设定ID 自动编号admin 文
25、本 管理员名字设定password 文本 管理员密码设定2.BigClass 模块大类信息表表 2 模块大类信息表字段名称 数据类型BigClassID 自动编号BigClassName 文本Admin 文本图 13 管 理 文 章 类 别图 14 公 告 管 理.3.gg 公告管理信息表表 3 公告管理信息表字段名称 数据类型 说明ID 自动编号Name 文本 文章标题content 文本 文章内容4.News 新闻信息表表 4 新闻信息表字段名称 数据类型 说明ID 数字 自动编号title 文本 新闻标题Content 文本 新闻内容BigClassName 文本 大类名称SmallCl
26、assName 文本 小类名称Imagenum 数字 图片数量firstImgeName 文本 第一张图片的名字User 文本 新闻发布人Infotime 时间/日期 发布时间Hits 数字 点击次数ok 备注5.SmallClass 模块小类信息表表 5 模块小类信息表字段名称 数据类型 说明SmallClassID 数字 自动编号.SmallClassName 文本 小类名称BigClassName 文本 所属大类Admin 文本 管理员4 详细设计4.1 页面与数据库连接代码4.2 留言板管理登陆代码5 编码与测试5.1 编码所谓编码就是把软件设计的结果翻译成计算机可以“理解” 的形式。
27、因此，程序的质量主要取决于软件设计的质量。但是，程序设计语言的特性和编码途径也会对程序的可靠性、可读性、可测试性和可维护性产生深远的影响。开发软件系统时必须做出的一个重要抉择是，使用什么样子的程序设计语言实现这个系统。适宜的程序设计语言能使根据设计去完成编码时困难最少，可以减少需要的程序测试量，并且可以得出更容易阅读和更容易维护程序。由于软件系统的绝大多数部分成本又在生命周期的测试和维护阶段，所以容易测试和容易维为了使程序容易测试和维护已减少生命周期的总成本，选用的高级语言应该有理想的模块化机制，以及可读性好的控制结构和数据结构；为了便于调试和提高软件可靠性，语言特点应该使编译程序能够尽可能多
28、的发现程序中和错误；为了降低软件开发和维护成本，我选择的程序设计平台是 Microsoft 公司出品的Microsoft Visual Studio.NET。5.2 软件测试软件测试的目的是尽可能多地发现软件产品(主要指程序)中的错误和缺陷。测试时主要考虑以下有关的原则：1.确定预期输出结果。2.程序员应避免测试自己的程序。3.彻底检查每个测试结果。4.对非法的和非预期的输入数据也要像合法的和预期的输入数据一样编写测试用例。5.不要扔掉测试用例。6.程序模块经测试后，遗留的错误数目往往与己发现的错误数目成比例。.本系统在成都信息工程学院局域网中测试，测试结果符合设计要求。5.3 调试调试是软件
29、开发过程中最艰巨的脑力劳动，任何一个软件系统在开发、测试过程中，都不可能忽略对软件的调试，一个开发软件只有经过反复的调试和测试才能投入实际使用，特别对于行政公文管理软件，它对准确性要求更是不言而喻。一个新的源程序几乎总是包含错误，既可能是设计的，也可能是编码上的，仅通过看是不能解决问题的，一定要借助调试程序。从发现错误到修改完成，一般来说，调试由如下几步组成：错误鉴定与识别。错误诊断错误更正经过静态测试后，仍然留在程序中的错误是十分隐蔽的，为找到这些错误，首先要捕获一些与错误有关的线索。改正程序中的错误没有什么捷径可走，必须踏实，仔细的分析。经验是很重要的，在调试程序中要经常总结一下调试程序所
30、得的经验。随着经验的积累，识别错误的能力也就越来越强。编程也就充满了挑战与乐趣。结 论网络工程系“辅导员之家”网站已经设计开发完成，本网站的设计开发不落窠巢，设计美观大方，界面简单干净但不失清新明亮，它将挂靠于成都信息工程学院。其内容与板块将会根据我系学生和辅导员老师的需求进行调整或添加，目前设计开发的网站包括首页概况，组织发展，团学工作，评优评奖，勤工俭学，助学管理，学费减免，伙食补贴，教学文件，留言板，管理入口等 11个模块。建立这个网站的目的是为了增强我们系学生与辅导员老师之间的联系与沟通，让老师及时了解学生当中的思想动态，了解在学习，生活中出现的各种问题并及时给予解决。同时也让学生更直
31、接全面的了解学院以及我系的教学动态，了解院系的各种即时政策通知，方便学生更好的学习生活，更好的与领导老师沟通联系。由于我是首次尝试开发网站，所以开发出来的网站还有许多不足之处，我会在日后不断的进行改进，使网站在功能上更强大，视觉效果上更完善，力求更好。在设计开发的过程中，得到了吴春旺老师孜孜不倦的指导和其他同学的热情帮助。在此我对吴春旺老师和帮助了我的同学致以我最诚挚的谢意！.参考文献1 Matthew Reynolds英,Richard Blair英. ASP 完全解读M. 北京：清华大学出版社，2004。2 张玉平. ASP+Access 组建动态网站M.北京：电子工业出版社,2006。3 Andrew S.Tanenbaum美.计算机网络M.北京：清华大学出版社,1998。4 李广润,王耆. Access 数据库操作导引M.北京：电子工业出版社，2001。5 卢镇波,李青. ASP.NET 程序设计专家门诊M.北京：清华大学出版社,2005。6 网冠科技.ASP.NET 时尚编程百例M.北京：机械工业出版社，2003。文档来源：591 论文网
