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>



 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值