May 21

建立网站第一步:建立树型 不指定

Handy , 10:32 , JSmarter , 评论(0) , 引用(0) , 阅读(848) , Via 本站原创 | |
文件格式
树型文件格式为标准的Xml格式,编码UTF-8.


内容说明

根节点名称为Tree,根节点包含一个子节点Nodes,用于放置子节点。

普通节点名称为Node,每个普通节点包含3个子节点,分别为Text, Path和Nodes
Text是显示在树型中的文字内容,建议使用中文。
Path是节点路径,使用相对路径,以“.”(英文句号)符号开头,标明节点的路径。
Definition是节点定义路径,使用相对路径,以“.”(英文句号)符号开头,标明节点定义文件的路径。
Nodes没有文本内容,用于存放当前节点的子节点集合,可忽略。



应用范例

范例一:仅有首页的网站。
1.首先建立主结构:
<?xml version="1.0" encoding="utf-8"?>
<Tree>
  <Nodes>
  </Nodes>
</Tree>

2.编写首页节点Xml:
    <Node>
      <Text>网站首页</Text>
      <Path>.</Path>
      <Definition>./index</Definition>
      <Nodes>
      </Nodes>
    </Node>

3.将首页节点嵌入到根节点的Nodes中,树型完成:
<?xml version="1.0" encoding="utf-8"?>
<Tree>
  <Nodes>
    <Node>
      <Text>网站首页</Text>
      <Path>.</Path>
      <Definition>./index</Definition>
      <Nodes>
      </Nodes>
    </Node>
  </Nodes>
</Tree>
这样就完成了一个仅有首页的网站,网站首页文件名为index.html


范例二:建立如下结构的网站。
\
  index.html
  \about
    jsmarter.html
    us.html
  \news
    index.html
    item00001.html
    item00001.html
    ...
    item0000n.html

1.首先建立主结构:
<?xml version="1.0" encoding="utf-8"?>
<Tree>
  <Nodes>
  </Nodes>
</Tree>

2.依次编写各节点Xml:
    <Node>
      <Text>网站首页</Text>
      <Path>.</Path>
      <Definition>./index</Definition>
      <Nodes>
      </Nodes>
    </Node>

        <Node>
          <Text>关于</Text>
          <Path>./about</Path>
          <Definition>./about</Definition>
          <Nodes>
          </Nodes>
        </Node>

        <Node>
          <Text>JSmarter新闻</Text>
          <Path>./news</Path>
          <Definition>./news</Definition>
        </Node>

            <Node>
              <Text>关于JSmarter</Text>
              <Path>./about/jsmarter</Path>
              <Definition>./about/item</Definition>
            </Node>

            <Node>
              <Text>关于我们</Text>
              <Path>./about/us</Path>
              <Definition>./about/item</Definition>
            </Node>

3.将首页节点嵌入到根节点的Nodes中,树型完成:
<?xml version="1.0" encoding="utf-8"?>
<Tree>
  <Nodes>

    <Node>
      <Text>网站首页</Text>
      <Path>.</Path>
      <Definition>./index</Definition>
      <Nodes>

        <Node>
          <Text>关于</Text>
          <Path>./about</Path>
          <Definition>./about</Definition>
          <Nodes>

            <Node>
              <Text>关于JSmarter</Text>
              <Path>./about/jsmarter</Path>
              <Definition>./about/item</Definition>
            </Node>

            <Node>
              <Text>关于我们</Text>
              <Path>./about/us</Path>
              <Definition>./about/item</Definition>
            </Node>

          </Nodes>
        </Node>

        <Node>
          <Text>JSmarter新闻</Text>
          <Path>./news</Path>
          <Definition>./news</Definition>
        </Node>

      </Nodes>
    </Node>
  </Nodes>
</Tree>
注意节点之间的嵌套关系。
这样就完成了预定目标的网站树型。


其他说明

通过以上两个例子应该可以看出,JSmarter0.7与之前的版本有着本质的不同。
首先0.7版将原来定义在树中的节点类型舍弃了,这样比较利于JSmarter节点类型的扩展与插件化处理,而且在定义树的时候可以完全不必考虑树的节点类型,节点类型的变换也不用改变树定义,这样对后期维护更为有利。
其次原来版本中的列表数据也移出树定义了,充分体现了定义与数据的分离原则。


接下来章节将讲解其他定义文件格式。

建立网站第二步:建立页
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]