西 安 邮 电 学 院
毕 业 设 计(论 文)
院 系: 专 业: 班 级: 学生姓名: 导师姓名: 职称:
起止时间: 2010年 3 月 8日至 2010 年 6 月 11日
I / 45
题 目: 西安邮电学院校办网站设计
西安邮电学院
毕业设计开题报告
计算机 学院 网络工程 专业 06 级 04 班
课题名称:西安邮电学院校办网站设计
学生姓名: 学号:
指导教师:
报告日期: 2010年3月16日
II / 45
1.本课题所涉及的问题及应用现状综述 本课题主要是利用ASP.NET和SQL Server技术相结合设计一个有个性,有重点,有结构的网站,并且可以和其他办公室自动化平台相衔接,做到对学校办公室进行形象展示、信息发布、无纸化办公。体现学校的特色,能提供对日常业务具有实用性价值的功能,使得办公室网站真正做到对内服务,对外交流的窗口作用。 网站现在已经是每个公司、学校、企业的宣传舞台,从网站上访问者可以迅速的了解每个公司、学校、企业的综合理念,管理逻辑,文化宣传以及感兴趣的实时信息、新闻,所以改善我院现有的校办网站,不仅是对于日常工作和对外交流的优化,更是对于我校“党政合一”办学理念的重要体现。 2.本课题需要重点研究的关键问题、解决的思路及实现预期目标的可行性分析 经过对课题任务的研究,查阅相关资料后确定需要研究的关键问题如下: (1) 深入学习ASP.NET,SQL Server技术。 (2) 处理好网站与办公室自动化平台的衔接以及继承原页面的数据库。 解决思路:在老师的指导下学习以上需要知识点,通过网络搜集资料、图书馆借阅和购买书籍方式了解相关资料,深入学习ASP.NET和SQL Server技术。遇到疑难问题及时向老师请教解决,与其他同学合作讨论,和做办公室自动化平台部分的同学多多沟通。同时,最重要的是自己有独立思考的能力,能够培养自己独立解决问题的能力,特别是在配置的过程中,要逐渐积累经验,这对将来的学习工作也是有好处的,并且理论学习与上机实践要同时进行,理论与实践密切结合。 预期实现目标: 首先,完成西安邮电学院学院办公室的网站设计和开发,界面美好,实用方便,主次分明。 其次,完成和院办办公自动化办公子系统的衔接,做到准确无误,资源共享、权限共享。并且和校园网主页要风格一致,继承原页面的数据库。 可行性分析:需要一台PC机,可以接入internet,1G内存,装有Visual Studio软件,设备可行,在充分和老师商定,并和组内同学讨论需求,定制寻求分析,需求可行。 在充分学习ASP.NET和SQL Server技术,利用Visual Studio软件可以编程网页页面。 III / 45
3.完成本课题的工作方案 2010-3-15—2010-4-5 查阅相关资料,深入学习ASP.NET和SQL Server的相关技术,多多和老师沟通,确定需求,拟定设计方案。 2010-4-5—2010-5-10 进行网页的详细设计,编写代码,并且按模块进行测试,并且和办公室自动化平台的部分做好衔接。 2010-5-10—2009-6-10 对网站做最后的调整,书写设计论文,整理材料,以备提交。 4.指导教师审阅意见 通过收集和阅读文献资料,已经了解了西安邮电学院校办网站设计课题的任务要求和研究现状,认识到了课题中的关键技术问题,提出了解决思路,方案可行,计划合理,允许开题。 指导教师(签字): 2010年 3 月 22 日 说明:
本报告必须由承担毕业论文(设计)课题任务的学生在毕业论文(设计) 正式开始的第1周周五之前独立撰写完成,并交指导教师审阅。
IV / 45
西 安 邮 电 学 院
毕 业 设 计 (论文) 工 作 计 划
学生姓名___ 指导教师__ _ _职称__ 院系_____ __ _ _专业____ _ _ _____ 题目_____ 西安邮电学院校办网站设计 _ _____ ____ _______________________________________________________
工作进程
2010.03.08-2010.03.30 搜集查阅资料,熟悉“网站建设”的有关知识,查阅有关文献;撰写开题报告。
2010.03.31-2010.04.27 对网站进行总体规划,完成需求分析,形成完整清晰的数据流图以及数据库模型;熟悉.NET和SQL Server2000;
2010.04.28-2010.05.25 完成网站的整体设计; 完成静态文字介绍性模块的设计; 和办公室自动化平台做好衔接。
2010.05.26-2010.06.11 撰写论文,准备资料,准备答辩。
起 止 时 工 作 内 容 V / 45
主要参考书目(资料) ) 主要参考书目(资料
1、郝刚. ASP.NET 2.0开发指南,人民邮电出版社,2006.6 2、范晓平. ASP.NET2.0项目开发第一步,清华大学出版社,2008.1
3、杨桦. SQL Server 2000实用教程, 清华大学出版社,2007.3
主要仪器设备及材料
计算机一台;
学生在毕业设计初期需要上网查阅有关文献,在开发过程中需要
对开发的网站进行调试,因此实验室需要具备上网条件。
论文(设计)过程中教师的指导安排
每周五下午指导一次,有问题随时见面沟通或通过电话、E-Mail联系。
对计划的说明
VI / 45
西安邮电学院毕业设计 (论文)成绩评定表 学生姓名 课题名称 毕业设计(论文)时间 性别 学号 专 业班 级 课题 实际类型 应用 难一度 般 西安邮电学院校办网站设计 2010年 3 月 8 日~6 月11 日 指导教师 杨爽 (职称 讲师 ) 设计、计算说明书 (千字); 图纸 (张); 课题任务 论文 (千字);完成情况 其它(含附件): 指 导 教 师 意分项得分:开题调研论证 分; 课题质量(论文内容) 分; 创新 分; 论文撰写(规范) 分; 学习态度 分; 外文翻译 分 见指导教师审阅成绩: 指导教师(签字): 年 月 日 分项得分:选题 分; 开题调研论证 分; 课题质量(论文内容) 分; 创新 分; 论文撰写(规范) 分; 外文翻译 分 评阅成绩: 评阅教师(签字): 年 月 日 评 阅 教 师 意见 验收小组意见 分项得分:准备情况 分; 毕业设计(论文)质量 分; (操作)回答问题 分 验收成绩: 验收教师(组长)(签字): 年 月 日
VII / 45
答 辩 小组 意 见 分项得分:准备情况 分; 陈述情况 分; 回答问题 分; 仪表 分 答辩成绩: 答辩小组组长(签字): 年 月 日 成绩计算方法 (填写本系实用比例) 指导教师成绩 (%) 评阅成绩 (%) 验收成绩 (%) 答辩成绩 (%) 指导教师成绩 评阅成绩 验收成绩 答辩成绩 总评 学生实得成绩(百分制) 答辩委员会意见 备 毕业论文(设计)总评成绩(等级): 院答辩委员会主任(签字): 院(签章) 年 月 日 注 西安邮电学院毕业论文(设计)成绩评定表(续表)
VIII / 45
目录
摘要 .............................................................................................................................. I
Abstract ......................................................................................................................... II
1 引言 .......................................................................................................................... 1
1.1研究的背景和意义 .......................................................................................... 1
1.1.1 课题研究的背景 .................................................................................. 1 1.1.2 课题研究意义 ...................................................................................... 1 1.2 可行性分析 ................................................................................................... 2
1.2.1 经济可行性 ........................................................................................ 2 1.2.2 技术可行性 ........................................................................................ 2 1.2.3 操作可行性 ........................................................................................ 2 1.2.4 法律可行性 ........................................................................................ 2
2 需求分析 ................................................................................................................ 3
2.1 网站的功能模块划分 ..................................................................................... 3 2.1.1 网站的构成 .......................................................................................... 3 2.1.2 网站前台页面 ...................................................................................... 3 2.1.3 网站后台管理系统 .............................................................................. 5 2.2 用例分析 ......................................................................................................... 6
2.2.1 通知公告模块用例分析 ...................................................................... 7 2.2.2 用户管理模块用例分析 ...................................................................... 7 2.3 业务分析 ......................................................................................................... 8
3 数据库设计 .......................................................................................................... 10
3.1 数据库逻辑结构设计 ................................................................................... 10
3.1.1 E-R图 .............................................................................................. 10 3.1.2 数据库设计 ...................................................................................... 11 3.2 数据库物理结构设计 ............................................................................. 12
3.2.1 数据库表 ............................................................................................ 12
4 应用技术 ............................................................................................................... 15
I / 45
4.1 技术概述 ....................................................................................................... 15
4.1.1 ASP.NET简介 .................................................................................... 15 4.1.2 .NET三层架构 ................................................................................... 15 4.1.3 前台页面技术 .................................................................................... 16 4.2 技术实现 ....................................................................................................... 17
4.2.1 登陆部分 ............................................................................................ 17 4.2.2 新增模块 ............................................................................................ 17 4.2.3 删除模块 ............................................................................................ 17 4.2.4 修改模块 ............................................................................................ 17 4.2.5 查询操作 ............................................................................................ 17 4.2.6 二级页面 ............................................................................................ 18 4.2.7 GridView ............................................................................................. 18 4.3 程序运行界面 ............................................................................................... 18
4.3.1 后台模块 ............................................................................................ 18 4.3.2 前台页面模块 .................................................................................... 27
5 总结 ........................................................................................................................ 31
致谢 .............................................................................................................................. 32
参考文献 ................................................................................................................... 33
II / 45
摘要
本课题主要是对校办公室网站进行改版,优化和维护,并且为校办的办公自动化平台系统提供一个入口,涉及的技术包括C#、HTML、CSS和DIV以及SQL Server、ASP.NET等。由于校办公室网站的特殊性,结合学校的管理特色,本网站主要包含两个角色:一般访问者和后台管理员。该网站是对学校办公室进行形象展示、信息发布、为领导服务、为师生服务的重要阵地。本网站具有快捷、无距离更新的特性,同时提供进入日常业务处理平台的“入口”,具有较强的实用性价值。这样的网站普遍应用于各高校的办公室中,随着现在网络的普及性和高效性的不断提高,它的展示作用和实用性已经使其在各高校办公室的地位越来越高,应用也将越来越广泛。
本文对本网站设计的意义做了介绍,接着进行了需求分析、模块划分、数据库设计,最后展示了部分功能界面。
关键词: ASP.NET,网站开发,数据库
I / 45
Abstract
The main issue is the Office of institute Web site revision, optimization and maintenance, and automation platform for office of institute to provide an entrance to the Technology involved, including C # , HTML , CSS and DIV and SQL Server, ASP.NET and so on. As the school office site specificity, combined with the school management features, the site consists mainly of two roles: the general background of the visitor and administrator. The site is showing the image of the office of institute, information release, for the leadership of services for teachers and students the importance of service positions. This site is fast, free from the updated features, while providing the \"entry\" to access to daily business processing platform, and has strong practical value, Such a Web site commonly used in colleges and universities in the office. Today, With the Internet's popularity and efficiency of the continuous improvement of its role and relevance of its shows has made it at all university offices are gaining in status, applications are become more and more widely.
In this paper, the significance of the design of this website has been described, followed by a requirement analysis, module division, database design, and finally showed some functional interface.
Keywords: ASP.NET, Web Development, Database
II / 45
1 引言
1.1研究的背景和意义
1.1.1 课题研究的背景
21世纪是信息爆炸的时代,技术日新月异,信息高速传递。随着社会的发展,人们自身的技术更新也在进行,在这个信息的大浪潮中,网络逐渐成为人们工作、交流、传递信息、办公的媒介,在网络的基础上,人们的办公,学习效率普遍提高。随着网络的普及化,网站这个网络中最常见的网络实体应运而生,网站是一种通信工具,是一个展示的平台,人们可以通过网站来发布自己想要公开的信息、资讯进行宣传,招聘等等,网站的功能非常多,而且非常便利,无需更多的人力物力开销,就可以做到宣传、展示的效果。而在高等学校中,随着学校的发展,教育水平的提高,学校的社会地位一直在变化,学校为了展示自己的办学理念、学校的培养目标和学校的办学水平等等,都需要网站这个平台作为展示,现在网站已经成为一个学校必不可少的媒体舞台。而在日常工作中,网站也扮演着非常重要的角色,在一些职能部门,本门网站有可能成为日常工作的重要枢纽,对于现在这个信息化的时代,机器代替手工已不在是趋势,而是日常需要,无纸化,无碳办公更为现在广大人们所提倡,因此设计一个部门网站是非常必要的,并且要做到美观,主次分明,可以为日常办公的服务,起到信息传输,展示的作用,这样可以使部门的日常工作的效率大大提高。 1.1.2 课题研究意义
本课题主要是对校办网站进行改版,优化和维护,并且为校办的办公自动化平台系统提供一个入口,C#、HTML、CSS和DIV以及SQL Server、ASP.NET等。由于校办公室网站的特殊性,结合学校的管理特色,本网站主要包含两个角色:一般访问者和后台管理员。本网站具有快捷、无距离更新的特性,同时提供进入日常业务处理平台的“入口”,而且界面要求界面美好,实用方便,主次分明,这也是本网站设计的最重要的目标和需求。
本网站的实现使得办公室网站更加简洁清晰,内容显示更加详细、具体,符
合学校未来发展和以后学院工作的需要,并且为学校办公室办公平台提供入口,与学校办公室办公平台的联合将大大减少学校办公室各工作人员的人工工作量,将大大提高工作的效率。这样的网站现在已应用在学校的各个部门,不仅如此,这样的网站已经应用于所有的教育机构。它的作用在信息展示、信息传输和日常
1 / 45
工作的协助得到重大体现,随着以后时代的发展,工作的需要,这样的网站将会越来越广泛,而且越来越实用化。
1.2 可行性分析
1.2.1 经济可行性
本课题的硬件需求为一台能接入Internet、内存1G以上,CPU奔4以上的PC机,可以满足。开发环境要求为Windows XP操作系统、ASP.NET 2.0运行环境、SQL Sever 2000 个人版,Virtual Studio 2008编译工具以及设计数据库工具Power Designer,前台页面设计Dreamweaver软件均能满足。Web页面的设计使用Dream Weaver来实现,这些开发软件都可以从网站上下载,并且系统的成本主要集中在在开发和维护过程中并不会对用户造成经济上的负担。在经济上是可行的。
1.2.2 技术可行性
网站开发前台页面采用HTML语言编写,CSS+DIV进行样式布局的设定,进行前台静态页面的设计,后台采用现在流行的ASP.NET开发技术,实现后台管理的五个模块:通知公告模块、新闻速递模块、工作动态模块、导航栏模块、人员管理模块。
开发技术:ASP.NET,SQL Server。
开发工具: Virtual Studio 2008,Dreamweaver,Power Designer。 1.2.3 操作可行性
本网站是西安邮电学院的一个部门级网站,无论是一般访问者还是系统管理员只要可以连接互联网都可以通过浏览器、对页面进行访问,对于后台系统管理员只要可以连接互联网也可以通过浏览器进入后台管理系统,进行增加、删除、修改、查询的工作。不需要额外的开销,操作非常方便。 1.2.4 法律可行性
该网站不会引起侵权或其它责任问题。因为该网站是为学校研发,又因为是自主设计设计,因此不会构成侵权,在法律上是可行的。
2 / 45
2 需求分析
2.1 网站的功能模块划分
2.1.1 网站的构成
网站前台页面; 网站后台管理系统。 2.1.2 网站前台页面
a. 主页面(首页)功能模块划分
页面设计方案图如图2-1所示。
图2-1 页面设计方案图
校办公室网站是对学校办公室进行形象展示、信息发布、无纸化办公、为领导服务、为师生服务的网站,它主要由3个模块组成。
标题栏模块。 显示模块。 按钮模块。 (1) 标题栏模块
3 / 45
网页标题是对一个网页的高度概括,使访问者可以迅速通过点击浏览网站,快速的查找到目标网页。
此模块没有角色定义,所有访问者都有权限对网站标题进行点击操作。 (2) 显示模块
本模块主要显示三个方面的信息。
通知公告:是对日常工作中进行的周会议和值班进行实时的显示。 新闻速递:主要是对校领导的讲话以及学校的重大会议主要内容的
展示。
工作动态:主要是对办公室日常工作的细节显示。如:例会信息,
日常工作计划、工作总结等。
此模块没有角色定义,所有访问者都有权限对网站标题进行点击操作。 (3) 按钮模块
本模块主要是实现各个功能的按钮,其中最为重要的是为院自动化办公平台 提供一个入口,使用者可以凭借此按钮进入办公系统,进行办公,没有权限的访问者无法登陆成功。
此模块没有角色定义,所有访问者都有权限对网站标题进行点击操作。
b.二级页面功能模块划分
页面设计方案图如图2-2所示。
图2-2 页面设计方案图
4 / 45
根据校办老师的需求,要求各个二级页面风格统一,简单方便。所以以一个二级页面模块来说明。
模块主要分为3块: (1) 导航栏模块
网页导航是对每一个二级页面的高度概括,使访问者可以迅速通过点击浏览网站,快速的查找到目标网页。二级页面的导航栏模块的内容与首页是相同的。 此模块没有角色定义,所有访问者都有权限对网站标题进行点击操作。 (2) 任务栏模块
此模块主要显示属于当前页面的任务菜单目录,访问者可以点击左侧的任务栏选择显示自己需要的信息。
此模块没有角色定义,所有访问者都有权限对网站标题进行点击操作。 (3) 显示模块
此模块是在左侧点击需要的信息后,来显示信息的内容。如果是含有多条同类信息,则以列表的形式由上到下列出,然后再通过点击内容的标题再进行跳转显示出某一条信息内容。此显示分为在当前页显示和跳转新页显示两种。
如果左侧的任务较多,则显示内容在当前页,如果左侧的任务少或为一个,则条找到新页进行显示。
此模块没有角色定义,所有访问者都有权限对网站标题进行点击操作。 2.1.3 网站后台管理系统
后台设计方案如图2-3所示。
图2-3 后台设计方案图
5 / 45
校办网站管理后台是对校办网站进行管理,维护的系统,管理员可以对相应的信息进行处理,本网站管理后台主要包括5个模块。
通知公告模块。 新闻速递模块。 工作动态模块。 导航栏模块。 用户管理模块。 a. 通知公告模块
通知公告模块主要对应于主页的通知公告的管理维护,系统管理员对于这个
部分进行增加、删除、修改、查询操作。以时间逆序的形式显示。 b. 新闻速递模块
新闻速递模块主要对应于主页的新闻速递的管理维护,系统管理员对于这个部分进行增加、删除、修改、查询操作。以时间逆序的形式显示。 c. 工作动态模块
工作动态模块主要对应于主页的工作动态的管理维护,系统管理员对于这个部分进行增加、删除、修改、查询操作。以时间逆序的形式显示。 d. 导航栏模块
导航栏模块主要对应于各个二级页面需要动态维护的信息的集合,并统一进行管理维护,系统管理员对于这个部分进行增加、删除、修改、查询操作。以时间逆序的形式显示。 e.用户管理模块
因为学校行政的规定和部门的工作分布,本网站的管理员是固定一人的,但
是为了可以长期满足需求的变化,和后台系统的普遍适用性,所以设计了本模块,以便满足日后的需要,本模块主要是由一级管理员对个人信息和二级管理员的管理。
2.2 用例分析
由于前台页面没有过多的管理维护操作,所以用例分析仅描述后台操作。 根据需求,结合实际网站建设案例,网站后台的建设要紧跟需求,操作便利,所以对于通知公告模块、新闻速递模块、工作动态模块、导航栏模块这四部分的操作是基本相同的,下面以通知公告模块进行详细描述。
6 / 45
2.2.1 通知公告模块用例分析
网站管理后台通知公告用例图如图2-3所示。
图2-3 通知公告用例图
网站管理员包括一级管理员和二级管理员。
管理员成功登陆系统后,系统会自动显示出各个模块最新的各个模块所存储的信息,然后管理员进入各个模块的查询模块,按照需要进行查询,系统会根据管理员选择的条件显示最后查询到的信息,然后根据需求删除或者修改操作。 2.2.2 用户管理模块用例分析
用户管理模块用例图如图2-4所示。
图2-4 用户管理模块用例图
本模块设计的用户角色只有一级管理员,二级管理员在登陆的时候无法看到
该模块,只有具有一级管理员权限的管理员登陆后可以看到用户管理模块,由于二级管理员本身,并不是日常后台管理所需要,而是存在于一些特定条件下,所以当特定条件不存在时要对二级管理员进行管理,一级管理员可以在查询到某管理员后,对二级管理员的信息进行修改或者删除。也可以新增二级管理员。
7 / 45
2.3 业务分析
业务分析流程图如图2-5所示。
图2-5 系统分析流程图
在存在二级管理员的条件下,二级管理员对网站进行增加信息、删除信
息、更新信息、查询信息操作。
增加操作中,管理员填写的基本信息是:信息题目,信息类型,信息优先级,信息状态,添加附件,信息内容。信息类型和信息题目不能为空,为空则必须从新开始填写。
删除操作,删除各个模块不需要的信息,或者上传出错的信息。可以经过查询后删除,也可以直接删除,点击条目相应的删除按钮,删除该条目。删除时弹出确认删除对话框。
修改操作,系统自动显示已存在所有信息,系统管理员根据条件筛选到待修改条目,点击条目相应的修改按钮转入修改页面。系统管理修改信息的基本信息,点击修改按钮将信息提交数据库,点击取消按钮则取消操作。
8 / 45
查询操作,系统会自动显示已存在的所有信息,管理员可以填写完整的信息标题或者标题中的关键字,也可以选择日期,然后点击查询按钮,则进行查询操作。
一级管理员主要是管理用户管理模块,同样一级用户也可以通过用户管理模块进行增加管理员,删除管理员,更新管理员,查询管理员操作。
增加操作中,一级管理员要填写的基本信息是:用户名,密码,年龄,性别,电话号码,管理员真实姓名,管理员级别。每一项都不能为空,为空则提示出错,重新填写。
删除操作,删除各个模块不需要的管理员,可以经过查询后删除,也可以直接删除,点击条目相应的删除按钮,删除该条目,删除时弹出确认删除对话框。 在删除操作成功后,会把数据库中所有和改管理员相关联的信息一起删除。
修改操作,系统自动显示已存在所有信息,系统管理员根据条件筛选到待修改条目,点击条目相应的修改按钮转入修改页面。系统会显示要修改信息的原始信息,进行修改后点击修改按钮将信息提交数据库,点击取消按钮则取消操作。如果对于一级管理员需要释放某管理员的权限,但又不想影响信息的储存,可以修改管理员的状态以做到对不需要的管理员进行“停用”操作。
查询操作,系统会自动显示已存在的所有信息,管理员可以填写用户名,管理员真实姓名,管理员电话,管理员年龄,管理员级别进行查询,然后点击查询按钮,则进行查询操作。
当不存在二级管理员时,一级管理员可直接对网站进行增加信息,删除
信息,更新信息,查询信息操作。具体操作与二级管理员相同。
9 / 45
3 数据库设计
3.1 数据库逻辑结构设计
3.1.1 E-R图
系统数据库的E-R图如3-1所示。
图3-1 系统E-R图
E-R图提供了表示实体集、属性和联系的方法。图3-1显示了各个实体存在的关系。
10 / 45
3.1.2 数据库设计
利用Power Designer 进行数据库设计,数据库设计图如图3-2所示。
图3-2 数据库设计图
a. 关系表示
(1) 信息表(信息ID,类型ID,用户ID,优先级ID,状态ID,信息标题,信
息内容,信息提交时间) 主键:信息ID;
外键:类型ID,用户ID,优先级ID,状态ID。 (2) 类型表(类型ID,类型名)
主键: 类型ID。
(3) 信息优先级表(优先级ID,优先级标签)。
主键:优先级ID。
(4) 信息状态表(状态ID,状态标识)
主键:状态ID。
11 / 45
(5) 网站管理员表(用户ID,用户姓名,用户密码,用户年龄,用户性别,用
户电话,真实姓名,用户权限,用户状态) 主键:用户ID。
3.2 数据库物理结构设计
3.2.1 数据库表 a. 信息表如表3-1所示。
表3-1 信息表
Name 信息ID 类型ID 用户ID 优先级ID 状态ID 信息标题 信息内容 信息提交时间 InforID TypeID UserID PriorityID StatusID InforTitle InforContent InforTime Code 信息ID为主键,数据库会自动生成,类型ID是外键(请参照类型表),用户ID是外键(请参照用户表),优先级ID是外键(请参照优先级表),状态ID是外键(请参照状态表),信息标题指各个显示模块的标题。信息内容指各个显示模块的内容,信息提交时间指提交信息的精确时间。 b. 类型表如表3-2所示。
表3-2 状态表
Name 类型ID 类型名 TypeID TypeName Code 类型ID是主键,与信息表TypeID对应,形成级联关系。类型名指前台页面所有信息的类型,各个模块的信息类型都包含其中。
12 / 45
c. 优先级表如表 3-3 所示。
表3-3 优先级表
Name 优先级ID 优先级标签 PriorityID PriorityTag Code 优先级ID是主键,与信息表PriorityID对应,形成级联关系。优先级标签是指给每个信息设定一个状态,用于在显示的时候对信息进行逻辑处理。 d.状态表如表 3-4 所示。
表 3-4 状态表
Name 状态ID 状态标识
StatusID StatusTag Code 状态ID是主键,与状态表StatusID对应,形成级联关系。状态标识是指给
每个信息指明一个状态,便于管理员对信息的管理。 e. 用户表如表3-5 所示。
表 3-5 用户表
Name 用户ID 用户名 用户密码 用户年龄 用户性别 用户电话 真实姓名 用户权限 用户状态
UserID UserName UserPassword UserAge UserSex UserTel RealName Level UserStatus Code 用户ID是主键,与信息表UserID相对应,形成级联关系,用户名是管理员
登陆的账号,密码在显示的时候会以不可见形式显示出来,年龄指用户的真实年龄,用户性别在操作时是用户自己写上去的,用户电话在查询的时候也是查询条
13 / 45
件之一,真实姓名指管理员的真实姓名。便于以后一级管理员对二级管理员的管理,用户权限用于指示管理员的级别:一级或二级。用户状态指当前管理员信息是否可用,如果以后要收回该管理员的工作权限,并且用户表和信息表的级联关系,直接删除管理员信息并不是最佳选择,所以可以修改用户状态,以达到停封用户名的作用。管理员状态中0代表可以工作,1代表账号不可用。
14 / 45
4 应用技术
4.1 技术概述
4.1.1 ASP.NET简介
ASP(Active Server Pages)称为活动服务器页面,它可以根据不同的用户,在
不同的时间向用户显示不同的内容。然而,由于ASP程序和网页的HTML混合在一起,这就使得程序看上去相当杂乱。在开发过程中常常展示一些问题,同时ASP页面是有脚本语言解释执行的,使得其速度受到影响,由于以上种种限制,微软推出了ASP.NET。
ASP.NET不仅是ASP 3的一个简单升级,它更为我们提供了一个全新而强大
的服务器控件结构。ASP.NET几乎全基于组件和模块化,每一个页、对象和HTML元素都是一个运行的组件对象。在开发语言上,ASP.NET使用.NET Framework所支持的VB.NET、C#.NET等语言作为其开发语言,这些语言生成的网页在后台被转换成了类并编译成了一个DLL。由于ASP.NET是编译执行的,所以它比ASP拥有了更高的效率。
ASP.NET是一个统一的Web开发模型,它包括使用尽可能少的代码生成企
业级Web应用程序所必需的各种服务。ASP.NET作为.NET Framework的一部分提供。随着Web应用技术的进一步发展,Microsoft推出了ASP.NET 2.0,使得用户用ASP.NET 2.0来构建Web应用越来越容易。和ASP.NET 1.x 相比,ASP.NET 2.0在生产效率、灵活性、可扩张性、性能、安全性、完整性等发面都用了进步[1] 。 4.1.2 .NET三层架构
ASP.NET典型的三层架构开发模式分别为“表示层”、“中间业务层”、“数据访问层”三层。
表现层:位于最外层(最上层),离用户最近。用为显示数据和接受用
户输入的数据,为用户提供一种交互式操作的界面。
中间业务层:负责处理用户输入的信息。或者是将这些信息发送给数据
访问层进行保存,或者是调用数据访问层中的方法再次读出这些数据。中间业务层也包括一些对判断逻辑描述代码在里面。
15 / 45
数据访问层:仅实现对数据的保存和读取操作,数据访问,可以访问数据库系统、二进制文件、文本文档等。 三层关系如图4-1所示。
如图4-1 三层关系图
4.1.3 前台页面技术
在前台的实现上主要是以Dreamweaver软件来实现的,在最初由于对静态页面设计的认知很少,所以做出的东西很局限,虽然也实现的需求中提到的要求,但是从美观程度上还是没有达到老师的要求,和老师沟通了很多次,也改了很多次但是都没有达到老师的要求。后来在老师的指导下,开始初步学习CSS+DIV,以此来设计页面,慢慢的尝试中,也在很多“懂行”同学的帮助下,完成了迄今为止最为美观的页面,也得到了老师的初步认可。
CSS(Cascading Style Sheet)层叠样式表单。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS+DIV可以对布局,样式进行逐一的设置,DIV将一个页面进行分块,然后每一个DIV标签,调用已经设置好的CSS样式。这样每一个块都设置到位,不仅如此利用CSS+DIV可以非常精确的对一个页面进行布局划分,非常美观。
16 / 45
4.2 技术实现
4.2.1 登陆部分
在登陆的操作中,原本根据需求,用户表只有一个成员。但为了提高系统的
可扩展性,在原有的基础上添加了更多的属性,以后操作,在登录现在需要进行三次判断,用户名,密码是最基础的,在这次判断成功后,会进行级别的判断,判断管理员的级别,再判断结束后,再对用户的状态进行判断,如果用户的状态为0 ,证明现在的管理员可用,如果为1,则表明现在的管理员被冻结。在登录部分的另一个最为重要的作用,就是利用Session对象对UserID进行数据存储。 4.2.2 新增模块
在新增的操作中,主要用到了三个主要的空间:GridView、DropDownList、
SQLDataSourse,在用户界面操作中为了方便,为了输入数据统一,所以尽量让管理员在操作方面减少输入操作,而变成选择项,这样不会造成输入上的出错,而且在类型和标题的输入中,有判空操作。信息上传的时间会自动添加为当前主机的时间,精确到秒。而且在新增模块中会接受登陆模块的Session[“UserID”]。 4.2.3 删除模块
在删除操作中,在GridView的设置中,增加一个自定义列,然后加入删除按钮,这样的好处在于每一个删除操作对应于一个InforID 这样直接点击删除按钮就可以实现被删除信息ID的传递。'<%#Eval(\"InforID\")%>' 这句代码是非常重要的,正是因为有了它,才使InforID正确传输。 4.2.4 修改模块
在修改操作中,在GridView的设置中,增加一个自定义列,然后加入修改
按钮,这样的好处在于每一个更新操作对应于一个InforID 这样直接点击更新按钮通过'<%#Eval(\"InforID\")%>'语句就可以实现被更新信息ID的传递。而且在转到更新页面的时候,该页面会自动显示该信息原有的信息,在其基础上更改,方便明了。 4.2.5 查询操作
在查询操作中,模块间有不同的查询条件,支持模糊匹配,而且在查询中用
到了calendar控件,这个控件可以显示日历,利用点击可以直接输入日期,这样的好处可以统一日期输入格式,避免后台逻辑不识别。时间会根据信息提交的时候进行修改。
17 / 45
4.2.6 二级页面
因为对于数据库操作来说,信息条目非常的多,所以必须要有二级页面操作,
使用GridView,通过修改GridView的AllowPageing属性为True,添加GridView_PageIndexChanging 事件,可以轻松实现此操作。 4.2.7 GridView
系统大部二级页面都用到了Gridview来显示数据,这就涉及到了数据源的绑定。由于代码中都是通过SqlHelper类、DBHelper类来实现对数据库的操作的,其中返回多条记录只能是DataReader类型的,而DataReader只能单项读取数据,用来绑定Gridview则不能实现Gridview的二级页面功能。所以,在SqlHelper类中添加一个函数填充一个DataSet,用DataSet来绑定GridView,这样既能实现GridView的二级页面功能,还提高了代码的重用性。GridView还有一个主要的函数就是DataBind()。
4.3 程序运行界面
4.3.1 后台模块 a. 后台登陆操作
后台登陆页面如图 4-2所示。
图4-2 后台登陆页面
此界面输入用户名和密码,在后台逻辑中,会对用户名和密码进行比对,不
仅如此,还会对用户的级别和用户的状态进行判断,最后转到管理后台主页面。 b.后台管理系统页面
18 / 45
(1) 如果是一级管理员则页面跳转到图4-3。
后台管理的主页面如图 4-3所示。
图4-3 后台管理的主页面
后台管理系统主页面显示所有近期更新的信息。以时间逆序进行排列,页面的头部是一个Flash,页面的整个风格和院办自动化办公平台风格相似。左边的任务栏用于选择各个模块,在操作的过程用左边是一直不变的,操作便利快捷。
(2) 如果是二级管理员登陆则跳转到图4-4。 二级管理员主界面如图4-4所示。
如图 4-4 二级管理员登陆界面
c.通知公告模块
(1) 查询操作
19 / 45
查询界面如图4-5所示。
图4-5 查询界面
在此界面上大家可以输入标题或者利用时间查询,也可以进行新增,删除,
更新操作,这个页面也是这个模块的主页面,无论做哪些操作最后都会跳转到这个页面中,简单明了。而且所做的操作都会在这个页面立即显示。题目标题是链接形式的,点击标题可以显示出信息内容。简单方便。
字段数据与说明如表4-1所示。
表4-1 查询界面字段说明
序号 列表 字段名称 允许空 备注 1 信息标题或关键 字 按钮 1 查询 2 新增 3 删除 4 更新 5 开始时间 由于本查询是模糊匹配。所以可以输入关键字。 进行查询操作。 跳转到新增页面,进行新增操作。 进行删除操作。 跳转到更新页面,进行更新操作。 因为这是一个固定的时间控件,虽然有输入框,但是为了统一输入风格,规范化,所以以点击的形式进行日期选择,此为开始时间。 因为这是一个固定的时间控件,虽然有输入框,但是为了统一输入风格,规范化,所以以点击的形式进行日期选择,此为结束时间。 6 结束时间 (2) 新增操作
20 / 45
新增操作如图4-6 所示。
图4-6 新增界面
管理员可以在该页面下进行新增操作,其中只有信息标题和信息内容是手写
操作其他都是点击操作,这样大大提高了工作效率,也减少了页面出错率,在上传附件时默认是增加一条,点击添加附件后是增加一条上传附件数。在内容设置上也采用了工具栏,可以对内容进行格式设置。这样也提高了页面显示内容的美观。字段数据与说明如表 4-2所示。 (3) 删除操作
删除操作主要是在查询界面下进行的,可以直接点击删除按钮进行操作,当点击删除按钮的时候会自动传递信息主键,以完成删除。
删除的时候会填出提示界面如图 4-7所示。
图4-7 删除提示界面
当点击确定以后会直接将信息删除,方便快捷。
21 / 45
表 4-2 新增操作字段说明
序号 列表 字段名称 允许空 NO NO 备注 标识信息的种类,在前台页面显示不同的位置。 指明信息的优先级优先级高的信息将优先显示在页面上。默认为低。 信息状态用于表明当先信息的状态是否已经处理。默认为未处理。 是对信息的内容进行高度概括,并且也是查询时候的一个查询条件。 信息的实际内容,在现实时候内容不会显示出来,当点击题目的时候,内容会在下一页显示出来。信息内容的类型是Text,所以可以输任意值,还可以对内容进行美化。 是指进行新增附件的操作,点击浏览键,然后进行附件的选择,附件的类型是可以选择的,默认是图片格式包括:.gif .jpg .jpeg . bmp。 如果需要上传多个附件,则点击增加上传,每点击一次则增加一个附件上传空间。 与增加上传相对应的一个按钮,当准备上传多个附件的过程中,因为需求或者错误需要减少上传数量的时候点击此按钮。 点击按钮,触发事件,传递参数。 点击按钮,不传递参数,直接返回查询界面。 1 信息类型 2 信息优先级 3 信息状态 4 信息标题 5 信息内容 按钮 1 浏览 2 增加上传 3 减少上传 4 增加信息 5 取消 (4) 更新操作
更新操作会对一条信息的所有属性进行更改,在更新的时候会显示出信息原
有的属性,在信息的更新中,没有出现信息类型的选择,这是为了保证信息的一致性,如果随意更改信息类型,这样会使信息显示在不适的位置上,管理型也很差。而且在更新的操作中可以在上传新的附件但是不会显示上传附件的历史路径,在上传新的附件后可以直接覆盖原先的路径。并且在更新完毕后更新时间会变成当前时间,管理员也会变成当前的信息管理员,这样也便于以后的信息管理和统计。
信息更新界面如图 4-8所示。
22 / 45
图4-8 信息更新界面
字段数据与说明如表4-3所示。
表 4-3 更新操作字段说明
序号 列表 字段名称 允许空 备注 指明信息的优先级优先级高的信息将优先显示在页面上。默认为低。 信息状态用于表明当先信息的状态是否已经处理。默认为未处理。 是对信息的内容进行高度概括,并且也是查询时候的一个查询条件。 信息的实际内容,在现实时候内容不会显示出来,当点击题目的时候,内容会在下一页显示出来。信息内容的类型是Text,所以可以输任意值,还可以对内容进行美化。 是指进行新增附件的操作,点击浏览键,然后进行附件的选择,附件的类型是可以选择的,默认是图片格式包括:.gif .jpg .jpeg . bmp。 如果需要上传多个附件,则点击增加上传,每点击一次则增加一个附件上传空间。 与增加上传相对应的一个按钮,当准备上传多个附件的过程中,因为需求或者错误需要减少上传数量的时候点击此按钮。 点击按钮,触发事件,传递参数。 点击按钮,不传递参数,直接返回查询界面。 1 信息优先级 2 信息状态 3 信息标题 4 信息内容 NO 按钮 1 浏览 2 增加上传 3 减少上传 4 更新 5 取消 23 / 45
因为通知公告模块、新闻速递模块、工作动态模块、导航栏模块风格统一,所以对于增加,删除,修改,查询的功能界面也是一样,所以其他三个模块不在说明。
d.用户设置模块
(1) 查询操作
查询操作界面如图4-9所示。
图4-9 查询界面
用户设置模块的查询,与其他模块不同,因为用户的信息涉及个人信息,所以所有的查询信息都是以文字输入的,无法以下拉框的方式进行选择,所以手动进行信息的输入,查询的条件如图所示。经过查询可以进行删除和更新操作。在信息较少的也可以直接进行删除和更新。
字段数据和说明如表4-4所示。
表4-4 用户查询操作字段说明
序号 列表 字段名称 允许空 备注 1 用户名 2 用户性别 3 电话 4 输入真实姓名 5 权限 按钮 用户名是指在登陆时需要的账号,可以不是真实姓名。 男、女。 如果其他条件忘了,那么电话也可以作为精确查找的重要条件。 真实姓名主要用于日后对管理员的管理。 权限是指用户的级别如果是一级管理员,权限是1,如果是2级管理员,权限就是2。 24 / 45
续表 4-4
1 查询 2 新增 3 删除 4 更新 (2) 新增操作
进行查询操作。 跳转到新增页面,进行新增操作。 进行删除操作。 跳转到更新页面,进行更新操作。 新增操作界面如图4-10所示。
图 4-10 新增界面
在这里所有的信息都要按正确格式书写,保证查询的正确性。用户登录模块只有一级管理员才能够看到。因为所有的信息都是查询的条件,所以所有的信息都不可以为空。
字段数据与说明如表 4-5所示。
表 4-5 用户新增操作字段说明
序号 列表 1 2 3 4 字段名称 允许空 NO NO NO NO NO NO NO 备注 用户登录时候须填写的账号。 用户的密码。 用户的年龄。 用户性别。 用户电话。 用户真实姓名。 用户的级别,一级管理员或二级管理员。 点击按钮,触发事件,传递参数。 点击按钮,所有文本框清零。直接返回查询界面。 25 / 45
用户名 密码 年龄 性别 5 电话 6 真实姓名 7 用户权限 按钮 1 确定 2 取消 (3) 删除操作
删除操作主要是在查询界面下进行的,可以直接点击删除按钮进行操作,当点击删除按钮的时候会自动传递信息表主键InforID,以完成删除。
删除的时候会填出提示界面如图 4-11所示。
图4-11 删除提示界面
当点击确定以后会直接将信息删除,方便快捷。 (4) 更新操作
更新操作会对一个管理员的所有属性进行更改,在更新的时候会显示出信息
原有的属性,在用户的更新中,最为主要的是更新用户的状态,用户的状态在开始查询界面的显示控件中并没有显示出来,因为这是一个后台的管理型操作,当用户不需要在对该网站后台进行操作的时候,可以将用户的状态由0变为1,这里的0代码用户名、密码可用,1代码用户名被停用,因为对于后台数据库,表与表是级联关系。所以如果删除用户表某一管理员信息,那么所有关于此用户的所有信息表的内容也将一并删除,这不是想得到的结果,所以对用户的状态进行更改,而保存用户的信息,不影响到信息表的内容。
更新界面如图 4-12所示。
图 4-12 更新界面
26 / 45
字段数据与说明如表 4-6所示。
表4-6 用户修改操作字段说明
序号 列表 1 2 3 4 字段名称 允许空 NO NO NO NO NO NO NO NO 备注 用户登录时候须填写的账号。 用户的密码。 用户的年龄。 用户性别。 用户电话。 用户真实姓名。 用户的级别,一级管理员或二级管理员。 用户的状态,对用户的登录进行判断。0代码用户名、密码可用,1代码用户名被停用。 点击按钮,触发事件,传递参数。 点击按钮,不传递参数,所有文本框清零。直接返回查询界面。 用户名 密码 年龄 性别 5 电话 6 真实姓名 7 用户权限 8 状态 按钮 1 确定 2 取消 4.3.2 前台页面模块
a.前台页面的主页面
前台页面的主页面如图 4-13所示。
图4-13 前台页面的主页面
27 / 45
前台主页面中新闻速递、通知公告、工作动态都是以优先级高的显示,如果信息的优先级一致,那么以时间为基准,最近时间的信息显示。点击题目可以显示内容。如图4-14所示。
图4-14 显示信息内容
在每个显示的上方右侧有一个“more”这个是显示当前显示模块的更多信息。在点击进入后每一个模块的显示不再按优先级高低排列,而是直接按时间排序。 如图 4-15所示。
图4-15 点击通知公告栏右方的“more”显示的以时就排序的页面
为了美化显示部分在每一条信息下面加了一条虚线用于分隔,而且对于显示信息也做了标题长度的判断,如果标题过长,就会直接截取以冒号代替。而且每个信息后面都附有时间。
在前台页面的主页面的按钮中较为重要的就是院自动化办公平台按钮,它为院办后台办公自动化子系统提供了一个入口,管理员从此处点击进入,进入院自动化办公平台的登陆界面。
28 / 45
eYou邮箱是URL为http:// WebMail.xiyou.edu.cn 的网络邮箱,有了这个按钮,工作人员可以非常轻松的为其他人发送邮件。
下方的下拉菜单是对学校所有一级行政部门和二级院系部门的内部链接,这样可以非常快捷的进入学院其他部门和各院系的网站主页。
右方的友情链接是对兄弟院校:南京邮电大学、北京邮电大学、重庆邮电大学的链接,点击按钮可以直接进入它们的学校主页。 b.二级页面
对于各个二级页面,因为风格统一,布局一致所以以一个二级页面进行描述。
栏目学校大事二级页面如图 4-16所示。
图4-16 学校大事二级页面
二级页面的上方和主页是一样的,这样做的使得所有页面的整体效果统一,完整。左边的任务栏根据不同二级页面的需求进行设置。右边用于显示,下面点击“简报”按钮如图 4-17所示。
图 4-17 点击“简报”的显示页面
点击以后右边以列表的形式显示出来,显示题目、时间,然后点击进入题目可以进入查看内容,如图 4-18所示。
29 / 45
图 4-18 点击题目显示内容
这里的显示和前台主页面的显示不同,这里的显示是在右侧直接显示,简单明了,而主页面的信息比较长也较为重要,所以以一个完整的显示页面显示,工整大方。
30 / 45
5 总结
在这次毕业设计中我了解到了很多的知识,这对我今后的学习和生活都将会有很大的帮助。
a. 我明白了对于一个完整的软件设计流程的主要性,在整个网站设计过程中前期需求分析,可行性分析是非常重要的环节,可以说是软件设计的核心,在过去我一直认为详细设计编码才是最重要的,因为再好的需求,编码不成功,软件就无法正常的运行。经过了这次毕业设计我发现,如果不是在前期和老师不停的沟通需求,不停的整理,完善需求,那我在后期的设计阶段会走很多的弯路。
b. 在这次毕业设计中我体会到了团队的重要性,我的这个毕业设计题目和其他小组成员的题目虽然没有太大的关联性,只是为他们的子系统在页面上提供一个日头,让用户可以进入子系统的登录界面,但是我们在毕业设计的整个过程中,我们小组6个人一直在不停的沟通,互相整理思路,互帮互助,大家齐头并进,我本人的软件能力并不是很强,但是在小组其他成员的帮助下,很多问题逐一解决。在设计阶段,其他小组成员也可以提出一些非常好的设计方案。这些让我深深的感受到了团队合作的力量。
c. 锻炼了自己发现问题,解决问题的能力。在开发过程中遇到一些需求的变化,通过老师的指导和分析,我迅速修改了设计思路,避免在后期产生更大的错误。在详细设计的每一部都有可能出错,所以会进行非常多的调试工作,刚刚开始编写的时候,运行总是不成功,在老师的指导下,我开始自己调试,发现一个问题,就调试解决,这样不仅增强了信心,也很好的锻炼了自己遇到问题不急不燥,耐心解决的能力。
d. 在整个设计的后期,我不断扩充的自己的功能,但是发现一个网站的含义是包括了非常多的内容,一个网站的设计可以很简单也可以很复杂,功能全面,一个复杂的网站对于一个初学者的我来说,还是比较遥远的,所以我学会了要量力而行,并且不是功能就一定好,因为功能是可以不断延伸的,而紧跟需求,操作便利才是重要的。
e. 这次毕业设计使用的主要是C#语言和.NET平台,在整个过程中我通过学习资料、请教老师,对这些技术有了初步的认识,增强了自己的实践能力。
31 / 45
致谢
经过这个学期的努力,我较为顺利的完成了我的毕业设计,对于一个不是很懂软件的学生,能够基本需求,我也感到很高兴,当然如果没有老师的指导和督促,我肯定是办不到的。在此我特别感谢杨爽老师和苑庆涛老师。在毕业设计过程中,初期杨老师帮助我搜集相关资料、做需求分析,经常向我了解设计进度,经常和我沟通需求,一起讨论,及时修正需求,为后期的设计提供了帮助,而且提供给我们良好的环境去进行讨论。苑老师每周给我们进行学习上的指导,用实例讲解,每一步都讲得非常详细,简单易懂,在后期设计上有了问题找到苑老师,苑老师本身也有很多学校的工作,但是每次都会放下手头工作为我做讲解,及时解决问题,而且苑老师经常给我们做毕业设计规划,让我们能够很好的利用时间进行工作,每一个阶段都非常合理、紧凑,对我们的帮助极大。在这次毕业设计过程中,我不仅学到了知识,更学会了如何做人,这次毕业设计不只是给校办网站一个美化,更是给自身的一次修补,在此,再次衷心地感谢杨老师和苑老师。
最后,衷心的感谢软件实验室老师和438实验室给我提供了良好的工作和学
习条件,同时感谢学校给我提供这次毕业设计的机会。
32 / 45
参考文献
[1] 李玉林、王岩.ASP.NET 2.0 网络编程从入门到精通,清华大学出版社2007.4. [2] 韩国峰、柯华坤.ASP 网站开发典型模块与实例精讲,电子工业出版社,2006.8.
[3] 郝刚.ASP.NET 2.0开发指南,人民邮电出版社,2006.6.
[4] 范晓平. ASP.NET2.0项目开发第一步,清华大学出版社,2008.1. [5] 杨桦. SQL Server 2000实用教程,清华大学出版社,2007.3.
[6] 孟彩霞、张荣、乔平安. 数据库系统原理与应用,人民邮电出版社,2008.8. [7] 苏昱. 样式表中文手册,帮助文档。
[8] 柯林森、刘志忠. CSS基础教程,人民邮电出版社,2007.9.
注:资料可能无法思考和涵盖全面,最好仔细浏览后下载使用,感谢您的关注!
33 / 45
因篇幅问题不能全部显示,请点此查看更多更全内容