首页 文学文摘 时政新闻 科技科普 经济法律 健康生活 管理财经 教育教学 文化艺术 社科历史

OpenCms工具的研究与应用

作者:杨超 周莉莉 来源:现代电子技术

摘 要: 由于互联网应用的快速发展,网站建设也受到越来越多的关注,网站建设的效率和成本问题更是人们关注的重点。传统的独立开发定制的方式不仅效率低下而且开发成本高,不能满足目前网络发展的高需求,内容管理系统的诞生却顺利地解决了这些疑难。在此采用OpenCms工具,以建立明瑞电子网站开展实验,能极大的加快网站开发的速度,具有很好的现实和理论价值。

关键词: OpenCms; Java; 电子商务; 数据库

中图分类号: TN964?34 文献标识码: A 文章编号: 1004?373X(2013)08?0052?03

0 引 言

随着网络技术与应用日益丰富和发展,大量信息衍生及业务模式网站扩充不能及时迅速跟进,内外网的整合以及分支网站的管理也愈加复杂,内容管理系统应运而生。但其产品许可费、定制和集成费等一系列可观费用是一般中小型企业所不能承受的。由于大量企业应用基于JAVAEE平台,同一平台上的应用更方便集成,那么基于JAVAEE平台的开源CMS无疑成了广大企业用户的首选,而在所有基于JAVAEE平台的开源CMS中,完全由Java语言中标准的Servlet 技术写成OpenCms开源内容管理系统必将脱颖而出[1]。

OpenCms发布于1999年,作为一个专业级别的开源网站内容管理系统,基于Java和XML语言技术,可以充分融入到系统内部。无需专业的HTML知识,用户便可建立和管理复杂的网站。OpenCms采用Apache LGPL版权声明,根据LGPL声明,建立在OpenCms之上的模块可以不受LGPL的约束。目前流行的IT服务应用架构OpenCms便可很好的运用,其运行环境可以是完全的开源环境(如:Linux,Apache,Tomcat,MySQL)。亦可以是商业的(如Windows NT,IIS,BEA Weblogic,Oracle DB)。

1 网站总体设计

网站系统主要包含以下部分:网站页面风格设计,主导航设计,OpenCms 网站模板引用,MySQL 数据库交互,网站信息文件设计,数据库设计,其中网站信息文件涉及整个网站的内容信息,直接关系到网站的用户浏览体验,公司的产品销售水平,因此可以分为产品信息,新闻列表,关于我们,公司简介等区块。

其主要过程如下:

Step1 利用OpenCms可定制功能创建所需的模板组件,然后新建站点;

Step2 在站点配置中引用创建好的模板组件,接下来开建立模板样式文件,并使这些样式文件与模板联系起来;

Step3 创建MySQL数据表,通过Java代码连接数据库后,通过HTML和SQL 代码编写出JSP文件并嵌入到网站文件中,最终实现网站的整体构建。网站总体架构图如图1所示。

2 页面的实现

2.1 页面各区块文件建立

首先建立页面的配置文件,在配置文件夹中的文件主要决定了整个网站的页面样式,主导航样式,页面布局等,如图2所示。

在配置文件夹_config_文件夹下建立所需的文件:

ttpreset:2列布局,此文件用来给网站页面布局,使页面呈两列布局显示;

ttconfig:页面配置文件:此文件用来使用其他文件为页面配置。

ttlistbox:新闻列表文件:此文件用来配置页面的新闻列表。

(1)文件夹结构

在OpenCms建站中所用的文件夹结构,包括页面配置文件夹、区块信息文件夹、图片资源文件夹及各页面显示的文件夹。图3为页面文件目录结构图。

ttpreset:两列布局,此文件用来给页面布局,使页面呈两列布局显示。

Left Column ? Visibility :设置左列可见。

Left Column ? Width :设置左列的宽度。

ttconfig:页面配置文件:此文件用来使用其他文件为页面配置。

ttlistbox:新闻列表文件:此文件用来配置页面的新闻列表。编辑此文件如图4所示。

Links:此为新闻列表要显示内容的路径。

Collector:选择内容排序的方式,此处选择的是按时间降序排序。

Parameter:设置相关参数%(link1)为代表上面选择的栏目,也就是Links的内容,news_代表内容创建时文件名称的前缀,%(number)是系统提供的一个宏,是一个自增的序列,如0001,0002,.html是文件名的后缀,ttnews是要显示的内容类型,此处设置的是新闻类型,6是设置的要显示的新闻条数,|是参数分隔符。

Mapping中的Field设置显示内容的类型,XmlNode设置当前类型中定义的字段名称,Default设置默认值,MaxLength设置显示字符的长度。

Ttoptions:网站页眉页脚配置文件,可以编辑页眉页脚的内容。

Top Navigation:设置顶部导航。

Header:设置页眉,此处显示页眉为:西安明瑞印务有限公司。

Footer:设置页脚显示的内容。

ttstyle:此文件用来设置页面样式,此文件为默认模板设置。

(2)网站区块信息文件结构

图5为区块信息文件图,在_info_区块信息文件夹下建立如图所示文件,用来存放所有页面要显示的内容,包括联系方式、用户订单、印刷常识等。

(1)Tttextbox:此文件可以显示文本和JSP页面。

Title:显示文本的主题。

Text:显示文本内容。

JSP File:所要显示的JSP文件的路径。此处选择/_info_/login为管理员登录的JSP文件路径。

(2)JSP文件:用来编辑JSP代码连接数据库和操作数据库。

(3)ttarticle:此文件可以显示文本文件,也可添加要显示的区块路径。

2.2 页面布局的实现

以首页为例介绍页面的布局,在mysite站点下找到首页页面显示文件index.html,编辑如图6所示。

在configuration(配置)下编辑布局,此处采用两列布局,左列显示element[1],Element[2],element[3],右列显示element[4],element[5]。在element[1]区块显示管理员登录内容,element[2]区块显示联系我们的内容,element[3]区块显示印刷常识内容,element[4]区块显示公司简介内容,element[5]区块显示作品展示的内容。将各个区块路径添加到box属性中,配置完成后,点击首页即可预览首页页面,如图7所示。首页呈现两列布局显示,各个区块内容为配置中的各个区块。最上面的是页眉,中间是主体内容部分,最下面的是页脚。页眉页脚的,在网站配置文件_config_文件夹下编辑options.html文件(页眉页脚配置文件)如图8所示。

2.3 主导航的实现

在OpenCms的templatetwo模板中,默认为左导航,为使其为主导航显示,必须修改模板代码。

STEP1 在opencms?system.xml更改站点名:

/sites/mysite/

Step2 在/system/modules/org.opencms.frontend.templatetwo/templates/main.jsp下,把<!?? begin: main navigation ??>位置修改为<!?? end: main navigation ??>

Step3在/system/modules/org.Opencms.frontend.templatetwo/resources/css/style.css下把左道航内容复制一份粘到左道航内容下,然后把nav_left改为nav_main。

Step4 重启服务器。

修改其属性,Add to navigation(添加到主导航),navgation Text(在主导航中显示的内容)此处以主导航中的“公司介绍”为例,点击ok后可在主导航中显示公司介绍的导航,如图9所示。

由以上方法可将其他文件夹添加到导航,如上图中所示的“业务范围”,“设备展示”等。

3 结 语

OpenCms的自动网站生成就是一种生成Web网站的应用程序,其集成了HTML编辑器,用户可以以所见及所得的方式对网站进行布局和内容的管理工作。其优势在于OpenCms通过一套完善、智能的内容管理系统,它不需要较高级的编程语言的理解,让不懂网站建设,不懂技术的人也能便捷地建立起自己需要的网站,仅仅通过一些简单的操作就可以完成。自动网站生成系统只要求一些计算机操作常识,特别适用于个人及企事业单位使用。用户通过便捷地操作即可自己开通、管理、制作自己的网站,其诸多优势显而易见。

参 考 文 献

[1] 佚名.OpenCm中文用户册[EB/OL].[2012?01?13].http://wenku.baidu.com/view/7eccac6e58fafab069dc02d7. html.

[2] 林刚.基于opencms的内容管理系统[J].重庆科技学院学报,2007(3):25?27.

[3] 肖志国.开源内容管理系统opencms探究[J].科技风,2008(7):9?12.

[4] 薛军超.MySQL网络数据库开发[M].北京:人民邮电出版社,2009.

[5] 李红新,晁翠华,姚军.电子商务创业实习平台的研究与实现[J].现代电子技术,2012,35(6):53?56.

[6] 孙琦龙,韦慧.基于CMM的电子商务网站建设模式研究[J].现代电子技术,2011,34(8):26?28.