利用OpenCms9提供的模块创建新站点
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提供的模块创建新站点的更多相关文章
- win10 iis 创建新站点注意事项
新建站点时:注意文件夹权限增加everyone. 快速打开IIS:win+r:inetmgr
- 利用httpd配置虚拟目录创建下载站点
应用环境:通常放置一些文件来提供下载. 配置环境:centos7 //已经关闭Selinux和Firewall 需求假设:在网页输入主机IP并进入,会显示主机目录/home/share/的文件以提供下 ...
- phpstudy创建新站点-默认打不开
phpstudy中Apache中httpd.conf中如下语句前#要有 #Include conf/extra/httpd-vhosts.conf
- 彻底抛弃PeopleEditor,SharePoint中利用Jquery Chosen创建新的人员选择器
彻底抛弃PeopleEditor,SharePoint中利用Jquery Chosen创建新的人员选择器 基于SharePoint平台开发时,人员选择器使用频率是非常高的,但是原生的人员选择器使用太麻 ...
- Drupal8开发教程:模块开发——创建新页面
之前我们已经通过<Drupal8开发教程:认识.info.yml文件>对模块的YAML文件有了了解,今天我们来看如何通过模块开发的方式添加一个新的页面. 在 Drupal 7 中,通过模块 ...
- TestCase--网站创建新用户管理模块
对于web测试,用户权限管理模块是必测的一个点,所以今天就来总结一下创建新用户管理模块的测试用例 参考图如下: 测试用例设计如下: 一.功能测试 1. 什么都不输入,单击“立即提交”,页面是否有提示 ...
- 上传通用化 VHD 并使用它在 Azure 中创建新 VM
本主题逐步讲解如何使用 PowerShell 将通用化 VM 的 VHD 上传到 Azure.从该 VHD 创建映像,然后从该映像创建新 VM. 可以上传从本地虚拟化工具或其他云导出的 VHD. 对新 ...
- 利用HTML5与jQuery技术创建一个简单的自动表单完成
来源:GBin1.com 在线演示 在线下载 谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项.然而今天我要寻找一个替代的解决方案.由DevBridge开发的j ...
- linux useradd(adduser)命令参数及用法详解(linux创建新用户命令)
linux useradd(adduser)命令参数及用法详解(linux创建新用户命令) useradd可用来建立用户帐号.帐号建好之后,再用passwd设定帐号的密码.而可用userdel删除帐号 ...
随机推荐
- vue2.0设置proxyTable使用axios进行跨域请求
这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址. 在vue-cli构建的项目中先安装axios npm install axios -S 这里暂不考虑用vue ...
- CSS 回流(reflow)
摘录: 1. 回流 回流是指浏览器为了重新渲染部分或者全部的文档而重新计算文档中元素的位置和几何构造的过程. 因为回流可能导致整个dom树的重新构造,所以会影响性能. 2. display:no ...
- linux 在jetty中部署web工程
背景:公司中原有的项目需要在jetty中进行部署,所以要掌握相关知识. 1 部署步骤 首先要保证jdk环境变量配置正常,然后去官网下载对应版本号的jetty,解压缩即可. 将需要部署的web应用,wa ...
- Angular4 组件通讯方法大全
组件通讯,意在不同的指令和组件之间共享信息.如何在两个多个组件之间共享信息呢. 最近在项目上,组件跟组件之间可能是父子关系,兄弟关系,爷孙关系都有.....我也找找了很多关于组件之间通讯的方法,不同的 ...
- CSS随笔2
1. css中: a:link { /*表示普通的,未被访问的链接状态*/ color: black;} a:visited { /*表示链接被访问过后的状态*/ color: bluev ...
- 单双引号的区别,defined容易疏忽的小地方
单双引号的区别(面试题) 1.双引号可以解析变量,单引号不行 2.双引号解析转义字符,单引号不解析转义字符.但是单引号能解析 ...
- RabbitMQ入门-初识RabbitMQ
初识RabbitMQ 要说RabbitMQ,我们不得不先说下AMQP.AMQP,即Advanced Message Queuing Protocol,高级消息队列协议,是应用层协议的一个开放标准,为面 ...
- year:2017 month:7 day:27
2017-07-27 JAVA 1:java分为三类:javase(桌面开发应用) javaee(企业级开发应用) javame(手机嵌入式开发应用) 2:jdk(java开发工具包),jre(jav ...
- Android文件上传与下载
文件上传与下载 文件上传 -- 服务端 以Tomcat为服务器,Android客服端访问Servlet,经Servlet处理逻辑,最终将文件上传,这里就是简单模拟该功能,就将文件上传到本机的D:\\u ...
- 48. leetcode 105题 由树的前序序列和中序序列构建树结构
leetcode 105题,由树的前序序列和中序序列构建树结构.详细解答参考<剑指offer>page56. 先序遍历结果的第一个节点为根节点,在中序遍历结果中找到根节点的位置.然后就可以 ...