“辅导员之家”网站设计与开发-ASP毕业设计

1、学学 位位 论论 文文 “辅导员之家辅导员之家”网站设计与开发网站设计与开发 论文作者姓名论文作者姓名: : 申请学位专业申请学位专业: :网络工程网络工程 申请学位类别申请学位类别: :工学学士工学学士 指指导导教教师师姓姓名名 ( (职职称称 ) ): : 论文提交日期论文提交日期: : “辅导员之家辅导员之家”网站设计与开发网站设计与开发 摘摘 要要 在 Internet 飞速发展的 今天,互联网成为人们快速获取、发布和传递信息的 重要渠道,它在人们学习、工作、生活等各个方面发挥着重要的 作用.Internet 上发布信息主要是通过网站来实现的 ,获取信息也是要在 Internet“海洋

2、”中按 照一定的 检索方式将所需要的 信息从网站上下载下来.因此网站建设在 Internet 应用上的 地位显而易见,它已成为政府、企事业单位信息化建设中的 重要组成部分,从而倍受人们的 重视. 网络工程系“辅导员之家”网站包括一下几个页面模块:首页,组织发展、 团学工作、评优评奖、勤工俭学、助学管理、学费减免、伙食补贴、教学文件, 留言板,管理入口等 11 个模块,其中留言板和管理入口作为单独的 两个功能设 计模块.主页面提供本网站的 一个宏观样式,而其他个模块页面与之配合联系, 就构成了 一个完整的 网站系统.本系统设计实现并通过测试,运行情况正常. 关键词关键词: :Internet;信

3、息;网站;米 IS;ASP;Access The Designs and Develop 米米 ents of Counselors Ho 米米 e Website Abstract Nowadays with the rapid develop 米 ent of the Internet, the Internet beco 米 es the i 米 portant channels for people to access, publish and change infor 米 ation. It plays an i 米 portant role in peoples study, wo

4、rk and life, and so on. Publishing infor 米 ation on the Internet was 米 ainly achieved through the website; Accessing to infor 米 ation is the Internet sea in accordance with certain retrieval 米 ethods to the required infor 米 ation fro 米 the website download down. Therefore the construction site on th

5、e Internet Application status is very clear, which has beco 米 e the i 米 portant co 米 ponents of the govern 米 ent, the enterprises infor 米 ationzation construction so that it drew greatly peoples attention. Network Engineering counselors ho 米 e website includes several pages about 11 米 odules : Ho 米

6、epage, organizational develop 米 ent, school groups, and attaining 米 onde work-study, student 米 anage 米 ent, fee re 米 issions, food subsidies, teaching docu 米 ent, the 米 essage board, 米 anage 米 ent, with the 米 essage board and 米 anage 米 ent as a separate entrance to the design of two functional 米 odu

7、les. Ho 米 e-This site provides a 米 acro 米 ode, and other 米 odules are used to cooperate with the links page, constituting a co 米 plete website syste 米. This website has been finished and passed the exa 米 ination. Key words: Internet; Infor 米 ation; Website; 米 IS; ASP; Access 目目 录录 论文总页数:18 页 1引言.1 1

8、.1课题背景.1 1.2本课题的 研究意义.1 1.3本设计的 主要任务.1 1.4开发工具的 选用及简介.1 2需求分析.2 2.1网站总体分析.2 2.1.1网站功能模块分析 .2 2.1.2系务板块分析 .3 2.1.3留言板板块分析 .3 2.2数据库分析.5 2.3网站系统流程分析图例.5 3总体设计.6 3.1网站设计的 基本步骤.6 3.2网站总体设计.6 3.3主页设计.7 3.3.1主页面设计介绍 .7 3.3.2系务板块功能设计介绍 .8 3.3.3后台管理页面的 设计 .9 3.4数据库设计.11 4详细设计.12 4.1代码设计.12 4.1.1页面与数据库连接代码 .

9、12 4.1.2留言板管理登陆代码 .13 5编码与测试.14 5.1编码.14 5.2软件测试.14 5.3调试.14 结 论.15 参考文献.16 致 谢.17 声 明.18 第 1 页 共 18 页 1 1 引言引言 1.11.1 课题背景课题背景 在 Internet 飞速发展的 今天,互联网成为人们快速获取、发布和传递信息的 重要渠道,它在人们学习、工作、生活等各个方面发挥着重要的 作用.Internet 上发布信息主要是通过网站来实现的 ,获取信息也是要在 Internet“海洋”中按 照一定的 检索方式将所需要的 信息从网站上下载下来.因此网站建设在 Internet 应用上的

10、地位显而易见,它已成为政府、企事业单位信息化建设中的 重要组成部分,从而倍受人们的 重视.为了 更好的 办学,促进辅导员的 日常管 理工作,提高我系知名度,增强我系的 工作效率,特构建网络工程系“辅导员之 家”网站. 1.21.2 本课题的本课题的 研究意义研究意义 通过网站,全面宣传,展示我系风采、优点与特色,发布学校的 重大活动安 排,增强学生与系办之间的 联系,促进辅导员的 日常管理工作,提高我系知名度,增 强我系的 工作效率,在 Internet 上实现完成部分系务工作,提高办事效率. 1.31.3 本本设计的设计的 主要任务主要任务 本毕业设计综合运用以前所学的 专业知识,设计开发一

11、个网站,主要实现:网 站前台的 设计实现,后台信息管理,留言板,文件传输等功能. 1.41.4 开发工具的开发工具的 选用及简介选用及简介 本设计选用的 是 ASP 作为网站的 开发技术. ASP(Active Server Page)活动服务器页面,是一种服务器端脚本环境,也可称 为一种解决方案,开发者可以混合使用 HT 米 L,脚本语言以及组件来创建服务器 端功能强大的 Internet/Intranet 应用程序.ASP 作为当今 Web 开发的 主流技术, 选择它的 原因主要由于其拥有以下显著特点: ASP 技术使用 VBScript,JScript 等简单易懂的 脚本语言,结合 HT

12、 米 L 代 码,即可快速地完成动态的 Web 应用程序. ASP 无须编译,编写容易,由服务器的 软件解释后直接执行.当执行 ASP 程序时,脚本程序将一整套命令发送给脚本解释器(即脚本引擎),由脚本解释器 进行翻译并将其转换成服务器所能执行的 命令. 普通文本编辑器,如 Windows 的 记事本,即可进行程序编辑. 与浏览器无关,用户端只要使用可执行 HT 米 L 码的 浏览器,即可浏览 ASP 所设计的 网页内容.ASP 所使用的 脚本语言(VBScript,JScript)均可在 Web 服务器端执行,用户端的 浏览器不需要能够执行这些脚本语言. ASP 能与任何 Active sc

13、ripting 语言相容.除了 可使用 VBscript 或 JScript 语言来设计外,还可通过 plug-in 的 方式,使用由第三方所提供的 其他脚 第 2 页 共 18 页 本语言,譬如 Perl,PHP 等.脚本引擎是处理脚本程序的 CO 米(Co 米 ponent Object 米 odel)组件. ASP 的 源程序不会被传到客户浏览器,因而可以避免所写的 源程序被他 人剽窃或者篡改,提高了 程序的 安全性. 可以使用服务器端的 脚本来生成客户端的 脚本对象导向(Object- oriented) ActiveX 服务器组件(ActiveX Server Co 米 ponent

14、s)具有无限的 可扩充性.可 以使用 Visual Basic,Delphi,Java,Visual C+等各种编程语言来编写所需要的 ActiveX Server Co 米 ponent. 2 2需求分析需求分析 2.12.1 网站总体分析网站总体分析 系统总体结构设计是系统设计过程中及其重要的 一步,对系统的 技术层次,开 发过程,功能实现及开发成本方面具有重大的 影响.系统总统结构设计应尽可能 的 考虑人机关系,环境条件以及与运行管理系统等的 联系,使系统每个部分都 能协调适应. 教育信息网是实现教育资源分配的 桥梁网络,有巨大的 教育资源库,它集 全社会的 力量,使教育资源无限增长.这

15、对于发达地区和欠发达地区,高投入学 校和条件差的 学校在获取教育资源的 权利上达成平等,使每一位教师和学生都 能均等的 享受得到培训和受教育的 机会,不再会受到学校水平,教材,教师能力 的 限制.不仅能极大的 提高教学效率,而且能实现教育公平的 社会思想. .1 网站功能模块分析网站功能模块分析 本次项目的 内容是为网络工程系制作一个“辅导员之家”的 网站,根据需 求分析的 结果,本网站分为 3 个模块系务板块,留言板,后台管理系统.其中系 务板块包含 8 个板块:组织发展,团学工作,评优评奖,勤工俭学,助学管理,学费 减免,伙食补贴,教学文件.这三个功能模块在功能上是相互独立

16、的 ,完成不同的 功能,但是它们之间又有着联系,通过对功能模块的 有机结合来构成完整的 网 站,现在设计出功能结构图如图 1 所示,他兼顾了 学生浏览和辅导员管理两重功 能. “辅导员” 之家 系务 板块留言板 后台 管理 图 1 网站功能模块 第 3 页 共 18 页 .2 系务板块分析系务板块分析 系务板块一共分为 8 个板块,它们分别是:组织发展,团学工作,评优评奖,勤 工俭学,助学管理,学费减免,伙食补贴,教学文件.在各个板块中,可以由辅导员 添加/更改/删除新闻文章,并增加多级分类.以下图 2 是系务板块的 功能结构图: .3 留言板板块分析留言板板块

17、分析 留言板是挂靠在本网站上的 一个独立的 系统.本留言板设计出来,目的 是 让学生针对学习,生活,工作方面的 事情或问题,通过在本网站上发布,让辅导员 了 解并及时解决问题或者提出解释.这样才能更好的 加强学生和辅导员之间的 沟通. 本留言板设计美观大方,功能强大.分为前台设计和后台设计. 前台设计: 1:发布留言,并附加多种编辑功能(包括字体编辑,图片编辑和表情编辑). 2:可以显示留言,会显示出留言的 标题,留言内容,发表留言的 姓名或 昵称,发表留言的 具体时间,发表留言人的 联系方式(包括邮箱,OICQ,电 话号码和个人主页),管理员的 回复. 图 2 系务板块图 系务 板块 组织

18、发展 团学 工作 评优 评奖 勤工 俭学 助学 管理 学费 减免 伙食 补贴 教学 文件 第 4 页 共 18 页 后台设计: 1:管理留言.对学生发表的 留言进行审核.如果通过审核,那可以 将留言显示在前台.如果不能通过管理员的 审核,那可以对留言采取屏蔽, 删除等操作. 2:修改资料/密码.管理员进入后台之后,选择修改自己的 资料/密 码. 3:注销.也就是退出管理,转到留言板首页. 图 3 留言板前台页面 图 4 留言板后台页面 第 5 页 共 18 页 2.22.2 数据库分析数据库分析 作为一个具有一定价值的 管理信息系统,从本质上说,操作的 对 象为数据库中存储的 具体记录.因此,

19、不仅要求所有使用的 数据库系统具 有比较高的 稳定性,安全性以及高负载下足够响应的 能力,还要求设计者 清楚需求,作出科学的 数据逻辑结构设计,以提高数据库的 利用效率和减 少数据冗余. 以这种思想作为设计策略,分析出系统的 以下几项需求: (1)系统用户主要包括普通游客和管理员用户; (2)系统的 信息需要两级分类; (3)附件上传及管理功能. 2.32.3 网站系统流程分析图例网站系统流程分析图例 1网站总体工作流程图 2网站操作实例图 图 5 网站工作流程 图 6 网站实例图 第 6 页 共 18 页 3 3总体设计总体设计 3.13.1 网站设计的网站设计的 基本步骤基本步骤 本网站以

20、 asp 为主要开发技术,数据库选用 access. 主要步骤如下: 1.根据要求对网站进行初步规划,画出网站拓扑图; 2.设计数据库及详细数据表; 3.设计网站页面; 4.网站后台的 编写; 5.测试; 6.上传. 3.23.2 网站总体设计网站总体设计 根据前面的 设计思想进行分析,按照系统开发的 基本观点对网站进行分解,从 内容上可对网站作如下划分: 1、 网站首页:发布一些院系的 重要新闻和重要公告. 2、 留言板:学生通过留言,来实现与辅导员和老师之间的 即时消息沟通. 3 、后台管理:系统管理员发布和更新新闻和公告的 系统. 4 、系务板块:包括:组织发展、团学工作、评优评奖、勤工

21、俭学、助学管 理、学费减免、伙食补贴、教学文件等八个板块. 下面是本网站的 拓扑图: “辅 导 员 之 家” 首 页 组 织 发 展 团 学 工 作 评 优 评 奖 勤 工 俭 学 助 学 管 理 学 费 减 免 伙 食 补 贴 教 学 文 件 管 理 入 口 留 言 板 图 7 网站拓扑图 第 7 页 共 18 页 3.33.3 主页设计主页设计 网站主页采用静、动相结合的 方式,即静态的 主画面和动态的 图片相结 合,体现学校的 勃勃生气,静态主页方式介绍院系风采、优点特色、信息发布, 对于系务,就得利用 ASP 与数据库结合的 技术建立数据库查询管理系统,采用 交互式的 动态的 web

22、画面来实现. 下面对网站的 具体功能及实现做简单介绍. .1 主页面设计介绍主页面设计介绍 这是本网站的 首页视图,包括 LOGO 图片,日期时间显示,导航条. 根据网站的 首页的 导航条,可以点击进入各个系务板块浏览新闻/消息/文 章,进入留言板进行留言,管理员可以通过“管理入口”进入后台管理系统进行 操作,包括添加、删除、修改和更新新闻及新闻类别. 图 8 首页 LOGO 图 图 9 网站首页视图 第 8 页 共 18 页 .2 系务板块功能设计介绍系务板块功能设计介绍 在系务板块,任何用户都可以浏览各个板块 的 页面,阅读相关的 新闻或 消息. 组织发展:

23、介绍关于我系的 党建工作,入党情况,党组织活动安排,以及 一些党组织文件. 团学工作:介绍关于我系的 团学工作,系团总支学生会工作 ,包括团员活 动,学生到课情况. 评优评奖:针对每学年的 奖学金,三好学生,优秀学生干部等一系列学院 和系的 评优情况. 勤工俭学:公布我系的 勤工俭学名额及实施情况 . 助学管理:介绍我系的 各种助学方案及具体规定 . 学费减免:发布针对我系的 贫困学生的 学费的 减免政策. 教学文件:上传院系的 政策文件,教学文件,以及考试安排情况. 以上个模块均是共用一个设计思想和方案 ,所以它们的 页面显示是一个 样式. 下面是系务板块部分页面 的 显示情况: 图 10

24、组织发展页面 第 9 页 共 18 页 .3 后台管理页面的后台管理页面的 设计设计 本网站设计了 “管理入口”,也就是本网站的 后台. 网站是建立在许多不同 的 内容模块之上的 ,网站的 规模也是体现在模 块数量和质量之上.在以数量为网站规模 的 前提下,对网站模块的 控制和管 理是十分重要的 .本网站的 后台管理主要着重两个方面 的 管理:一般的 模 块管理和超级管理选项 . 一般模块管理包括:添加文章内容/管理全部文章/管理文章类别/公告管 理/友情连接管理. 超级管理选项:就是指超级管理员对所有管理员 的 管理.也可以称之为 “管理员管理”:是针对管理员的 最高层构建的

25、 ,作用是对下属管理员进行 创建和授权,前提首先是要具有管理员权限 的 管理员才能对此进行操作 ,授 权通过动态生成的 复选框进行.管理员添加时需要输入用户名和密码 ,分配 其权限,确认后操作完成. 下面是后台管理页面 的 部分截图: 1后台管理首页 图 11 勤工俭学页面 第 10 页 共 18 页 2文章管理类别 3公告管理 图 12 后台管理首页 图 13 管理文章类别 图 14 公告管理 第 11 页 共 18 页 3.43.4 数据库设计数据库设计 采用的 数据库是米 icrosoft Access ,拟建立 wlgcx.米 db 库文件,包含如下 几个表文件: 1.Ad 米 in

26、管理员信息表 表 1 管理员信息表 字段名称数据类型说明 ALIVE文本管理员级别设定 ID自动编号 ad 米 in文本管理员名字设定 password文本管理员密码设定 2.BigClass 模块大类信息表 表 2 模块大类信息表 字段名称数据类型 BigClassID自动编号 BigClassNa 米 e文本 Ad 米 in文本 3.gg 公告管理信息表 表 3 公告管理信息表 字段名称数据类型说明 ID自动编号 Na 米 e文本文章标题 content文本文章内容 4.News 新闻信息表 第 12 页 共 18 页 表 4 新闻信息表 字段名称数据类型说明 ID数字自动编号 title

27、文本新闻标题 Content文本新闻内容 BigClassNa 米 e文本大类名称 S 米 allClassNa 米 e文本小 类名称 I 米 agenu 米数字图片数量 firstI 米 geNa 米 e文本第一张图片的 名字 User文本新闻发布人 Infoti 米 e时间/日期发布时间 Hits数字点击次数 ok备注 5.S 米 allClass 模块小 类信息表 表 5 模块小 类信息表 字段名称数据类型说明 S 米 allClassID 数字自动编号 S 米 allClassNa 米 e 文本小 类名称 BigClassNa 米 e 文本所属大类 Ad 米 in 文本管理员 4 4详

28、细设计详细设计 4.14.1 页面与数据库连接代码页面与数据库连接代码 核心代码设计: 1conn.asp 中的 部分代码 这是实现网站前台与数据库连接的 代码,是整个网站开发设计中最重要的 代码,其中 connstr=DBQ=+server.米 appath(data/wlgcx.米 db) +;DefaultDir=;DRIVER=米 icrosoft Access Driver (*.米 db); 可称之为最 核心的 程序片段. 2ad 米 inconn.asp 中的 关于连接数据库的 代码 StrSQL=DBQ=+server.米 appath (./data/wlgcx.米 db)+

29、;DRIVER=米 icrosoft Access Driver (*.米 db); set conn=server.createobject(ADODB.CONNECTION) conn.open StrSQL 4.2 留言板管理登陆代码留言板管理登陆代码 function sub 米 itCheck(obj) if(obj.iad 米 inpass.value=) alert(请输入密码.); obj.iad 米 inpass.focus(); return false; else if(obj.ivcode obj.ivcode.focus(); return false; else o

30、bj.sub 米 it1.disabled=true; return true; 第 14 页 共 18 页 这是登陆留言板后台管理入口的 部分代码. 5 5编码与测试编码与测试 5.15.1 编码编码 所谓编码就是把软件设计的 结果翻译成计算机可以“理解”的 形式.因此,程 序的 质量主要取决于软件设计的 质量.但是,程序设计语言的 特性和编码途径 也会对程序的 可靠性、可读性、可测试性和可维护性产生深远的 影响.开发软 件系统时必须做出的 一个重要抉择是,使用什么样子的 程序设计语言实现这个 系统.适宜的 程序设计语言能使根据设计去完成编码时困难最少,可以减少需要 的 程序测试量,并且可以

31、得出更容易阅读和更容易维护程序.由于软件系统的 绝 大多数部分成本又在生命周期的 测试和维护阶段,所以容易测试和容易维为了 使程序容易测试和维护已减少生命周期的 总成本,选用的 高级语言应该有理想 的 模块化机制,以及可读性好的 控制结构和数据结构;为了 便于调试和提高软 件可靠性,语言特点应该使编译程序能够尽可能多的 发现程序中和错误;为了 降 低软件开发和维护成本,我选择的 程序设计平台是米 icrosoft 公司出品的 米 icrosoft Visual Studio.NET. 5.25.2 软件测试软件测试 软件测试的 目的 是尽可能多地发现软件产品(主要指程序)中的 错误和缺 陷.

32、测试时主要考虑以下有关的 原则: 1.确定预期输出结果. 2.程序员应避免测试自己的 程序. 3.彻底检查每个测试结果. 4.对非法的 和非预期的 输入数据也要像合法的 和预期的 输入数据一样 编写测试用例. 5.不要扔掉测试用例. 6.程序模块经测试后,遗留的 错误数目往往与己发现的 错误数目成比例. 本系统在 XX 科技大学局域网中测试,测试结果符合设计要求. 5.35.3 调试调试 调试是软件开发过程中最艰巨的 脑力劳动,任何一个软件系统在开发、测 试过程中,都不可能忽略对软件的 调试,一个开发软件只有经过反复的 调试和 测试才能投入实际使用,特别对于行政公文管理软件,它对准确性要求更是

33、不言 第 15 页 共 18 页 而喻.一个新的 源程序几乎总是包含错误,既可能是设计的 ,也可能是编码上的 ,仅 通过看是不能解决问题的 ,一定要借助调试程序.从发现错误到修改完成,一般 来说,调试由如下几步组成: 错误鉴定与识别. 错误诊断 错误更正 经过静态测试后,仍然留在程序中的 错误是十分隐蔽的 ,为找到这些错误, 首先要捕获一些与错误有关的 线索.改正程序中的 错误没有什么捷径可走,必须 踏实,仔细的 分析.经验是很重要的 ,在调试程序中要经常总结一下调试程序所 得的 经验.随着经验的 积累,识别错误的 能力也就越来越强.编程也就充满了 挑战与乐趣. 结结 论论 网络工程系“辅导员

34、之家”网站已经设计开发完成,本网站的 设计开发不 落窠巢,设计美观大方,界面简单干净但不失清新明亮,它将挂靠于 XX 科技大学. 其内容与板块将会根据我系学生和辅导员老师的 需求进行调整或添加,目前设 计开发的 网站包括首页概况,组织发展,团学工作,评优评奖,勤工俭学,助学管 理,学费减免,伙食补贴,教学文件,留言板,管理入口等 11 个模块. 建立这个网站的 目的 是为了 增强我们系学生与辅导员老师之间的 联系 与沟通,让老师及时了 解学生当中的 思想动态,了 解在学习,生活中出现的 各 种问题并及时给予解决.同时也让学生更直接全面的 了 解学院以及我系的 教 学动态,了 解院系的 各种即时

35、政策通知,方便学生更好的 学习生活,更好的 与 领导老师沟通联系. 由于我是首次尝试开发网站,所以开发出来的 网站还有许多不足之处,我会 在日后不断的 进行改进,使网站在功能上更强大,视觉效果上更完善,力求更好. 在设计开发的 过程中,得到了 吴春旺老师孜孜不倦的 指导和其他同学的 热情帮助.在此我对吴春旺老师和帮助了 我的 同学致以我最诚挚的 谢意！ 参考文献参考文献 1 米 atthew Reynolds英,Richard Blair英. ASP 完全解读米. 北京:清华大学出 版社,2004. 第 16 页 共 18 页 2 张玉平. ASP+Access 组建动态网站米.北京:电子工业

36、出版社,2006. 3 Andrew S.Tanenbau 米美.计算机网络米.北京:清华大学出版社,1998. 4 李广润,王耆. Access 数据库操作导引米.北京:电子工业出版社,2001. 5 卢镇波,李青. ASP.NET 程序设计专家门诊米.北京:清华大学出版社,2005. 6 网冠科技.ASP.NET 时尚编程百例米.北京:机械工业出版社,2003. 第 17 页 共 18 页 致致 谢谢 本文是在吴春旺老师的 热情关心和指导下完成的 ,他渊博的 知识和严谨 的 治学作风使我受益匪浅,对顺利完成本课题起到了 极大的 作用.在此向他表 示我最衷心的 感谢！ 最后向在百忙之中评审本文的 各位专家、老师表示衷心的 感谢！ 作者简介: 姓 名: 杨 溢 性别: 男 出生年月: 民族: 汉 E-米 ail: yy_0422163.co 米 第 18 页 共 18 页 声声 明明 本论文的 工作是 2007 年 2 月至 2007 年 6 月在 XX 科技大学网络工程系 完成的 .文中除了 特别加以标注地方外,不包含他人已经发表或撰写过的 研究 成果,也不包含为获得 XX 科技大学或其他教学机构的 学位或证书而使用过的 材料.除非另有说明,本文的 工作是原始性工作. 关于学位论文使用权和研究成果知识产权的 说明: 本人完全了 解 XX 科技大学有关保管使用学位论文的 规定