非物质文化遗产网的设计与实现.docx
- 文档编号:10244156
- 上传时间:2023-02-09
- 格式:DOCX
- 页数:36
- 大小:3.29MB
非物质文化遗产网的设计与实现.docx
《非物质文化遗产网的设计与实现.docx》由会员分享,可在线阅读,更多相关《非物质文化遗产网的设计与实现.docx(36页珍藏版)》请在冰豆网上搜索。
非物质文化遗产网的设计与实现
xx非物质文化遗产网的设计与实现
摘要
xx非物质文化遗产网是介绍xx非物质文化遗产的网站,它作为服务平台为人们提供了xx非物质文化遗产的信息。
通过该网站可以使用户最直观的,最全面的了解xx非物质文化遗产,可以根据自己的兴趣搜索非物质文化信息。
同时,xx非物质文化遗产网对xx的非物质文化的遗产起到了一定的保护作用,使非物质文化遗产以电子信息的方式得以保存,从而延缓了部分非物质文化的消亡。
本文从理论上对非物质文化遗产网的设计和实现进行了详细的论述。
首先,文章介绍了网站开发使用的语言及其特点,服务器的配置以及核心技术等。
其次,文章对网站进行了需求分析和可行性分析,描述了xx非物质文化遗产网总体设计与实现的理论基础与技术支持,包括数据库设计、网站详细设计,其中详细设计包括网站前台页面及后台管理部分的设计及其实现。
最后,叙述了网站测试时用到的测试方法,测试时遇到的问题及解决的办法。
网站主要的功能模块有,非遗信息展示,新闻动态,非遗传人,政策法规,保护名录,非遗搜索等。
网站以eclipse为主要开发工具,使用MYSQL为数据库开发平台,Windows7操作系统为运行环境。
此外网站前台运用了DIV+CSS和JavaScript等前台布局脚本语言,后台运用JSP技术进行开发。
关键词网站开发;非物质文化遗产;JSP
Abstract
HebeiintangibleculturalheritagenetworkisthesiteoftheintangibleculturalheritageofHebei,whichservesastheplatformforpeopletoprovidetheinformationoftheintangibleculturalheritageofHebei.Throughthesitecanbetheuser'smostintuitive,themostcomprehensiveunderstandingoftheintangibleculturalheritageinHebei,accordingtotheirownintereststosearchfornon-materialculturalinformation.Atthesametime,HebeiIntangibleCultureHeritageNetworkinHebeiintangibleculturalheritagetoaprotectiveeffect,theintangibleculturalheritageinelectronicinformationcanbepreserved,thusdelayingthedemiseofthepartofthenon-materialandcultural.
ThispaperdiscussesthedesignandimplementationoftheIntangibleCulturalHeritageNetworkindetail..First,thearticleintroducesthelanguageandfeaturesofthewebsitedevelopment,theconfigurationoftheserverandthecoretechnology..Secondly,theonsiteweredemandanalysisandfeasibilityanalysis,describestheHebeiintangibleculturalheritagenetworkoveralldesignandRealizationofthetheoreticalbasisandtechnicalsupport,includingdatabasedesign,detaileddesignofthesite,whichdetaileddesignincludingwebsitefrontpageandbackstagemanagementpartofthedesignanditsimplementation.Atlast,thetestmethodsusedinthetest,theproblemsencounteredandthesolutionsaredescribed..Themainfunctionmodulesofthewebsite,intangibleculturalheritageinformationdisplay,dynamicnews,nondescendants,policiesandregulations,protectionlist,nonsearch.
Eclipseisthemaindevelopmenttool,usingMYSQLasthedatabasedevelopmentplatform,Windows7operatingsystemfortheoperatingenvironment.Inaddition,thefrontdeskofthesiteDIV+CSSandJavaScriptandotherforegroundlayoutscriptinglanguage,thebackgroundoftheuseofJSPtechnologydevelopment.
KeywordsIntangibleculturalheritage; websitedevelopment; JSP
xx非物质文化遗产网的设计与实现
1绪论
当今社会,网络在人们生活中越来越普遍,社会正快速走向信息化。
传统的非物质文化是靠着人们世代相传保留下来的,但随着一些新兴事物的兴起或非物质文化继承人的老去,年轻的一代对非物质文化逐渐失去兴趣,一些非物质文化正逐步走向消亡。
所以对非物质文化遗产的保护也应该顺应历史的方向,xx非物质文化遗产网在实现xx非物质文化遗产信息化的转化上做出了很大的贡献,使其以信息化的方式保留,从而使民族文化的丰富性不会得到破坏。
因此xx非物质遗产网的实现对xx非物质文化遗产的传承和保护有重大的作用。
论文全面详细地介绍了xx非物质文化遗产网的设计方案,第1章为网站实现中运用的基础理论,包括JSP的技术,JavaBean简介,JavaServlets的概述以及在JSP中使用XML等技术;第2章为系统的需求包括可行性分析、网站功能模块分析设计。
第3章为网站的概要设计,包括具体功能及其用例的说明等,还包括数据库设计,包括数据库结构设计;第4章系统详细设计,包括前台和后台两个大的部分,前台部分由浏览者使用,主要包括非遗展示,政策法规,通知公告,新闻动态等模块;后台部分由系统管理员使用,主要包括非遗信息发布,非遗类别管理,非遗级别管理,链接信息管理等功能;第5章为网站的测试。
网站是在Windows7系统下,以MYSQL为xx非物质文化遗产网的数据库开发平台,Tomcat作为应用服务器,采用JSP(JavaServerPages)技术开发的。
1.1JSP的技术特点
基于JSP技术开发的Web应用程序是基于Java语言的,它拥有Java语言跨平台、业务代码分离、组件重用、基础JavaServlet功能和预编译等特征。
1.1.1跨平台
由于JSP技术是基于Java语言的,因此它可以使用JavaAPI,所以它可以在不同的操作系统中应用,也就是说它是跨平台的。
而且,在不同操作系统中的数据库都可以使用JSP服务,JSP依靠JDBC技术操作数据库,因而避免了移植代码所导致的更换数据库时需要修改代码等问题。
1.1.2业务代码分离
使用JSP技术开发的系统,用HTML语言把静态页面内容布局,采用JSP标签和Java部分代码来实现系统动态的功能。
程序员可以将所有的处理代码全部控制层来处理这些代码,来实现服务代码从前台视图层分离开来。
因此JSP页面只负责更新和显示数据即可,当需要修改后台代码时,不会影响前台JSP页面的代码。
1.1.3组件重用
JSP工程中可以使用JavaBean类来编写业务组件,这也就是说JSP工程可以使用一个JavaBean类封装业务处理代码,JSP页面甚至整个工程都可以多次使用这个JavaBean类。
JavaBean类可以应用到多种多样的Java应用程序中,例如桌面应用程序等。
1.1.4预编译
预编译就是在浏览者第一次访问JSP页面时,服务器要对JSP页面的代码进行且仅执行一次性编译。
然后将编译好的代码进行保存,当浏览者进行下一次访问时,会直接执行前一次编译好的代码。
因为这样不仅仅节省了服务器的CPU空间,并且还大大提升了浏览者的访问速度。
1.2CSS3样式表
CSS就是层叠样式表。
在制作网页时采用层叠样式表这种技术,可以精确地对网站前台页面的颜色、布局、背景、字体和其它动态效果等实现控制。
仅仅简单的修改一下相对应的代码,足可以改变同一页面的不同部分,足可以改变网页的模样和格式。
CSS的升级版就是CSS3,CSS3则是朝着模块化方向发展的。
CSS的规范作为太乱太复杂,然而,CSS3却能把它分解成一个个小的模块,也加入了更多新的模块。
这些新模块包括:
文字特效、盒子模型、多栏布局、列表模块、背景和边框等。
2系统需求分析
2.1开发背景
我国是一个历史悠久的古国,有着流传下来的丰富的民族文化,包括物质文化和非物质文化。
国家的博物馆、展览馆对物质文化遗产的保护起了关键性的作用,但是非物质文化遗产不能通过传统的方式保留下来,导致一些非物质文化正在逐步消失,这将对我国民族文化的多样性造成巨大的影响。
在物质生活极大满足的当今社会,人们需要非物质文化充实我们的业余生活,保护非物质文化遗产对保护我们的民族文化和丰富我们的精神生活具有极大的意义。
2.2系统概述
xx非物质文化遗产网为了满足浏览者查询、浏览以及管理员发布信息的功能,将网站分为前台部分和后台部分。
前台部分供浏览者使用,主要的功能模块包括,新闻动态:
此模块主要用于发布更新有关xx非物质文化遗产动态的信息,使浏览者能够及时了解非遗动态。
非遗世界:
用于更新xx最新被列为非物质文化遗产的非物质文化图片或视频信息。
政策法规:
更新国家政府发布的有关非物质文化遗产网的政策及法律规范。
热门专题:
更新最热门的与非遗有关的信息。
保护名录:
对保护名录进行分类汇总。
通知公告:
更新该网站的通知公告。
后台部分由网站管理员使用,主要的功能模块包括,管理员登录:
网站管理员登录后台管理系统需要输入账号、密码,通过验证账号密码正确后,进入后台。
信息管理:
网站管理员登录后台后可以添加、删除或更改非物质文化遗产、新闻动态、非遗传人、政策法规、热门专题等信息。
信息类别管理:
可以添加、删除或更改导航栏中各模块的名称。
非遗级别管理:
可以添加、删除或更改非物质文化遗产的级别信息。
友情链接管理:
可以添加、删除或更改网站下部展示的各个网站的链接。
2.3系统功能模块
通过上述对系统需求的分析,可以得到系统功能结构如图2-1所示:
图2-1功能模块设计图
从图中可以看出,xx非物质文化遗产网可以分为前台和后台两个部分,前台部分由用户浏览,主要包括网站动态,非遗世界,政策法规,热门专题,保护名录,通知公告6个模块;后台部分由网站管理员使用,主要包括网站管理员的身份验证,信息管理,非遗级别管理,非遗类别管理,友情链接管理5个模块。
2.4数据库需求分析
数据库的设计通常是以一个已经存在的数据库管理系统为基础的,常用的数据库管理系统有MYSQL,SQLServer,Oracle等。
本网站采用了MYSQL数据库作为网站信息的更新系统,建立的数据库名db_news。
整个系统功能需要以下数据项:
非遗信息:
信息id、作者姓名、Email、信息名称、留言内容、发布时间等。
非遗类别:
类别id、类别名称。
非遗级别:
级别id、级别名称。
超级链接:
链接id、链接地址。
管理员:
管理员id、管理员密码。
2.5系统数据流图
发布、修改信息可视化到
添加、修改类别可视化到
添加、修改级别可视化到
添加、修改超级链接可视化到
图2-2系统数据流图
管理员输入账号和密码后进入后台管理系统,管理员可以根据需要发布或修改信息,发布和修改的信息在数据库中保存,通过服务层把数据库中的数据传送到前台的页面中显示。
3系统概要设计
3.1数据库设计
网站采用MYSQL作为数据库开发平台,将数据库设计成以下几个表:
网站信息表、超级链接表、管理员信息表等,在此对部分进行叙述。
3.1.1t_news(网站信息表)
网站信息表主要用于保存网站的信息,该表的结构如表3.1所示:
列名
说明
类型(长度)
备注
Newsid
信息id
int(11)
不允许空,主键
Title
信息名称
Varchar(40)
不允许空
Content
信息内容
Text
不允许空
publishDate
发布日期
datetime
不允许空
Author
作者
Varchar(20)
不允许空
typeId
类别id
int(11)
不允许空
Leveled
级别id
int(11)
不允许空
imageName
图片名称
Varchar(20)
不允许空
Click
点击次数
int(11)
不允许空
isHead
是否是头条
tinyint(4)
不允许空
isImage
是否有图片
tinyint(4)
不允许空
isHot
是否是热点
tinyint(4)
不允许空
表3.1t_news(网站信息表)
3.1.2t_link(超级链接表)
超级连接表主要用于保存网站超级链接的信息,该表的结构如表3.2所示:
字段
说明
类型(长度)
备注
Linked
超级链接id
Int(11)
不允许空,主键
Linkname
超级链接名称
Varchar(20)
不允许空
linkUrl
超级链接地址
Varchar(40)
不允许空
linkEmail
超级链接邮箱
Varchar(40)
不允许空
orderNum
排序
Int(11)
不允许空
表3.2t_link(超级链接表)
3.1.3t_user(管理员信息表)
管理员信息表主要用于保存网站管理员的信息,该表的结构如表3.3所示:
表3.3t_user(管理员信息表)
字段
说明
类型(长度)
备注
userId
管理员id
int(4)
不允许空
Username
管理员名称
varchar(30)
不允许空
Password
管理员密码
varchar(16)
不允许空
3.2数据库实体图
由上面的各项数据以及数据结构,我们可以得到下面所示的实体图。
网站信息实体,列出了网站中信息的各个属性。
图3-1网站信息实体图
超级链接实体,列出了超级链接信息的各个属性。
图3-2超级链接实体图
管理员实体,列出了管理员信息的各个属性。
图3-3管理员实体图
3.3系统总体E-R图
由局部E-R图整合得到系统总体E-R图,如图3-6所示:
mn
1
1
1n
n1
11
nn
图3-4系统总体E-R图
4系统详细设计与实现
4.1网站前台模块设计
4.1.1前台主页面设计
网站前台部分主要完成浏览者这种角色对网站的需求,具体包括非遗展示,新闻动态,政策法规,保护目录,非遗传人等几个部分。
其中非遗展示模块用于展示一些最新的的xx非遗项目,提高浏览者对xx非遗的认识,增加他们对xx非遗的了解,从而在一定程度上对xx非遗的保护起到了作用。
新闻动态模块用于更新最新xx非遗新闻。
政策法规模块用于更新一些国家发布的保护非遗项目的政策。
保护名录模块按照上传的时间顺序陈列出各项非物质文化遗产的名称,政策法规模块更新一些国家出台的保护非遗项目信息,增加人们对非遗保护的了解。
非遗传人模块提供一些非遗项目传人的信息,供浏览者了解各个xx非遗传人的姓名、住址、继承项目等信息。
前台首页以及各个模块界面如下所示:
图4-1前台新闻模块
图4-2非遗项目模块
图4-3非遗传人模块
网站banner中运用Jquery插件实现了非物质文化遗产的轮播展示,按照非物质文化产生的时间顺序,对其进行轮播显示。
具体效果如图4-4所示:
图4-4轮播展示界面效果图
浏览者打开网页后将自动播放古典音乐,烘托出非物质文化遗产的古风古韵。
前台部分还实现了搜索功能,可以根据浏览者输入的关键字等信息搜索出相应的xx非物质文化遗产,方便浏览者有目的的查询。
4.1.2前台非遗网列表页的设计
当浏览者点击导航栏除网站首页外的任意一个模块时,就会跳转到网站的相应页面,前台子页面的布局模式是运用了左右分栏的布局模式,左半部分内容显示与导航栏想对应的信息,所以占用界面较宽。
右半部分显示的内容是媒体关注和热门新闻两个版块,让浏览者在浏览其它内容时可以看到一些比较热门的信息,内容为固定信息,故其占用界面较窄。
在左半界面的列表页中,每一条信息的标题都是由其发布时间和名称组成的,排列顺序是按照发布时间的先后顺序倒序排列的,最下面是封装的pagebean的翻页功能,可以翻阅上一页和下一页内容,使浏览者可以浏览网站该模块的所有内容,底部是网站开发者版权所有。
界面效果如图4-5所示:
图4-5网站子页面
4.1.3前台非遗网级别列表页的设计
和上面类别列表页的设计理念一样,当浏览者点击非遗模块板块上部的非遗项目级别的任意一个模块时,会跳转到网站相应的页面,前台子页面的布局模式也是运用了左右分栏的布局模式,左半部分内容显示与导航栏想对应的信息,所以占用界面较宽。
右半部分显示的内容是媒体关注和热门新闻两个版块,让浏览者在浏览其它内容时可以看到一些比较热门的信息,内容为固定信息,故其占用界面较窄。
在左半界面的列表页,上面部分分别是级别排列布局,用竖杠隔开级别内容,让浏览者可以方便的浏览其他级别的非遗项目或者非遗传人,下面每一条信息的标题都是由其发布时间和名称组成的,排列顺序是按照发布时间的先后顺序倒序排列的,最下面是封装的pagebean的翻页功能,可以翻阅上一页和下一页内容,使浏览者可以浏览网站该模块的所有内容,底部是网站开发者版权所有。
界面效果如图4-6所示:
图4-6网站子页面
4.1.4前台非遗网内容实现页的设计
网站内容实现页面布局方式和列表页面一致,也是左右分栏的形式,左半部分显示内容,右半部分显示媒体关注和热门新闻两个版块,左半部分顶部显示新闻大标题,下面有显示发布时间、作者、新闻类别或新闻级别和阅读次数,其中阅读次数随着网站点击量的增加而增加,再接着下面是上一篇和下一篇,可以方便浏览者继续浏览上篇或下篇的内容,右半部分的内容这里不加以赘述。
网站内容实现页面效果如图4-6所示:
图4-7内容实现页面
4.1.5前台非遗网内容搜索页面的设计
网站内容搜索页面与列表页面类似,在导航菜单菜单右方有一个搜索引擎,可以搜索网站内部的所有内容,采用关键字搜索的方式,输入关键字后,只要信息中含有这个关键字,就会排列其中,排列次序按照发布时间倒序和关键字内容相似度强度综合排序,能让浏览者准确的定位自己想要查找的内容,下面同样加上了分页功能,可以上下翻页。
网站信息搜索界面的效果如图4-8所示:
图4-8网站信息搜索页
4.2后台详细设计
4.2.1后台模块的设计
后台部分主要完成网站管理员这种角色对网站的功能需求。
后台只允许具有管理员权限的用户使用,它是实现前台各模块信息展示的基础。
主要包括管理员登录模块,信息管理模块,信息类别管理模块,非遗级别管理模块,友情链接模块组成。
其中管理员登录模块提供了后台入口,只有有后台管理权限的人才能进入。
登录时需要输入账号以及密码信息,系统验证正确后方能进入后台,对网站的信息进行操作。
信息管理模块可以添加上传或删除网站信息,操作时可以选择要修改的模块类别,添加信息时可以设置字体大小、颜色等。
非遗级别管理模块用于修改非遗级别。
友情链接管理模块可删除或添加首页的链接信息。
管理员登录流程如图4-9所示:
N
Y
N
Y
无错
图4-9管理员登录流程图
管理员在登陆界面,输入账户名、密码,然后系统检测密码是否正确,正确的话可以进入系统,否则返回登陆界面。
如果没有注册的用户还可以注册,注册成功就可以进入系统。
4.2.2管理员登录
网址中输入localhost:
8080/CSS_news/background/login.jsp,将转到管理员登录页面。
该页面的功能是对管理员身份进行验证,用户输入用户名和密码后单击“登录”按键,系统将判断用户名和密码的有效性,如果通过验证则转到后台首页,反之则提示错误,重新输入账号和密码。
管理员登录界面如图4-10所示:
图4-10管理员登录界面
网站管理员通过验证后进入后台欢迎页面,界面上方显示登录管理员的姓名,右侧为欢迎文字,左侧为导航栏,导航栏中依次为:
信息管理、信息类别管理、非遗级别管理、友情链接管理、系统管理五个一级栏目,前四个一级栏目下有两个二级栏目页面,具体效果如图3-11所示:
图4-11后台欢迎界面
4.2.3信息管理
网站管理员通过信息验证进入网站后台后,单击导航区的信息管理中的信息添加栏目,系统将打开添加信息页面,该页面主要用于将的网站所需的信息添加到数据库表中,以提供前台展示所需要的各种数据,信息添加页面的显示如图4-12所示。
图4-12添加信息页面
此页面上可以设置添加信息的标题,信息作者,信息类别、属性及其内容。
信息类别下拉框中可选择信息属于的模块,包括:
新闻动态、非遗世界、政策法规、热门专题、通知公告等。
非遗级别下拉框中可以选择非遗级别属性,包括:
第一批国遗、第二批国遗、第一批省遗、第二批省遗、第三批省遗、第四批省遗、第五批省遗、无级别,其中无级别用于上传内容不属于非遗世界的信息时的选择。
在下面的内容编辑框中可以添加图片、文字。
文字的大小、样式、格式、字体等都可以在此设置。
信息管理栏目中还包括信息维护,页面显示如图4-13所示。
图4-13信息维护
此页面
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 物质文化 遗产 设计 实现