OpenCms 9中提供b一个Demo,Demo使用了alkacon的bootstrap模板。如果已经安装了OpenCms 9,可以登陆http://localhost:8080/opencms/opencms/demo/index.html  查看Demo示例。

下面,我们将使用OpenCms提供的工作区(workplace)来创建站点,并创建类似于Demo中的首页(因为只是示例,所以创建的内容只有首页的导航栏)。创建站点的步骤如下:

一、进入工作区并新建一个站点test

1.  工作区的地址为:http://localhost:8080/opencms/opencms/system/login, 使用用户名Admin,密码admin登录。(注意:有时可能会出现点击“Reopen window”后直接跳转到opencms首页的情况。如果出现这种情况,返回并重新点击”Reopen window”按钮即可)

2. 进入工作区后,可以看到工具栏中有一个名为view的下拉框,选择该下拉框,并在下拉选项中选择Administrator视图。

3. 在工作区管理员视图中,我们使用视图中提供的“Site Management”工具创建一个新的站点文件夹。具体步骤如下:
(1)进入“Site Management”工具

(2) 选择”New Site”选项

(3)在显示的表单中,如下图进行填写

(4)创建完站点后,点击工具栏上的“Reload”按钮后,我们可以在Site下拉框中发现站点列表中出现了刚才创建的站点。

二、在站点中创建文件

1.   首先在Site下拉框中选择我们刚才创建的站点,并选择Explorer视图。

2.  我们可以看到,在/sites/test/文件夹下已经有一个文件夹.content,该文件夹是用来保存创建站点使用的xml,jpg等资源。

3.  我们首先进入.content目录,在该目录下创建新文件夹navigation:

(1)点击工具栏上的”New”按钮,选择Folder

(2)根据提示创建名为navigation的文件夹

4. 在navigation中,使用与3中类似的步骤创建一个导航模板文件
(1)点击“New”选项,并在表单中选择Bootstrap Template,并点击Continue,选择Navigation
(2)按照提示创建一个名为nv_01.xml的导航文件。

5. 右击nv_01.xml文件并选择”Edit”选项,在“Page Header”选项卡中填入以下内容并保存

6. 返回/sites/test/目录下,并创建新目录home。并在home中创建类型为Container Page 的文件,并将其命名为index.html

7. 右击index.html文件,选择Edit进入编辑模式,并按下图编辑该文件:

8. 保存index.html文件并点击该文件使其在浏览器上显示,我们可以发现编辑的该文件配置有错误。

9. 为了解决上面的问题,我们需要将index.html所在目录(home)的属性值中设置模块提供者。具体方法如下:
(1)进入/sites/test/目录,右击home目录并选择”Properties”
(2)在弹出的框中选择”Complete properties”,并点击“Unused Properteis”,在出现的列表中,找到”template”项,并将其值设为provider=org.opencms.loader.CmsDefaultTemplateContextProvider,template=/system/modules/com.alkacon.bootstrap.formatters/templates/bootstrap-page.jsp

10. 点击保存后,我们再打开index.html文件就可以在浏览器中看到如下效果(显示效果跟index.html的设置有关。由于使用的是opencms提供的模板,所以出现了opencms的logo,如果想更改效果,可以更改对应module中的jsp文件和resource资源)

利用OpenCms9提供的模块创建新站点的更多相关文章

  1. win10 iis 创建新站点注意事项

    新建站点时:注意文件夹权限增加everyone. 快速打开IIS:win+r:inetmgr

  2. 利用httpd配置虚拟目录创建下载站点

    应用环境:通常放置一些文件来提供下载. 配置环境:centos7 //已经关闭Selinux和Firewall 需求假设:在网页输入主机IP并进入,会显示主机目录/home/share/的文件以提供下 ...

  3. phpstudy创建新站点-默认打不开

    phpstudy中Apache中httpd.conf中如下语句前#要有 #Include conf/extra/httpd-vhosts.conf

  4. 彻底抛弃PeopleEditor,SharePoint中利用Jquery Chosen创建新的人员选择器

    彻底抛弃PeopleEditor,SharePoint中利用Jquery Chosen创建新的人员选择器 基于SharePoint平台开发时,人员选择器使用频率是非常高的,但是原生的人员选择器使用太麻 ...

  5. Drupal8开发教程:模块开发——创建新页面

    之前我们已经通过<Drupal8开发教程:认识.info.yml文件>对模块的YAML文件有了了解,今天我们来看如何通过模块开发的方式添加一个新的页面. 在 Drupal 7 中,通过模块 ...

  6. TestCase--网站创建新用户管理模块

    对于web测试,用户权限管理模块是必测的一个点,所以今天就来总结一下创建新用户管理模块的测试用例 参考图如下: 测试用例设计如下: 一.功能测试 1.  什么都不输入,单击“立即提交”,页面是否有提示 ...

  7. 上传通用化 VHD 并使用它在 Azure 中创建新 VM

    本主题逐步讲解如何使用 PowerShell 将通用化 VM 的 VHD 上传到 Azure.从该 VHD 创建映像,然后从该映像创建新 VM. 可以上传从本地虚拟化工具或其他云导出的 VHD. 对新 ...

  8. 利用HTML5与jQuery技术创建一个简单的自动表单完成

    来源:GBin1.com 在线演示   在线下载 谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项.然而今天我要寻找一个替代的解决方案.由DevBridge开发的j ...

  9. linux useradd(adduser)命令参数及用法详解(linux创建新用户命令)

    linux useradd(adduser)命令参数及用法详解(linux创建新用户命令) useradd可用来建立用户帐号.帐号建好之后,再用passwd设定帐号的密码.而可用userdel删除帐号 ...

随机推荐

  1. Java String charAt()方法

    描述 此方法返回位于字符串的指定索引处的字符.该字符串的索引从零开始. 语法 此方法定义的语法如下: public char charAt(int index) 参数 这里是参数的细节: index  ...

  2. Java 反射在实际开发中的应用

    运行时类型识别(RTTI, Run-Time Type Information)是Java中非常有用的机制,在java中,有两种RTTI的方式,一种是传统的,即假设在编译时已经知道了所有的类型:还有一 ...

  3. JS内置对象学习总结

    日期对象: 创建日期对象: var date=new Date();//创建日期对象 设置/返回年份方法: date.getFullYear(); date.setFullYear(); 返回星期的方 ...

  4. Java 9 揭秘(12. Process API 更新)

    Tips 做一个终身学习的人. 在本章中,主要介绍以下内容: Process API是什么 如何创建本地进程 如何获取新进程的信息 如何获取当前进程的信息 如何获取所有系统进程的信息 如何设置创建,查 ...

  5. 关于EasyUI中DataGrid控件的一些使用方法总结

    一,DataGrid         控件的工作流程 1,通过JavaScript将一个空白的div美化成一个空白的Datagrid模板 2,Datagrid模板通过制定的Url发送请求,获取数据   ...

  6. 【JAVASCRIPT】React学习-如何构建一个组件

    摘要 react 学习包括几个部分: 文本渲染 JSX 语法 组件化思想 数据流 组件化思想 组件就是 UI + UI 交互逻辑,组件有三个常规map , 分别为state 状态 . props 数据 ...

  7. ORACLE - 用户和角色的权限管理

    在ORACLE中,创建用户后需要授权才能使用. 一.用户管理 1. 用户和角色信息查询 --查询所有用户 SQL> select * from dba_users; --经授予的用户或角色的系统 ...

  8. MySQL日期、时间相关内容

    欢迎和大家交流技术相关问题: 邮箱: jiangxinnju@163.com 博客园地址: http://www.cnblogs.com/jiangxinnju GitHub地址: https://g ...

  9. C++ STL vector详解

    一.解释:  vector(向量):是一种顺序容器,事实上和数组差不多,但它比数组更优越.一般来说数组不能动态拓展,因此在程序运行的时候不是浪费内存,就是造成越界.而vector正好弥补了这个缺陷,它 ...

  10. git分支管理之Feature分支

    软件开发中,总有无穷无尽的新的功能要不断添加进来. 添加一个新功能时,你肯定不希望因为一些实验性质的代码,把主分支搞乱了,所以,每添加一个新功能,最好新建一个feature分支,在上面开发,完成后,合 ...