Mayaa基础知识

事前准备

下载Mayaa

mayaa-getting-started.war放到Tomcat下，改名成mayaa.war

启动Tomcat

测试下：http://localhost:8080/mayaa/index.html


例1：Hello Mayaa

分别放入Tomcat的mayaa目录下，通过http://localhost:8080/mayaa/hello.html进行测试。

hello.html

<html>
<body>
    <span id="message">dummy message</span>
</body>
</html>

 

hello.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:write m:id="message" value="Hello Mayaa!" />
</m:mayaa>

 

显示页面

<html>
<body>
    Hello Mayaa!
</body>
</html>

 

例2：replace关键字

hello.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:write m:id="message" value="Hello Mayaa!" replace="false" />
</m:mayaa>

 

显示页面

<html>
<body>
    <span id="message">Hello Mayaa!</span>
</body>
</html>


例3：value关键字

hello.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:write m:id="message" value="${ 1 + 2 }" />
</m:mayaa>


显示页面

<html>
<body>
    3
</body>
</html>


例4：request和session的使用

${ request.getAttribute("属性名") 或者${ param.パラメータ名 }

http://localhost:8080/mayaa/hello.html?name=world

hello.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:write m:id="message" value="Hello ${ param.name }" />
</m:mayaa>


显示页面

<html>
<body>
    Hello world
</body>
</html>


例5：条件判断

if.html

<html>
<body>
    <span id="visible">
        <span id="message">dummy message</span>
    </span>
</body>
</html>


if.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:if m:id="visible" test="${ 1 == 1 }" />

    <m:write m:id="message" value="Hello Mayaa!" />
</m:mayaa>


逻辑判断符：

(< → &lt; , > → &gt; , & → &amp;)

 

例6：条件循坏

for.html

<html>
<body>
    <span id="loop">
        <span id="message">dummy message</span>
    </span>
</body>
</html>


for.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:for m:id="loop"
            init="${ var i = 0 }"
            test="${ i < 5 }"
            after="${ i++ }" />

    <m:write m:id="message"
            value="Hello Mayaa!<br>" escapeXml="false" />
</m:mayaa>

 

显示页面

<html>
<body>
    Hello Mayaa!<br>
    Hello Mayaa!<br>
    Hello Mayaa!<br>
    Hello Mayaa!<br>
    Hello Mayaa!<br>
</body>
</html>


for.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:for m:id="loop"
            init="${ var i = 0 }"
            test="${ i < 5 }"
            after="${ i++ }" />

    <m:write m:id="message"
            value="${ i }<br>" escapeXml="false" />
</m:mayaa>

 

显示页面

<html>
<body>
    0<br>
    1<br>
    2<br>
    3<br>
    4<br>
</body>
</html>

 

例7：页面的静态复用

hello.html

<html>
<body>
    <h1>Hello</h1>
    <div id="comp">dummy</div>
</body>
</html>

 

hello.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:insert id="comp" path="/component.html" replace="false" />
</m:mayaa>


component.html

<html>
<body>
    <h1>dummy for preview</h1>
    <span id="centered">
        <div style="text-align: center">component value</div>
    </span>
</body>
</html>


component.mayaa

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
    <m:doRender id="centered" replace="false" />
</m:mayaa>


显示页面

<html>
<body>
    <h1>Hello</h1>
    <div id="comp"><span id="centered">
        <div style="text-align: center">component value</div>
    </span></div>
</body>
</html>



 

版权声明：本文为Ouitiken原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。