©2010-2026 宁波自信网络信息技术有限公司 版权所有
客服电话：0574-28810668 投诉电话：18658249818
浙ICP备2021020529号-1 | 浙B2-20240490
关注我们 ：
1、 编号： 0813113 毕 业 设 计 （2012届本科） 题 目： 河西学院美术学院网站 系(部)院： 信息技术与传媒学院 专 业： 计算机科学与技术 作者姓名： 李技 指导教师： 吴建军 职称：副教授 完成日期： 2012 年 5 月 20 日 IV 河
2、西学院本科生毕业设计诚信声明 本人郑重声明：所呈交的本科毕业设计，是本人在指导老师的指导下，独立进行设计开发工作所取得的成果，成果不存在知识产权争议，除文中已经注明引用的内容外，本论文不含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个人和集体均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。 本科毕业设计作者签名： 二〇一二年五月二十日 摘 要 学院的网站既是师生互相学习和交流的平台，也是学院对外的信息展示。构建开发一个美术学院网站，可以为该学院提供一个与社
3、会沟通的网络桥梁，并为教学和办公服务。 本设计实现了一个“河西学院美术学院网站”。网站采用.NET技术，在Visual Studio2005下使用C#编程语言基于B/S模式进行开发。网站的后台数据库使用Microsoft Access2003。网站前台实现了新闻公告显示、文件下载、站内搜索、学院概况介绍、作品展示、留言交流等，后台则实现了动态添加、更新、管理新闻公告、学院概况、组织机构、课程建设、师资队伍、党团工作、相关下载等功能。 关键词：网站；ASP.NET；Access ；C#；B/S Abstract School website is not only
4、 a exchange platform for teachers and students learning from each other , but also is the College's external information display. Construction of the development of an Academy of Fine Arts Web site can provide the College students to communicate a social network bridges, and for teaching and office
5、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 site's back-end database using the Microsoft Access2003. In front of Website achieve file downloads, sea
6、rch 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 downloads and other features. Keywords: Website；ASP.NET；Access ；
7、C#；B/S 目 录 第一章 设计概述 5 1.1 设计背景与意义 5 1.2 同类或相关网站的开发现状 5 1.3 设计目标与主要工作 7 1.3.1 设计目标 7 1.3.2 设计主要工作 7 第二章 网站分析与设计 8 2.1 网站分析 8 2.1.1 用户角色分析 8 2.1.2 需求分析 8 2.2 功能模块设计 9 2.2.1 总体设计 9 2.2.2 详细设计 9 2.3 数据库设计 11 2.3.1 概念设计 11 2.3.2 逻辑设计 12 2.4 界面设计 15 2.4.1 前台界面设计 15 2.4.2 后台界面设计
8、 16 第三章 网站实现 17 3.1 用户登录功能模块的实现 17 3.2 新闻公告模块的实现 18 3.2.1 新闻显示功能的实现 18 3.2.2 新闻添加的实现 19 3.2.3 新闻删除的实现 20 3.2.4 新闻修改的实现 21 3.2.5 FCKeditor在管理新闻中引用的实现 22 3.2.6 新闻管理中显示页面分页的实现 22 3.3 菜单管理功能的实现 24 3.4 新闻搜索功能模块的实现 26 3.5 留言功能的实现 26 3.6 滚动公告功能的实现 26 第四章 网站安装部署和简要使用说明 28 4.1 网站运行环境说明 28 4.1
9、1 服务器运行环境 28 4.1.2 客户端运行环境 28 4.2 网站安装部署说明 29 4.3 网站简要使用说明 29 第五章 设计总结 30 致谢 31 参考文献 32 河西学院信息技术与传媒学院毕业设计 第一章 设计概述 1.1 设计背景与意义 信息技术和网络技术的迅速发展和广泛应用，对社会的经济、政治、军事、文化等领域产生越来越深刻的影响，也正在改变人们的工作、学习、生活、交流方式，以及信息的获取、处理、交流和应用等能力。 学院的网站既是师生互相学习和交流的平台，更是学院对外的信息展示。广大考生可以通过此平台了解学院的基本信息和教学信息等，加深了解，帮
10、助考生更好的选择学校。原美术系网站在页面布局、模块设置等方面不够合理，在信息显示方面存在一些不足，缺少师生交流的平台等，这些问题使得学院的网站没有发挥出它应有的功效。设计开发美术学院网站对有效的组织管理本学院的教学工作，同时展现美术学院的动态及广大师生的优秀作品，加强师生交流，推进学院更好的发展具有实际意义。 1.2 同类或相关网站的开发现状 在实现设计之前，我查阅了同类或相关网站的开发情况。其中对本网站有帮助的网站有北京大学艺术学院网站[1]、吉林大学艺术学院网站[2]、兰州大学艺术学院网站[3]、清华大学美术学院网站[4]、西北师范大学美术学院网站[5]。 1. 北京大学艺术学院网站
11、 北京大学艺术学院网站如图1-1所示：该网站布局整齐合理，操作方便，采用图片新闻展现新闻动态能很好的吸引浏览者的注意力值得借鉴。 图 1-1 北京大学艺术学院主页图 2. 吉林大学艺术学院网站 吉林大学艺术学院网站设计中的背景给人眼前一亮的感觉，此外该网站采用了多种图片浏览方式，网站其中一页截图如图1-2所示 图 1-2 吉林大学艺术学院作品锦集页面图 3. 兰州大学艺术学院网站 该网站界面简洁美观，采用了上左下为图片右边为内容的方式设计，版面和界面设计有新意；具体界面设计如图1-3所示。 图 1-
12、3 兰州大学艺术学院主页图 4. 清华大学美术学院网站，如图1-4所示： 该网站运用菜单、图标、按钮、窗口、热键等，增强人机交互功能，每一页都有明确清晰的导航；具体效果图如下所示： 图 1-4 清华大学美术学院主页图 5. 西北师范大学美术学院网站 该网站采用图片超链接，页面的设计和布局提供了很好的导向作用。同时该网站在界面设计上独特新颖，用错落有致的图片拼凑设计代替传统的整个一大张图片布局，给人以艺术的美感，该网站其中一个页面截图如图1-5所示。 图 1-5 西北师范大学美术学院网站图 以上网站都是前台展示，后台可以通过管
13、理页面管理的动态网站。从栏目来看，主要包括学院简介、师资队伍、机构设置、党团工作、资料下载、新闻浏览、成果简介和作品展示等。 1.3 设计目标与主要工作 1.3.1 设计目标 本设计的目标是构建一个河西学院美术学院网站, 要求该系统包括前台和后台两部分，并且通过系统的后台能动态管理前台的相关内容。 1.3.2 设计主要工作 在充分了解网站需求的基础上，本设计的主要工作如下： 1．系统功能模块划分 2．数据库设计 3．编码实现 第二章 网站分析与设计 2.1 网站分析 2.1.1 用户角色分析 本网站用户分为普通用户和管理员用户两类。普通用户包括老师和学生，不需要登录即可
14、访问该网站，管理员用户需登录才可进行管理。 2.1.2 需求分析 2.1.2.1 普通用户需求 普通用户需求具体可以分为浏览网站新闻公告需求、下载相关文件需求、了解学院概况介绍需求、查看党团动态需求、了解组织机构需求、查看美术作品需求、签写并查看留言需求等。普通用户功能需求如图2-1所示。 查看课程信息需求 普通用户需求 浏览新闻公告需求 留言需求 签写留言需求 查看留言需求 下载相关文件需求 查看党团动态需求 查看展示作品需求 了解学院概况需求 了解组织机构需求 查看师资队伍需求 用户浏览信息需求 图2-1 普通用户需求 2.1.2.2 管理员用户
15、需求 管理员用户需求具体可分为新闻公告管理需求、课程信息管理需求、师资队伍管理需求、学院组织机构管理需求、学院概况管理需求、下载管理需求等。管理员用户功能需求如图2-2所示。 增删改师资队伍需求 增删改下载文件需求 管理员用户需求 新闻管理需求 添加新闻需求 编辑新闻需求 组织机构管理需求 删除新闻需求 公告管理需求 添加公告需求 编辑公告需求 删除公告需求 课程管理需求 添加课程需求 删除课程需求 编辑课程需求 编辑组织机构需求 学院概况管理需求 师资队伍管理需求 下载管理管理需求 留言内容管理需
16、求 删除回复留言需求 编辑学院概况需求 图2-2 管理员用户需求 2.2 功能模块设计 2.2.1 总体设计 本网站主要包括前台展示和后台管理两大部分。前台用于各栏目相关信息的展示以及显示搜索结果。后台实现了超级管理员对普通管理员的管理和对所有前台信息管理，普通管理员只能根据其所拥有的权限添加、修改、管理部分相关信息。如图2-3所示： 河西学院美术学院网站 网站后台管理 网站前台展示 图2-3 网站总体结构图 2.2.2 详细设计 前台用于各栏目的信息浏览，栏目划分如下： 1.本站首页包括：图片新闻、新闻公告、学院介绍、超链接资源、管理员登录和
17、站内搜索。 2.学院概况包括：美术学院成立情况，教学资源以及师资配备。 3.师资队伍包括：美术学院教师的详细信息。 4.课程建设包括：美术学院所开设的每门课程的详细信息及参考书。 5.组织机构包括：美术学院领导组织机构详细信息。 6.相关下载包括：美术学院常用到的软件以及相关附件下载。 7.党团工作包括：组织机构、党员工作、团员工作、学生会工作、活动要闻。 8.作品展示包括：最新作品、教师作品、学生作品、其他作品以及最新公告。 9.建议留言包括：浏览者留言、管理员回复。 网站前台模块划分如下图2-4所示： 学 院 概 况 师 资 队 伍 党 团 工 作 组 织 机 构
18、 课 程 建 设 作 品 展 示 相 关 下 载 管 理 登 陆 本 站 首 页 留 言 建 议 站 内 搜 索 前 台 图2-4 网站前台模块 后台主要为管理员提供一个管理平台，主要包括各功能模块的添加、编辑与删除工作，实现前台信息的动态更新。 后 台 管 理 组 织 机 构 管 理 建 议 留 言 管 理 相 关 下 载 管 理 课 程 建 设 管 理 菜 单 管 理 公 告 管 理 新 闻 公 告 管 理 师 资 队 伍 管 理 学 院 概 况 管 理 图2
19、5 网站后台模块 2.3 数据库设计 2.3.1 概念设计 概念结构设计：概念结构设计将需求分析得到的用户需求抽象为信息结构即设计概念模型的过程就是概念结构设计。概念结构设计阶段，先根据要求，画出能反映每个应用需求的E-R图，然后对初始的E-R图进行优化，消除冗余和可能存在的矛盾。概念模型的设计是对用户需求的客观反映，并不涉及具体的计算机软件、硬件环境。 通过对本网站的需求进行的分析、综合、归纳与抽象，分析各个实体之间的联系，画出如下E-R图： 简介 发表者 新闻标题 管理员 用户ID 用户名 用户密码 设计 新闻 教师信息 课程简介 学院简介 内容 ……
20、 …… 姓名 性别 照片 学院 学院简介 组织机构 课程名称 学院简介 教科书 课程详细信息信息 专业 …… 作品 作品名称 作者名称 作品图片 添加时间 …… 作者 …… 类别 图片 作品名称 n 1 图2-6 网站总体E-R图 2.3.2 逻辑设计 2.3.2.1 管理员表 管理员表主要用来对管理员登录系统进行管理时的身份认证，该表的主要字段及其含义如表3-1所示。 表2-1 管理员表 列名 数据类型 长度 说明 Id username userpwd 自动编号 文本 文本 30 30 标识种子
21、自动递增(主键) 管理员用户名 管理员密码 2.3.2.2 课程表 课程表主要用来对美术学院所开设的课程分别进行详细的介绍，并且提供了所开设课程的参考图书。 表2-2 课程表 列名 数据类型 长度 说明 ID cname specialty images description book 自动编号 文本 文本 文本 备注 文本 30 50 50 标识种子，自动递增(主键) 课程名 专业 图片 课程详细信息 所使用的参考教科书 2.3.2.3 下载表 下载表主要用来提供美术学院学生所用到的软件、作品以及相关电子书籍的下
22、载。 表2-3 下载表 列名 数据类型 长度 说明 ID downloadname path description addtime images clicktimes size author 自动编号 文本 文本 备注 日期/时间 文本 数字 文本 文本 50 50 50 50 标识种子，自动递增(主键) 文件名称 路径 文件详细信息 添加日期 图片 下载次数 文件大小 版权 2.3.2.4 导航表 导航表是用来对首页导航栏进行动态更新的数据表。管理员登陆以后，可以通过后台添加、删除和编辑导航
23、并且可以通过menuplace字段控制导航的显示顺序。 表2-4 导航表 列名 数据类型 长度 说明 MID menuname urls menuplace 自动编号 文本 文本 文本 30 50 50 标识种子，自动递增(主键) 链接名称 链接路径 连接的顺序 2.3.2.5 公告表 公告表是用来对河西学院美术学院公告进行管理的表格。用户可以通过网站前台查看学院的公告信息，管理员可以通过后台管理公告。 表2-5 公告表 列名 数据类型 长度 说明 ID title content author addDate click
24、times 自动编号 文本 备注 文本 日期/时间 数字 50 20 标识种子，自动递增(主键) 标题 内容 发布者 添加日期 浏览次数 2.3.2.6 新闻表 公告表是用来对河西学院美术学院新闻进行管理的表格。用户可以通过网站前台查看学院的新闻信息，管理员可以通过后台管理新闻。 表2-6 新闻表 列名 数据类型 长度 说明 ID title content author addDate clicktimes 自动编号 文本 备注 文本 日期/时间 数字 30 20 标识种子，自动递增(主键) 标
25、题 内容 发布者 添加日期 浏览次数 2.3.2.7 作品表 作品表是用来对美术学院师生美术作品展示操作的表。用户可以通过前台浏览师生的展示作品，管理员可以登陆后台，并能够对作品进行添加、删除等相关的操作。 表2-7 作品表 列名 数据类型 长度 说明 ID sname title description picture sort time 自动编号 文本 文本 备注 文本 文本 日期/时间 30 50 50 30 标识种子，自动递增(主键) 作者名 作品名称 信详细息 作品图片 类别 添加时间
26、2.3.2.8 教师表 教师表是用来对河西学院美术学院师资队伍情况操作的表。 表2-8 教师表 列名 数据类型 长度 说明 ID tname tsex degree description TID photo interest tle pruduction 自动编号 文本 文本 文本 备注 文本 文本 文本 文本 备注 20 10 20 50 50 80 50 标识种子，自动递增(主键) 姓名 性别 学历 详细信息 照片 兴趣 电话 作品 2.3.2.9 学院表 学院表主要用来对学院组织机构以及
27、学院简介进行管理，该表的主要字段及其含义如表2-9所示。 表2-9 学院表 列名 数据类型 长度 说明 ID department instuction zuzhijigou 数字 文本 备注 备注 50 标识种子，自动递增(主键) 学院 学院简介 组织机构 2.3.2.10 党团工作表 党团工作表主要用来对学院党员工作、团员工作以及学生会工作的工作章程、成员分工新闻动态以及通知公告进行管理，该表的主要字段及其含义如表2-10所示。 表2-10 党团工作表 列名 数据类型 长度 说明 ID newstitle newscont
28、ent massagetitle messagecontent addtime type partyrulestitle partyrulescontent studentuniontitle studentunioncontent addperson tuantitle tuancontent 自动编号 文本 备注 文本 备注 日期/时间 文本 文本 备注 文本 备注 文本 文件 备注 255 255 255 255 255 255 255 标识种子，自动递增(主键) 新闻标题 新闻内容 公告标题
29、 公告内容 添加日期 类型（标识党、团、学） 规章制度标题 规章制度内容 学生会信息标题 学生会信息内容 发布者 团标题 团内容 2.3.2.10 图片表 图片表是用来对师生作品图片进行相关操作的表。 表2-11 图片表 列名 数据类型 长度 说明 ID author picture sort 数字 文本 文本 文本 50 标识种子，自动递增(主键) 作者 图片路径 类别（标识学生、教师、其他） 2.4 界面设计 2.4.1 前台界面设计 网站前台除了提供信息浏览、文件下载及其他功能外，还是一种对外形象的体现，所以网站前台页
30、面在设计上既要考虑浏览快速实用，而且更要达到美观大方的效果，整个网站的界面设计都是在这个设计思想下进行的。 图2-7 网站首页界面设计 2.4.2 后台界面设计 后台的页面跟前台页面则不同，前台是对外的宣传与体现，后台则是管理的平台，它不像前台那样需要做得美观，它只要求实用、速度与效率，所以后台尽量不使用影响速度的体积大的图片及flash等。 后台基本都采用框架的浏览方式，左边比较窄，管理分类链接放在左框架，在管理浏览过程中保持不变，这样可以快速在管理页面之间进行切换，提高管理效率；框架右则为主框架，比较宽，管理页面在点击之后会出现在主框
31、架内，在上面可以对不同的管理页面进行操作。 图2-8 网站后台界面设计 16 河西学院信息技术与传媒学院毕业设计 第三章 网站实现 3.1 用户登录功能模块的实现 用户身份认证是通过对比登录用户的输入和用户表中的实际用户名和密码字段是否一致来实现的，具体代码入如下： protected void Button1_Click(object sender, EventArgs e) { if (TextBox3.Text == "" && TextBox4.Text == "") {
32、 Response.Write(""); } else { string username = TextBox3.Text; string password = TextBox4.Text; if (ValidateUser(username, password)) { string connstr = "Provider= Microso
33、ft.Jet.OLEDB.4.0; Data Source =" + Server.MapPath("DBnews.mdb"); OleDbConnection conn = new OleDbConnection(connstr); conn.Open(); OleDbCommand cmd = new OleDbCommand(); cmd.Connection = conn; cmd.CommandType = Comm
34、andType.Text; cmd.CommandText = "select [username] from [admin] where [username]='" + username + "'"; OleDbDataReader dr; dr = cmd.ExecuteReader(); while (dr.Read()) { Session["admin"] = dr.Get
35、Value(0); } conn.Close(); Response.Redirect("newsmanage.aspx"); } else { Response.Write(""); } } } publ
36、ic static bool ValidateUser(string username, string password) { string connstr = "Provider= Microsoft.Jet.OLEDB.4.0; Data Source =" + HttpContext.Current.Server.MapPath("DBnews.mdb"); OleDbConnection conn = new OleDbConnection(connstr); conn.Open(); OleDbComm
37、and cmd = new OleDbCommand(); cmd.Connection = conn; cmd.CommandType = CommandType.Text; cmd.CommandText = "select count(*) from [admin] where [username]='" + username + "'and [userpwd] ='" + password + "'"; OleDbDataReader dr = cmd.ExecuteReader(); dr.Re
38、ad(); int num = dr.GetInt32(0); conn.Close(); if (num > 0) return true; else return false; } 3.2 新闻公告模块的实现 3.2.1 新闻显示功能的实现 新闻显示功能的实现主要用Label控件来显示新闻的详细内容。由于标题绑定了新闻的ID，ID唯一标识了每一条新闻，当单机首页新闻标题时，完成了页面的跳转和参数的传递。从而通过数据库查询语句查询特定ID的记录，并通过L
39、abel将其显示出来。具体实现代码如下： static string connstr = "provider=Microsoft.Jet.OLEDB.4.0;Data source =" + HttpContext.Current.Server.MapPath("DBnews.mdb");//数据库连接 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { DataSet ds = DB.Getnew
40、sByID(Request.QueryString["ID"]); Label1.Text = ds.Tables[0].Rows[0][1].ToString(); Label2.Text = ds.Tables[0].Rows[0][2].ToString(); Label3.Text = ds.Tables[0].Rows[0][4].ToString().Substring(0, 10); Label4.Text = ds.Tables[0].Rows[0][5].ToString(
41、); Label5.Text = ds.Tables[0].Rows[0][3].ToString(); DB.UpdatenewsClickTimes(Request.QueryString["ID"]); } } public static DataSet GetnewsByID(string ID) { OleDbConnection conn = new OleDbConnection(connstr); conn.Open(); OleDb
42、Command comm = new OleDbCommand(); comm.Connection = conn; comm.CommandText = "select * from news where id=" + ID; OleDbDataAdapter adapter = new OleDbDataAdapter(comm); DataSet ds = new DataSet(); adapter.Fill(ds); conn.Close(); return
43、ds; } public static void UpdatenewsClickTimes(string ID) { OleDbConnection conn = new OleDbConnection(connstr); conn.Open(); OleDbCommand comm = new OleDbCommand(); comm.Connection = conn; comm.CommandText = "update news set clicktimes = ClickT
44、imes + 1 where id=" + ID; comm.ExecuteNonQuery(); conn.Close(); } 3.2.2 新闻添加的实现 添加新闻的实现主要用到了TextBox控件以及FCKeditor网页编辑器，其中添加时间通过now（）函数自动获取，具体代码如下： protected void Button1_Click(object sender, EventArgs e) { BClick3(); SaveData(); Response.Redirec
45、t("newsmanage.aspx"); } protected void BClick3() { string Name = FileUpload1.FileName; if (Name == "") { Response.Write(""); return; } int Num = Name.LastIndexOf('.'); str
46、ing Type = Name.Substring(Num, 4); string UpPath = Server.MapPath("~/news_images") + "/" + Name; string DBPath = "~/news_images/" + Name; FileUpload1.SaveAs(UpPath); } public void SaveData() { OleDbConnection conn = new OleDbConnection("prov
47、ider=Microsoft.Jet.OLEDB.4.0;DataSource="+ Server.MapPath("DBnews.mdb")); conn.Open(); OleDbCommand comm = new OleDbCommand(); comm.Connection = conn; comm.CommandText = "insert into news (title,content,author) values('" + TextBox1.Text + "','" + FCKeditor1.Value
48、 "','" + TextBox3.Text + "')"; comm.ExecuteNonQuery(); conn.Close(); } protected void Button2_Click(object sender, EventArgs e) { TextBox1.Text = ""; FCKeditor1.Value = ""; TextBox3.Text = ""; } 3.2.3 新闻删除的实现 删除新闻通过按钮绑定新闻的ID，再单击事件中通
49、过按钮唯一确定所要删除的记录，再通过数据库操作中的删除语句将此记录删除，最后重新绑定GridView1，将删除后的结果显示出来。具体实现主要代码如下： public void DeleteData(string ID) { OleDbConnection conn = new OleDbConnection("provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("DBnews.mdb")); conn.Open(); OleDbCommand c
50、omm = new OleDbCommand(); comm.Connection = conn; comm.CommandText = "delete from news where ID=" + ID; comm.ExecuteNonQuery(); conn.Close(); } protected void Button1_Click(object sender, EventArgs e) { string ID = ((Button)sender).Command
©2010-2026 宁波自信网络信息技术有限公司 版权所有
客服电话：0574-28810668 投诉电话：18658249818
浙ICP备2021020529号-1 | 浙B2-20240490
关注我们 ：
