dotcms学习记录--建站-入门

建立第一个内容类型

内容类型就是一列格式化字段，内容发布者利用它来为特定的内容类型填写需要的信息。有点像建一个网页表单。以下通过创建内容结构类型来存储存储“Staff”类型的内容。

创建“Staff”内容结构类型

1. 登录dotCMS后台
2. 点击结构标签下的结构菜单项
3. 点击页面右边“添加新结构”
4. 将结构命名为“Staff”，确保“类型”字段设置成“内容”，点击“保存”
5. 点击“添加新字段”，开始添加描述staff（职员）的字段
6. 点击“显示类型”的下拉箭头，选择“文本”
7. 在标签字段，输入“First Name”，选中复选框中的“必填”、“用户可搜索”和“通过列表显示”
8. 点击“保存字段”
9. 重复5-8步，加入“Last Name”和“Email”字段
10. 重复5-8步，加入“Title”字段，但是不要选中“必填”复选框
11. 重复5-8步，加入“Middle Name”字段，但是只选中必须复选框
12. 重复5-8步，加入“Phone”字段，但是在验证RegEx边上从下拉列表选择“美国电话”（选择正则表达式），只选中“必填”复选框
13. 鼠标悬停在字段标签上，会发现光标变成手型，按住可以拖动，改变字段顺序
14. 点击“保存”

 

现在可以发布“Staff”类型的内容了。点击内容标签，从“类型：”字段选择“Staff”，在页面右边点击“添加新内容”，输入staff的字段，“保存/发布”

 制作第一个高级模板

为“Staff”内容类型创建一个容器

1. 在“Site Browser”标签下选择“容器”
2. 在页面右上方点击“添加容器”
3. 在标题字段输入“Staff Content Container”
4. 在描述字段输入“Accepts Staff Content and displays name, title, and email”
5. 选择最大内容为5
6. 在“内容类型”字段选择“Staff”
7. 在代码下面选择“添加变量”
8. 点击“Last Name”边上的“添加”，在后面加上逗号和空格
9. 在代码下面选择“添加变量”
10. 点击“First Name”边上的“添加”
11. 用velocity变量包裹，内嵌一些html风格的代码
12. 回车，在代码下面选择“添加变量”
13. 点击“Title”边上的“添加”
14. 用html标签的<em></em>包裹title字段，使之成为斜体字，用<br/>加一条横线
15. 回车，在代码下面选择“添加变量”
16. 点击“Email”边上的“添加”
17. 用html<p><p/>标签包裹title和email，代码如下：

    <h3>$!{lastName}, $!{firstName}</h3>
    <p><em>$!{title}</em><br/>
      $!{email}<p/>
    ​

     

18. 点击“保存/发布”

现在容器可以用在一个或多个模板里面，用来显示staff的信息。现在需要一个模板来调用容器，一个页面来套用模板。

现在来定制一个模板让它调用“Staff”容器。

第一个模板

dotCMS包含了一些示例模板。先可以复制一个模板，看看组成模板的元素，试着在模板中解析容器。然后创建一个使用自定义模板的页面，在页面的一个部分放入一些内容，用来调用自定义的“Staff”内容容器。

创建一个模板

4. 重命名模板“1 Column (No Padding, Detail Page)--Staff”，以此表明它是被“staff页面”使用的。描述改为“One column with staff
5. 在描述下面可以看到模板代码。在模板代码里面可以看到有html和velocity风格的代码，每一个使用此模板的页面都执行此段代码。保持header和footer部分不动，找到如下velocity风格的代码：

   ## Container: Default 1 (Web Page Content)
   ## This is autogenerated code that cannot be changed
   #parseContainer('56bd55ea-b04b-480d-9e37-5d6f9217dcc3')

   删除之，保持光标在<article><article/>之内

6. 点击代码区域顶部的“添加容器”，在容器下拉菜单中选择自定义的“Staff Content Container”。（点击更多选项可看到未显示的容器）。点击添加，三行代码自动添加。
7. 点击“保存/发布”

现在完成了自定义模板，可以再页面中使用此模板

1. 在“Site Browser”中选择“HTML页面”
2. 点击“添加HTML页面”
3. 给页面命名“My First Staff Page”（页面URL自动生成）
4. 在模板下拉列表中选择自定义的模板，如“1 Column (No Padding, Detail Page)--Staff”
5. 点击“保存并发布”后会在编辑模式中打开页面
6. 点击“添加内容”，选择“新内容”则输入staff相关字段，选择“重用内容”，则在弹框中选择已有staff类型内容
7. 点击“保存/发布”
8. 可以看到staff内容显示
9. 在这个页面中最多可增加5个staff类型的内容

模板使用标准html代码，结合velocity来解析容器并提供页面布局。

容器格式化内容在页面各个部分的显示方式。dotCMS页面只不过是页面标题+URL+模板链接