OpenCms 工具的研究与应用

发表于 讨论求助 2022-10-05 06:52:14

直流风扇厂家

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

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

  OpenCms 发布于1999 年,作为一个级别的开源网站内容管理系统,基于Java和XML语言技术,可以充分融入到系统内部.无需的HTML知识,用户便可建立和管理复杂的网站.OpenCms采用Apache LG-PL 版权声明,根据LGPL 声明,建立在OpenCms之上的模块可以不受LGPL 的约束.目前流行的IT 服务应用架构OpenCms 便可很好的运用,其运行环境可以是完全的开源环境(如:Linux,Apache,Tomcat,MySQL).亦可以是商业的(如Windows NT,IIS,BEA Weblogic,Ora-cle 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]区块显示联系我们的内容,ele-ment[3]区块显示印刷常识内容,element[4]区块显示公司简介内容,element[5]区块显示作品展示的内容.将各个区块路径添加到box 属性中,配置完成后,点击即可预览页面,如图7所示.呈现两列布局显示,各个区块内容为配置中的各个区块.上面的是页眉,中间是主体内容部分,下面的是页脚.页眉页脚的,在网站配置文件_config_文件夹下编辑options.ht-ml文件(页眉页脚配置文件)如图8所示.

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

  Step1在opencms-system.xml更改站点名:

  <default-uri>/sites/mysite/</default-uri>;Step2 在/system/modules/org.opencms.frontend.tem-platetwo/templates/main.jsp 下,把<!– begin:main navi-gation –>位置修改为<cms:include file=“%(link.weak:/system/modules/org.opencms.frontend.templatetwo/ele-ments/menu/nav_style2.jsp:ee5498d9-dbe4-11dc-b087-3bdd2ea0b1ac)”/><!– end:main navigation –>

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

  Step4 重启服务器.

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

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

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

发表
26906人 签到看排名