云南民族团结教育网开发与设计3稿 - 图文

本 科 生 毕 业 论 文

学 院 数学与计算机科学学院

专 业 计算机科学与技术

届 别 2 0 1 1

题 目云南民族团结教育网站的设计与实现

学生姓名 胡 波

学 号 2007074122

指导教师 赵 艳 芳

教 务 处 制

1

云南民族大学毕业论文(设计)原创性声明

本人郑重声明：所呈交的毕业论文(设计)，是本人在指导教师的指导下进行研究工作所取得的成果。除论文中已经注明引用的内容外，本论文没有抄袭、剽窃他人已经发表的研究成果。本声明的法律结果由本人承担。

毕业论文(设计)作者签名：

日期： 年 月 日

?????????????????????????????

关于毕业论文(设计)使用授权的说明

本人完全了解云南民族大学有关保留、使用毕业论文(设计)的规定，即：学校有权保留、送交论文的复印件，允许论文被查阅，学校可以公布论文(设计)的全部或部分内容，可以采用影印或其他复制手段保存论文(设计)。

（保密论文在解密后应遵守）

指导教师签名： 论文(设计)作者签名：

日期： 年 月 日

2

摘 要

此文针对云南民族团结教育网的研究背景和建立目标，详细阐述了教育网的需求分析、安全性、总体设计、详细设计。本文阐述的方法可基于多种开发技术，本系统的功能实现部分仅以asp为例，力求本文能实现所学理论与实际操作结合，深入浅出的论述网站的建设。前台设计巧妙的将Table布局和Div+Css布局技术融合在一起，利用JavaScript减压技术，数据库访问技术，建成了程序与数据分离的安全屏障。并添加MD5模块、防SQL注入模块等，极大的提高了系统的安全性。

关键字： asp、access、民族团结教育网

Abstract

This article Ethnic Solidarity for background and education network in the establishment of objectives, detailed requirements analysis education network, security, general design, detailed design. This paper describes the method can be developed based on a variety of techniques, to achieve some of the functions of the system only asp, for example, strive to achieve this by combining theory with practice, easily comprehensible discussion of the construction site. Front design and clever layout of the Table Div + Css layout techniques together, the use of JavaScript decompression, database access technology, and built a separate program and data security barrier. And add the MD5 module, anti-SQL injection module, which greatly improves the security of the system.

Keywords: asp、access、Website of Nationalities Unity

3

目录

摘 要 ...................................................................................................................... 3 Abstract ................................................................................................................ 3 1 引言 ..................................................................................................................... 6

1.1 研究背景............................................................................................. 6 1.2 研究的意义........................................................................................ 6 1.3 研究的目标........................................................................................ 7

2 相关技术 .............................................................................................................. 7

2.1 ASP动态网页技术 .............................................................................. 7 2.2 CSS 简介 ........................................................................................... 7 2.3 Access 数据库 ................................................................................... 8 2.4 Photoshop 简介 .................................................................................... 8 2.5 JavaScript 简介 .................................................................................... 8

3 民族团结教育网站的需求分析 ......................................................................... 9

3.1 功能需求分析..................................................................................... 9

3.1.1 用户功能需求分析.................................................................... 9 3.1.2 管理员功能需求分析................................................................ 9 3.2 安全需求分析................................................................................... 10

4 民族团结教育网站的总体设计 ........................................................................ 10

4.1 功能模块总体设计............................................................................. 10 4.2 栏目设计............................................................................................. 11 4.3 数据库设计......................................................................................... 11

5 民族团结教育网站的详细设计与实现 ............................................................ 14

5.1 首页的设计与实现............................................................................. 14 5.2 基本信息系统的设计与实现............................................................. 17 5.3 新闻发布系统的设计与实现............................................................. 19

4

5.4 民族音乐与图片管理系统的设计与实现......................................... 21 5.5 账号管理系统的设计与实现............................................................. 22

6 关键技术的实现 ................................................................................................ 25

6.1 Photoshop美工设计.......................................................................... 25 6.2 Div+Css 布局..................................................................................... 25 6.3 前端开发中javascript 应用.......................................................... 28 6.4 防SQL注入模块 ............................................................................... 30 6.5 DDOS 防御 ...................................................................................... 32 6.6 XSS 防御 ......................................................................................... 33

7 总结与展望 ........................................................................................................ 34 致谢 .......................................................................................................................... 34 参考文献 .................................................................................................................. 35

5

1 引言

1.1 研究背景

民族团结是社会主义民族关系的基本特征和核心内容之一，也是中国共产党和国家所追求的目标。我国是各族人民共同缔造的统一的多民族国家。在新时期，在科学发展观指导下，实现我国经济社会事业又好又快发展、促进我国的团结统一和繁荣富强、全面构建和谐社会等，都要求必须大力加强学校的民族团结教育工作。

国家对民族团结教育的重视程度极高，投入了大量的人力、物力来做这一项工程，然而，由于该工程信息量的急速增加，多数宣传并没有达到预期效果。出现了宣传面窄、宣传范围小、信息更新速度慢等问题。

一套实用性强的民族团结教育系统，可以行之有效的开展民族团结教育活动。可以让各族人民更深刻，更便捷的相互了解，对民族的团结起到极大的促进作用，为各族的稳定贡献出一份力量。随着Internet飞速发展，通过网络媒介进行宣传教育就显得十分重要，建立一个功能强，针对性强、易于管理的网上民族团结教育系统是必要的，云南民族团结教育网融合多种教育资源，有效配置文本资源和音像资源，保证民族团结教育工作的顺利和有效开展。

1.2 研究的意义

如何更高效的做好民族团结教育工作，是一项长期的工程。云南民族团结教育网，综合了我国各族的详细信息和最新动态，让各族之间相互了解，加强 “三个离不开”（汉族离不开少数民族，少数民族离不开汉族，各少数民族之间也相互离不开）教育，促进各民族之间的平等团结。民族团结教育应该是多途径的，云南民族团结教育网的成立，使该教育不局限于形式，不局限于时间、不局限于地点，在培养各族的民族团结意识，提高各族维护祖国统一、民族团结、反对分裂的自觉性上起到了极大的促进作用。

民族团结教育信息化，可以提高工作效率，加大宣传力度，降低各族信息采集的难度，实现了信息的实时，准确和全面等特点。

6

1.3 研究的目标

该教育网的研究目标是以云南民族团结教育网的建立为契机，以成熟的系统和宣传模式，为民族团结教育工作提供信息化支持，使各族人民思想认识和行为自觉地统一到党和国家的要求上来，增进对中华民族的认同和历史、文化的了解，促进56个民族优秀文化传统的相互交流、继承和发扬；自觉维护我国各民族“平等、团结、互助、和谐”社会主义关系，促进各民族的共同进步和祖国繁荣昌盛。

2 相关技术

2.1 ASP动态网页技术

Asp (Active Server Pages)是微软公司开发的服务器端的脚本编辑环境，也就是说ASP不是编程语言，而是一种开发环境。ASP提供了一个在服务器端执行指令的环境，它可以区分HTML与必须经过服务器翻译才能送往客户端的命令。它可以执行的指令包括HTML语言、VBScript和JavaScript等，因此可以制作出功能强大的WEB应用程序。

从1996年ASP诞生到现在已经过去了15年。在这短短的15年中，ASP发生了重大的变化，直到现在的ASP.NET。

到了2000年，随着Windows 2000的成功发布，这个操作系统的IIS 5.0所附带的ASP 3.0也开始流行。与ASP 2.0相比，ASP 3.0的优势在于它使用了COM+，因而其效率会比它前面的版本要好，并且更稳定。

ASP 内置与IIS(Internet Information Server)或者PWS(Personal Web Server)中，适合开发中小型的网站。

2.2 CSS 简介

CSS（Cascading Style Sheet）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的结构(structure)与表现(presentation)形式分离。只要HTML文档结构良好，通过CSS作修饰，就可以让页面变得非常漂亮。CSS可控制页面中的每一个元素，你可以定义为类，也可以定义为ID，可以在页面中实现前所未有的效果。

7

2.3 Access 数据库

Microsoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一，Access数据库简单易用，但安全性不高。

2003年微软正式发布了access 2003，这是继2002年后发布的最新版本，它在继承了以前版本的优点外，又新增了一些使用功能，之后微软又发布了access2007，目前access的最高版本是access 2010。

Access数据库在网站制作中是可移植性最强的数据库。

2.4 Photoshop 简介

Adobe公司推出的图形图像处理软件Photoshop，以其专业的技能和强大的兼容能力，成为全球通用的图形图像设计及编辑处理工具，Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。

Photoshop的专长在于图像处理，而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。

2.5 JavaScript 简介

JavaScript是一种由Netscape的Live Script发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

JavaScript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 JavaScript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。

8

3 民族团结教育网站的需求分析

3.1 功能需求分析

3.1.1 用户功能需求分析

该教育系统需要在任意地点通过网络向服务器请求所需要的数据，并提供对教育系统即时的管理和数据更新，该教育系统需要反应出56个民族的分布区域、人口数量，以及语言、文字及主要的文化特点和风俗习惯。教育网的整体设计要反应出各族人民团结一致，强调民族特色，设计要与时俱进。需要的栏目有：团结快报、政策法规、民族文化、民族教育、民族音乐、民族影视、管理服务、网上校史。

根据以上信息，教育网的整体设计采用五星红旗的配色方案。红、黄为主色调。红色彰显积极、主动、开放、热情，也象征着革命。中国自古以黄色为尊，它是一种身份的象征，黄色的灿烂、辉煌，有着太阳般的光辉，象征着照亮黑暗的智慧之光，也表示中华民族为黄色人种。教育网顶部，五星红旗与民族团结教育网的标题相互辉映，左侧华表矗立，右侧旭日东升。展现出我国各族人民在党旗下团结一致，共同奋斗的决心。

3.1.2 管理员功能需求分析

对该系统的管理应该操作简单，易于上手，拥有超级管理员对账号进行管理和信息更改，针对民族团结教育网需要的栏目多，信息量大，应该开发出便于管理员自行创建和删除项目，自行创建和删除内容的功能，能针对团结教育网的不同专题来自动生成相应专题的网页，并能对各专题进行管理。

据以上分析，考虑到管理人员为非计算机专业或相关专业的人，在管理员的开发上，移植常用的office 操作方式到管理页面中，尽可能的让管理人员熟悉该系统的操作，并采用系统内置超级管理员的方法，让超级管理员可以自由的对普通管理员进行操作，并以此提高安全性。

9

3.2 安全需求分析

防止SQL注入 云南民族团结教育系统 预防DDOS攻击 防止XSS攻击 图1教育网安全模块

民族团结教育网需要保证数据的安全，以防数据被篡改，服务被停止，防止挂马，黑客入侵等。

如何解决教育网的安全问题，可以从网络、硬件、系统等方面来剖析，在此仅从程序这个层面上来考虑教育网的安全问题，因为在世界范围内，关注人数最多、技术实用性最高、破坏力最强、防护难度最高的黑客攻击技术就在这个层面上。

4 民族团结教育网站的总体设计

4.1 功能模块总体设计

根据用户和管理员所提出的栏目和管理方式，分析整合后可将该系统简单分离为下图形式：

10

基本信息系统 云南民族团结教育系统 新闻发布与管理系统 民族音乐与图片管理 账号管理系统 图2系统功能模块图

其中基本信息系统由专题管理、节日贺词、团结箴言等功能组合而成。

4.2 栏目设计

图3栏目设计图

栏目由类型相同而颜色不同的两张图片组成，在鼠标经过的时候，通过访问自动切换两张不同的图片，进行动态效果的展示，也可利用CSS属性控制当鼠标经过图片时，自动将图片下移相应的像素，指向新的图片位置。鼠标离开时又返回到原来的像素位置。

团结快报、政策法规、民族文化、民族教育、管理服务后台管理属于新闻发布与管理系统，即这几个栏目共用一个功能模块，实际上并没有重新设计而是直接调用新闻发布系统来进行文章的发布和管理，而民族音乐和民族影视由音乐图片管理系统进行后台支持。

4.3 数据库设计

数据处理可以使用SQL Server 、MySQL、access等数据库，设计好表和字段后，使用相应的数据库访问技术，便可实现不同数据库的更换。在该系统中采

11

用Access数据库。

表和字段设计如下

图4 news表字段图

Id 自动编号 主键

Admin 文本 为文章作者署名 Title 文本 文章标题 Info 文本 文章简介

Time 日期/时间 文章添加时间 Sourc 文本 文章来源 Body 文本 文章内容 Classid 文本 类型

12

图5新闻分类表字段图

Id 自动生编号成 主键 Classid 文本 新闻分类

图6管理员表字段图

Id 自动编号 主键 Admin 文本 用户名 Password 文本 密码 Grade 数字 级别 Name 文本 管理员姓名

图7音乐表字段图

13

数据库访问技术为OLE DB（OLEDB）是微软的战略性的通向不同的数据源的低级应用程序接口。OLE DB不仅包括微软资助的标准数据接口开放数据库连通性（ODBC）的结构化查询语言（SQL）能力，还具有面向其他非SQL数据类型的通路。 作为微软的组件对象模型（COM）的一种设计，OLE DB是一组读写数据的方法（在过去可能被称为渠道）。OLD DB中的对象主要包括数据源对象、阶段对象、命令对象和行组对象。使用OLE DB的应用程序会用到如下的请求序列： 初始化OLE 连接到数据源、发出命令、处理结果、释放数据源对象并停止初始化OLE。

5 民族团结教育网站的详细设计与实现

5.1 首页的设计与实现

民族团结教育网的首页设计运用DIV+CSS配合TABLE做出整体框架，

TOP 导航栏目 flash展示 专题一 民族文化 民族音乐 政策法规 团结快报 专题二 民族教育 民族影视与团结箴言 管理服务 图片滚动展示区域 民族概况 电子日历 节日贺辞 网上校史 校史钩沉 友情链接 14

Bottom 表1网站整体框架表

上述表格即首页的整体框架示意图，在现今页面设计中，不单独用table或者div来编写网站。一般为先使用table做外部框架，用div做内部定位。原因是减少代码的编写量和工作量。

如果单独使用表格，那就没有办法在修改中一次性更改所有内容，必须进行每个细节的修改。如果单独使用div，无法针对当今众多的浏览器进行编码，ie6.0-ie8.0对div与CSS解析不同，火狐、谷歌等浏览器对CSS解析又有差异，虽然可以使用hack技术对CSS进行不同浏览器编码，但操作难度，和编写难度又将增加，所以本网站采用table与DIV+CSS的优点进行网站代码的编写。

格式为：

图8体育学院教学团队网站图

方便对CSS中hack理解，我引用了以前设计的这个网站。

15

该网站针对IE不同版本，写了hack。做这个网站时，知道了不同浏览器的解析不同，开始研究CSS中的hack技术。

例如：由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果，或者在不同浏览器中出现面目全非。

解决方法：

原理：IE6能识别下划线\和星号\，IE7能识别星号\，但不能识别下划线\，而firefox两个都不能认识。等等

如此网站的滚动部分css代码： margin-left: 15px; _margin-left:7px;

首页Index.asp的作用就是提供框架支持，实际上在首页里并没有包含太多代码，里面有的仅仅是首页效果的一些简单编码，其他内容通过文件包含的办法，例如：