设置网站结构

要设置网站,以下说明将介绍要在以下位置创建的文件夹:

  • /apps/an-scf-sandbox

    这是自定义应用程序和模板所在的位置。

  • /etc/designs/an-scf-sandbox

    这是可下载的设计元素所在的位置。

  • /content/an-scf-sandbox

    这是可下载网页所在的位置。

本教程中的代码将依赖于应用程序、设计和内容的主文件夹名称相同。 如果为网站选择其他名称,则始终使用您选择的名称替换an-scf-sandbox

注意

关于名称:

  • CRXDE中看到的名称是节点名称,它们构成可寻址内容的路径。

  • 节点名称可能包含空格,但在URI中使用时,必须将空格编码为“%20”或“+”。

  • 节点名称可能包含连字符和下划线,但当在Java文件中作为包名称引用时,必须对它们进行编码。 连字符和下划线都用下划线转义,后跟它们的Unicode值:

  • 连字符变为“_002d”

  • 下划线变为“_005f”

设置应用程序目录(/apps?lang=zh-Hans)

存储库中的/apps目录包含用于实现从/content目录服务的页面的行为和呈现的代码。

/apps目录受保护,且不能像/content和/etc/designs目录一样公开访问。

  1. 创建/apps/an-scf-sandbox文件夹。

    使用​CRXDE Lite​在资源管理器窗格中

    1. 选择/apps文件夹。
    2. 右键单击​创建…或下拉创建……菜单。
    3. 选择​创建文件夹……
    4. 在​创建文件夹​对话框中,输入an-scf-sandbox
    5. 单击​确定
  2. 创建​components​子文件夹。

    1. 选择/apps/an-scf-sandbox文件夹。
    2. 单击​创建>创建文件夹
    3. 在​创建文件夹​对话框中,输入​组件
    4. 单击​确定
  3. 创建​templates​子文件夹。

    1. 选择/apps/an-scf-sandbox文件夹。
    2. 单击​创建>创建文件夹
    3. 在​创建文件夹​对话框中,输入​模板
    4. 单击​确定
    5. 重新选择/apps/an-scf-sandbox
    6. 选择​全部保存

    与任何编辑过程一样,经常进行保存。 如果您在输入数据时遇到问题,可能是因为登录超时,或者您需要保存以前所做的编辑。

  4. 现在,CRXDE Lite的资源管理器窗格中的结构应类似于:

    crxde-template

设置设计目录(/etc/designs?lang=zh-Hans)

/etc/designs目录包含要与页面内容一起下载的图像、脚本和样式表。

  1. 要在经典UI中使用设计器工具,请浏览至https://<server>:<port>/miscadmin

    注意:如果使用CRXDE Lite创建类型为cq:Page的节点,则访问控制和复制不会设置为页面的默认设置。

  2. 在资源管理器窗格中,选择​Designs​文件夹,然后单击​New > New Page

    输入:

    • 标题:SCF沙箱
    • 名称:an scf-sandbox
    • 选择​设计页面模板

    单击​创建

    设计模板

  3. 如果未显示“SCF沙箱”文件夹,请刷新资源管理器窗格。

  4. 返回CRXDE Lite(http:// localhost:4502/crx/de)并展开/etc/designs以查看名为“an-scf-sandbox”的节点。

    在CRXDE的右下窗格中,您可以视图“属性”选项卡、“访问控制”选项卡和“复制”选项卡,查看使用“设计页面模板”定义的内容。

    crxde-configure-template

设置内容目录(/content?lang=zh-Hans)

存储库中的/content目录是网站内容所在的位置。 /content下的路径包括浏览器请求的URL路径。

将页 模板创建为初始应用程序的一部分后,可以根据模板创建初始页面内容…….

On this page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now