1、编号： 0813113 毕 业 设 计（2012届本科）题 目： 河西学院美术学院网站 系( 部 )院： 信息技术与传媒学院 专 业： 计算机科学与技术 作者姓名： 李技 指导教师： 吴建军 职称：副教授 完成日期： 2012 年 5 月 20 日 河西学院本科生毕业设计诚信声明本人郑重声明：所呈交的本科毕业设计，是本人在指导老师的指导下，独立进行设计开发工作所取得的成果，成果不存在知识产权争议，除文中已经注明引用的内容外，本论文不含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个人和集体均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。本科毕业设计
2、作者签名：二 一 二 年 五 月 二 十 日I摘 要学院的网站既是师生互相学习和交流的平台，也是学院对外的信息展示。构建开发一个美术学院网站，可以为该学院提供一个与社会沟通的网络桥梁，并为教学和办公服务。本设计实现了一个“河西学院美术学院网站”。网站采用.NET技术，在Visual Studio2005下使用C#编程语言基于B/S模式进行开发。网站的后台数据库使用Microsoft Access2003。网站前台实现了新闻公告显示、文件下载、站内搜索、学院概况介绍、作品展示、留言交流等，后台则实现了动态添加、更新、管理新闻公告、学院概况、组织机构、课程建设、师资队伍、党团工作、相关下载等功能。
3、 关键词：网站；ASP.NET；Access ；C#；B/SIIAbstractSchool website is not only a exchange platform for teachers and students learning from each other , but also is the Colleges external information display. Construction of the development of an Academy of Fine Arts Web site can provide the College students to c
4、ommunicate a social network bridges, and for teaching and office services.The Design makes a “Hexi University school of Fine Arts website“. The website uses .NET technology, C # programming language which is based on B / S mode under Visual Studio 2005. The sites back-end database using the Microsof
5、t Access2003. In front of Website achieve file downloads, search institute fact sheet, the works display, message exchanges, etc., the background of website is dynamically addition, update, management news, college profiles, organization, curriculum development, faculty caucus work, relating downloa
6、ds and other features.Keywords: Website；ASP.NET；Access ；C#；B/SIII目 录第一章 设计概述 .51.1 设计背景与意义 .51.2 同类或相关网站的开发现状 .51.3 设计目标与主要工作 .71.3.1 设计目标 .71.3.2 设计主要工作 .7第二章 网站分析与设计 .82.1 网站分析 .82.1.1 用户角色分析 .82.1.2 需求分析 .82.2 功能模块设计 .92.2.1 总体设计 .92.2.2 详细设计 .92.3 数据库设计 .112.3.1 概念设计 .112.3.2 逻辑设计 .122.4 界面设计 .1
7、52.4.1 前台界面设计 .152.4.2 后台界面设计 .16第三章 网站实现 .173.1 用户登录功能模块的实现 .173.2 新闻公告模块的实现 .183.2.1 新闻显示功能的实现 .183.2.2 新闻添加的实现 .193.2.3 新闻删除的实现 .203.2.4 新闻修改的实现 .213.2.5 FCKeditor在管理新闻中引用的实现 .223.2.6 新闻管理中显示页面分页的实现 .22IV3.3 菜单管理功能的实现 .243.4 新闻搜索功能模块的实现 .263.5 留言功能的实现 .263.6 滚动公告功能的实现 .26第四章 网站安装部署和简要使用说明 .284.1
8、网站运行环境说明 .284.1.1 服务器运行环境 .284.1.2 客户端运行环境 .284.2 网站安装部署说明 .294.3 网站简要使用说明 .29第五章 设计总结 .30致谢 .31参考文献 .32河西学院信息技术与传媒学院毕业设计5第一章 设计概述1.1 设计背景与意义信息技术和网络技术的迅速发展和广泛应用，对社会的经济、政治、军事、文化等领域产生越来越深刻的影响，也正在改变人们的工作、学习、生活、交流方式，以及信息的获取、处理、交流和应用等能力。学院的网站既是师生互相学习和交流的平台，更是学院对外的信息展示。广大考生可以通过此平台了解学院的基本信息和教学信息等，加深了解，帮助考生
9、更好的选择学校。原美术系网站在页面布局、模块设置等方面不够合理，在信息显示方面存在一些不足，缺少师生交流的平台等，这些问题使得学院的网站没有发挥出它应有的功效。设计开发美术学院网站对有效的组织管理本学院的教学工作，同时展现美术学院的动态及广大师生的优秀作品，加强师生交流，推进学院更好的发展具有实际意义。1.2 同类或相关网站的开发现状在实现设计之前，我查阅了同类或相关网站的开发情况。其中对本网站有帮助的网站有北京大学艺术学院网站 1、吉林大学艺术学院网站 2、兰州大学艺术学院网站 3、清华大学美术学院网站 4、西北师范大学美术学院网站 5。1. 北京大学艺术学院网站北京大学艺术学院网站如图1-
10、1所示：该网站布局整齐合理，操作方便，采用图片新闻展现新闻动态能很好的吸引浏览者的注意力值得借鉴。图 1-1 北京大学艺术学院主页图河西学院信息技术与传媒学院毕业设计62. 吉林大学艺术学院网站吉林大学艺术学院网站设计中的背景给人眼前一亮的感觉，此外该网站采用了多种图片浏览方式，网站其中一页截图如图1-2所示图 1-2 吉林大学艺术学院作品锦集页面图3. 兰州大学艺术学院网站该网站界面简洁美观，采用了上左下为图片右边为内容的方式设计，版面和界面设计有新意；具体界面设计如图1-3所示。图 1-3 兰州大学艺术学院主页图4. 清华大学美术学院网站，如图1-4所示：该网站运用菜单、图标、按钮、窗口、
11、热键等，增强人机交互功能，每一页都有明确清晰的导航；具体效果图如下所示：图 1-4 清华大学美术学院主页图河西学院信息技术与传媒学院毕业设计75. 西北师范大学美术学院网站该网站采用图片超链接，页面的设计和布局提供了很好的导向作用。同时该网站在界面设计上独特新颖，用错落有致的图片拼凑设计代替传统的整个一大张图片布局，给人以艺术的美感，该网站其中一个页面截图如图1-5所示。图 1-5 西北师范大学美术学院网站图以上网站都是前台展示，后台可以通过管理页面管理的动态网站。从栏目来看，主要包括学院简介、师资队伍、机构设置、党团工作、资料下载、新闻浏览、成果简介和作品展示等。1.3 设计目标与主要工作1
12、.3.1 设计目标本设计的目标是构建一个河西学院美术学院网站, 要求该系统包括前台和后台两部分，并且通过系统的后台能动态管理前台的相关内容。1.3.2 设计主要工作在充分了解网站需求的基础上，本设计的主要工作如下：1系统功能模块划分2数据库设计3编码实现河西学院信息技术与传媒学院毕业设计8第二章 网站分析与设计2.1 网站分析2.1.1 用户角色分析本网站用户分为普通用户和管理员用户两类。普通用户包括老师和学生，不需要登录即可访问该网站，管理员用户需登录才可进行管理。2.1.2 需求分析2.1.2.1 普通用户需求普通用户需求具体可以分为浏览网站新闻公告需求、下载相关文件需求、了解学院概况介绍需求、查看党团动态需求、了解组织机构需求、查看美术作品需求、签写并查看留言需求等。普通用户功能需求如图 2-1 所示。普通用户需求浏览新闻公告需求留言需求签写留言需求 查看留言需求下载相关文件需求查看党团动态需求 查看展示作品需求了解学院概况需求了解组织机构需求 查看师资队伍需求用户浏览信息需求图2-1 普通用户需求2.1.2.2 管理员用户需求管理员用户需求具体可分为新闻公告管理需求、课程信息管理需求、师资查看课程信息需求
