• Kooboo完全介绍二:创建第一个Kooboo站点


    要介绍一个全新的产品,仅仅靠文字描述是远远不够的,从本篇开始,将会以图文并茂的方式来展开Kooboo的各个功能点。在这一篇中,我将会带大家来体验使用Kooboo如何来创建一个简单的站点。本篇的目的,并不拘束在各个功能的技术细节,而是希望以一个全景的方式,让大家对Kooboo有一个整体的印象。

    知识准备

    从实践角度上,创建一个Kooboo站点,主要有以下一些主要步骤:

    1. 创建一个新的站点,新的站点可以从已有的任竟站点继承过来。默认情况下,新站点都从root站点继承过来。root是平台默认的根站点,类似于.NET类型系统的Object类。
    2. 创建内容结构(Schema,内容类型),这一步是定义站点用到的各种数据结构,你可以认为是设计表结构。
    3. 创建内容目录,设计好内容结构后,需要创建内容目录,用于存储内容,所有内容的维护操作都会在相应的内容目录中操作。
    4. 创建模板,包括创建布局模板和内容模板。一个网站可能只需要有一个布局模板,但是内容模板会有很多。在模板中,以API的方式描述了页面之间链接关系。
    5. 创建页面,页面直接表现为用户可以浏览的HTML页面,它需要选择布局模板,还需要将内容模板添加到布局模板的位置上。

    具体步骤

    创建站点

    右击“站点群”,选择“创建站点”

    CreateSite

    在弹出窗口中,在“站点名称”中输入:Site1

    Createsite2

    单击确定创建站点,在右边的导航树中会新增一个站点节点:

    CreateSite3

    创建内容结构

    展开“站点管理”,“内容类型”,单击“文本类型”。在打开的窗体中会显示在父站点中已创建好的所有文本内容类型,我们在这里单击“添加”,新建一个新的内容类型。名称为:News。默认有一个Title字段,新增一个新的名字为:Body。

    CreateSchema

    单击保存,一个内容类型就创建好了。

    创建内容目录

    内容目录是维护内容的位置,相当于一个容器。找到“内容”节点,右键,选择“添加目录”:

    CreateFolder

    “目录名称”为News,选择我们刚刚创建的内容类型“News”:

    CreateFolder

    确定返回。

    在“内容”节点下,单击刚刚创建的News目录,就可以维护News类型的内容了:

    CreateNews

    创建布局模板

    一个站点必须包括一个以上布局模板,或是自己创建,或者是从父站点继承过来。在这里我们新建一个布局模板:展开“设计”,选择“布局模板”,单击“添加”,名称为:Layout,默认内容不变,直接保存退出:

    CreateLayout

    创建内容模板

    我们要建站点很简单,只有两个页面,我们需要一个列表页面和详细页面。对应的,我们需要创建两个内容模板,一个列表模板,一个详细信息模板。

    列表模板,名称为:ListCt,修改一下默认内容,保留输入列表部分的代码,具体内容为:

    <%@ Control Language="C#" Inherits="Everest.CmsServices.MvcHelper.CmsUserControl" %>
    List Example:
    <ul>
        <% foreach (var item in this.GetContents("News"))
           {%>
        <li>
            <%= Html.PageLink(item["Title"].ToString(),"detail",new {ContentId= item["ContentId"]}) %>
        </li>
        <%}%>
    </ul>
    <br />
    

    同时我们还要需要确定,列表的数据从哪里来,因此我们需要添加一个“数据查询”项,单击“插入行”,数据名称为:“News”,查询类型选择:“List” ,目录选择:“Site1.News”:

    CreateListCt

    创建显示详细信息内容模板,名称为:DetailCt,内容如下:

    <%@ Control Language="C#" Inherits="Everest.CmsServices.MvcHelper.CmsUserControl" %>
    Detail Example:
    <br />
    News Title:
    <%=this.GetContent("News")["Title"]%>
    <br />
    News Body:
    <%= this.GetContent("News")["Body"]%>
    

    添加一行查询项,数据名称为:News; 查询类型为:Object; 目录:Site1.News; 查询条件为:ContentId={ContentId} :

    CreateDetailCt

    创建页面

    所有的准备都已经完成,接下来最后一步就是创建页面,把之前创建的这些站点元素组成起来,成为一个现实可读的HTML页面。

    创建页面的方法是:右击“页面”,选择“添加页面”。

    首先们创建一个默认首页面,名称为:Default,选择刚才创建好的布局模板:Layout,单击保存(不关闭)。

    CreatePage

    保存后,选择“部件”选项面板,添加部件,选择任一位置(注意,不同的模板,所留的位置不相同,所以这里显示的位置名称可能会有所不同),选择置要添加的内容模板:List:

    InsertContentTemplate

    保存关闭表单,在页面表单单击“关闭”按钮(不需要再次保存)。

    相同的步骤,创建页面名称为:Detail,并且添加DetailCt到模板位置上。

    预览页面

    右击“Default”页面,选择“预览”,会在打开页面,浏览我们刚刚创建的默认页面。在页面中,会列我们刚刚在页面目录中新增的所有已发布内容。单击链接,就可以进行该条内容的详细信息页面。

    至此,一个最简单的网站就已经创建完成了。当然这个网站会非常的简单,没有样式,没有脚本,没有我们之前提到的继承。但它已经是一个严格意义上的Kooboo站点,它向我们完整的展示了开发一个Kooboo站点所需要的所有步骤,并且也展示我们是如何快速简单的查询内容,除了模板外,我们甚至我没写一句数据查询代码。在下一篇中,我们将会来展示,如何开发继承站点,并且共享内容数据。

    官方站点:http://www.kooboo.com/

    CodePlex站点:http://kooboo.codeplex.com/

    Live Demo: http://www.kooboo.com/demo

    官方论坛:http://forum.kooboo.com/

    阿不 http://hjf1223.cnblogs.com
  • 相关阅读:
    [cf 947E] Perpetual Subtraction
    loj3120. 「CTS2019 | CTSC2019」珍珠
    loj「LibreOJ NOI Round #2」不等关系
    loj6395. 「THUPC2018」城市地铁规划 / City
    loj2553. 「CTSC2018」暴力写挂
    loj6270. 数据结构板子题
    loj6358. 前夕
    loj6677. EntropyIncreaser 与菱形计数
    fiddler模拟接口响应数据
    Fiddler请求详解/autoResponseder重定向
  • 原文地址:https://www.cnblogs.com/hjf1223/p/Kooboo_overview.html
Copyright © 2020-2023  润新知