日系框架之Mayaa：HTML模板引擎

最新推荐文章于 2024-09-30 10:39:29 发布
最新推荐文章于 2024-09-30 10:39:29 发布
阅读量2.7k 收藏 2
点赞数
分类专栏： Java相关 文章标签： html 框架 encoding stylesheet header 模板引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kunshan_shenbin/article/details/3227805
版权

官方主页：http://mayaa.seasar.org/

如下图所示建立工程：

所需lib包一览：

commons-beanutils-core-1.7.0.jar
commons-collections-3.1.jar
commons-logging-1.0.4.jar
jaxen-1.1.1.jar
mayaa-1.1.20.jar
nekohtml-0.9.5.jar
rhino-1.6r5.jar
xercesImpl-2.7.1.jar
xml-apis-1.3.03.jar
jstl.jar
standard.jar

 

代码依次如下：

MyBean.java

  1. package example;
  3. import java.math.BigDecimal;
  4. import java.util.Date;
  6. public class MyBean {
  8.     private int _id = 1000;
  9.     private String _name = "MyBean name";
  10.     private BigDecimal _decimal = new BigDecimal("12.345");
  11.     private Date _timestamp = new Date();
  12.     
  13.     public int get_id() {
  14.         return _id;
  15.     }
  16.     public void set_id(int _id) {
  17.         this._id = _id;
  18.     }
  19.     public String get_name() {
  20.         return _name;
  21.     }
  22.     public void set_name(String _name) {
  23.         this._name = _name;
  24.     }
  25.     public BigDecimal get_decimal() {
  26.         return _decimal;
  27.     }
  28.     public void set_decimal(BigDecimal _decimal) {
  29.         this._decimal = _decimal;
  30.     }
  31.     public Date get_timestamp() {
  32.         return _timestamp;
  33.     }
  34.     public void set_timestamp(Date _timestamp) {
  35.         this._timestamp = _timestamp;
  36.     }
  37. }

base.css

  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4.     text-indent: 0;
  5. }
  7. body {
  8.     text-align: center;
  9.     font-family: sans-serif;
  10.     color: #483d8b;
  11.     background: white;
  12. }
  13. body div {
  14.     text-align: left;
  15.     margin: 0 auto;
  16. }
  17. .header {
  18.     color: white;
  19.     border-bottom: 6px double white;
  20.     background: #1c4baf;
  21. }
  22. .header h1 {
  23.     padding: 8px;
  24.     border-bottom: 4px double white;
  25. }
  27. .container {
  28. }
  30. .main {
  31.     font-size: 100%;
  32.     padding: 8px;
  33.     margin-left: 216px;
  34. }
  36. .sidebar {
  37.     float: left;
  38.     top: 4em;
  39.     left: 10px;
  40.     width: 200px;
  41.     padding: 8px;
  42. }
  44. .sidebar h1,h2,h3,h4,h5 {
  45.     font-size: 100%;
  46.     margin-top: 1em;
  47.     margin-bottom: 0.2em;
  48. }
  50. .sidebar h1 {
  51.     border-left: 4px solid #1c4baf;
  52.     padding-left: 2px;
  53. }
  55. .sidebar ul {
  56.     font-size: 100%;
  57.     margin-top: 0.2em;
  58.     margin-left: 1.5em;
  59. }
  61. .footer {
  62.     text-align: center;
  63.     color: white;
  64.     border-top: 6px double white;
  65.     background: #1c4baf;
  66.     clear: both;
  67. }
  69. div.box {
  70.     text-align: center;
  71.     border: dotted #aaf 2px;
  72.     background-color: #ffe;
  73.     padding: 10px;
  74.     margin: 2px;
  75. }

dump.js

  1. function printApplication() {
  2.     var names = application.iterateAttributeNames();
  3.     while (names.hasNext()) {
  4.         var name = names.next();
  5.         print("app: " + name + " = " + application[name]);
  6.     }
  7. }
  9. function printSession() {
  10.     var names = session.iterateAttributeNames();
  11.     while (names.hasNext()) {
  12.         var name = names.next();
  13.         print("ses: " + name + " = " + session[name]);
  14.     }
  15. }
  17. function printAttribute() {
  18.     var names = request.iterateAttributeNames();
  19.     while (names.hasNext()) {
  20.         var name = names.next();
  21.         print("att: " + name + " = " + request[name]);
  22.     }
  23. }
  25. function printParameter() {
  26.     var names = param.iterateAttributeNames();
  27.     while (names.hasNext()) {
  28.         var name = names.next();
  29.         print("prm: " + name + " = " + param[name]);
  30.     }
  31. }
  33. function printHeader() {
  34.     var names = header.iterateAttributeNames();
  35.     while (names.hasNext()) {
  36.         var name = names.next();
  37.         print("hed: " + name + " = " + header[name]);
  38.     }
  39. }
  41. function printBinding() {
  42.     var names = binding.iterateAttributeNames();
  43.     while (names.hasNext()) {
  44.         var name = names.next();
  45.         print("bid: " + name + " = " + binding[name]);
  46.     }
  47. }
  49. function print(value) {
  50.     java.lang.System.out.println("" + value);
  51. }
  53. print("------ req-path: " + request.getRequestedPath());
  54. printSession();
  55. printAttribute();
  56. printParameter();
  57. printHeader();
  58. printBinding();

script.js

  1. var obj = {
  2.      run: function() {
  3.          return 'こんにちは';
  4.      }
  5. };

exec.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html xmlns:c="http://java.sun.com/jstl/core_rt">
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5.     <meta http-equiv="Cache-Control" content="no-cache">
  6.     <title>Mayaa samples</title>
  7.     <link rel="stylesheet" href="../css/base.css" type="text/css">
  8. </head>
  9. <body id="exec">
  10.     <div class="header">
  11.         <h1>Mayaa Samples</h1>
  12.     </div>
  14.     <div class="container">
  15.         <div class="sidebar"><span>
  16.             <h2>メニュー</h2>
  17.             <ul>
  18.                 <li><a href="../index.html">戻る</a></li>
  19.             </ul>
  20.         </span></div>
  22.         <div class="main">
  23.             <h2>mayaa exec processor</h2>
  25.             <div id="write" class="box">
  26.                     テンプレート上のダミー文字列
  27.             </div>
  28.         </div>
  30.         <div class="footer">
  31.             ©The Seasar Foundation.
  32.         </div>
  33.     </div>
  34. </body>
  35. </html>

exec.mayaa

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <m:mayaa xmlns:m="http://mayaa.seasar.org">
  4.     <m:exec id="exec" replace="false" 
  5.         src="../js/script.js" encoding="UTF-8"/>
  7.     <m:write id="write" replace="false" value="${ obj.run(); }"/>
  9. </m:mayaa>

load.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html xmlns:c="http://java.sun.com/jstl/core_rt">
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5.     <meta http-equiv="Cache-Control" content="no-cache">
  6.     <title>Mayaa samples</title>
  7.     <link rel="stylesheet" href="../css/base.css" type="text/css">
  8. </head>
  9. <body>
  10.     <div class="header">
  11.         <h1>Mayaa Samples</h1>
  12.     </div>
  14.     <div class="container">
  15.         <div class="sidebar"><span>
  16.             <h2>メニュー</h2>
  17.             <ul>
  18.                 <li><a href="../index.html">戻る</a></li>
  19.             </ul>
  20.         </span></div>
  22.         <div class="main">
  23.             <h2>Script load Sample</h2>
  25.             <div id="write" class="box">
  26.                     テンプレート上のダミー文字列
  27.             </div>
  28.         </div>
  30.         <div class="footer">
  31.             ©The Seasar Foundation.
  32.         </div>
  33.     </div>
  34. </body>
  35. </html>

load.mayaa

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <m:mayaa xmlns:m="http://mayaa.seasar.org"
  3.         m:noCache="true">
  5.     <m:write id="write" replace="false"
  6.         value="${ load('../js/script.js', 'UTF-8'); obj.run(); }"/>
  8. </m:mayaa>

usebean.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html xmlns:c="http://java.sun.com/jstl/core_rt">
  3. <head>
  4.     <title>use bean</title>
  5. </head>
  6. <body>
  7.     <h1>Use bean</h1>
  8.     <table border="1">
  9.     <tr>
  10.         <th>property</th>
  11.         <th>value</th>
  12.     </tr>
  13.     <tr>
  14.         <td>id</td>
  15.         <td><span id="id">10 dummy</span>;</td>
  16.     </tr>
  17.     <tr>
  18.         <td>name</td>
  19.         <td><span id="name">dummy name</span></td>
  20.     </tr>
  21.     <tr>
  22.         <td>decimal</td>
  23.         <td><span id="decimal">1.2 dummy</span></td>
  24.     </tr>
  25.     <tr>
  26.         <td>timestamp</td>
  27.         <td><span id="timestamp">1970/1/1 dummy</span></td>
  28.     </tr>
  29.     </table>
  30. </body>
  31. </html>

usebean.mayaa

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <m:mayaa xmlns:m="http://mayaa.seasar.org"
  3.         xmlns:fmt="http://java.sun.com/jsp/jstl/fmt">
  4.     <m:beforeRender>
  5.         request.setAttribute('bean', new Packages.example.MyBean());
  6.     </m:beforeRender>
  8.     <m:write m:id="id" value="${ bean._id }" />
  9.     <m:write m:id="name" value="${ bean._name }" />
  10.     <fmt:formatNumber m:id="decimal" value="${ bean._decimal }" />
  11.     <fmt:formatDate m:id="timestamp" value="${ bean._timestamp }" />
  13. </m:mayaa>

web.xml

  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE web-app
  3.     PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
  4.     "http://java.sun.com/dtd/web-app_2_3.dtd">
  5. <web-app>
  7.     <servlet>
  8.         <servlet-name>MayaaServlet</servlet-name>
  9.         <servlet-class>org.seasar.mayaa.impl.MayaaServlet</servlet-class>
  10.         <load-on-startup>1</load-on-startup>
  11.     </servlet>
  13.     <servlet-mapping>
  14.         <servlet-name>MayaaServlet</servlet-name>
  15.         <url-pattern>*.html</url-pattern>
  16.     </servlet-mapping>
  18. </web-app>

debug.js //设置控制台debug是否启用

  1. /* set true/false */
  2. var debug = true;
  4. if (debug) {
  5.     load("js/dump.js");
  6. }

default.mayaa

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <m:mayaa xmlns:m="http://mayaa.seasar.org">
  4.     <m:beforeRender><![CDATA[
  5.         var contextPath = request.getContextPath();
  6.         var println = function(value) {
  7.             if (value != null) {
  8.                 java.lang.System.out.println(value);
  9.             } else {
  10.                 java.lang.System.out.println("" + value);
  11.             }
  12.         };
  14.         load("debug.js");
  15.     ]]></m:beforeRender>
  17. </m:mayaa>

index.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5.         <meta http-equiv="Cache-Control" content="no-cache">
  6.         <title>Mayaa samples</title>
  7.         <link rel="stylesheet" href="css/base.css" type="text/css">
  8.     </head>
  9.     <body>
  10.         <div class="header">
  11.             <h1><span id="message">Mayaa Samples</span></h1>
  12.         </div>
  13.         <div class="main">
  14.             <h2>Samples</h2>
  15.             <ul>
  16.                 <li><a href="view/load.html">Script load sample</a></li>
  17.                 <li><a href="view/exec.html">Exec sample</a></li>
  18.                 <li><a href="view/usebean.html">Show MyBean</a></li>
  19.             </ul>
  20.         </div>
  21.         <div class="footer">
  22.             ©2004-2005, The Seasar Foundation and the others, all rights reserved.
  23.         </div>
  24.     </body>
  25. </html>

index.mayaa

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <m:mayaa xmlns:m="http://mayaa.seasar.org">
  4.     <m:write id="message" value="Mayaa Samples"/>
  6. </m:mayaa>

官方的参考资料：http://mayaa.seasar.org/documentation/about.html

昆山人在上海
关注
专栏目录
mayaa框架，模板渲染，class未成功渲染
万事屋
06-04 523
mayaa是一个日系的模板引擎框架。本文记录使用这个模板遇到的问题。 原因： 为了解决安全漏洞，commons-beanutils 从1.9.3 升级到了1.9.4 导致模板渲染时，class未成功渲染返回到前端。 版本与环境： jdk1.8 <!-- Mayaa --> <dependency> <groupId>org.seasar.mayaa</groupId> ...
Mayaa，Seasar，DBFlute 日系框架
别逗了好么
09-30 5560
Mayaa简介： Mayaa是以html作为模板使用的模板引擎，它与JSP处于相同的位置，都处于表示层。都是配合Structs框架WebWork2使用的一种技术。 它没有作为web开发程序框架的功能，也不能用来处理页面流程，而是配合[以jsp为前提的中间件(Apache Structs等)]组合使用的一种开发技术。 Mayaa目标： 把设计和逻辑分离开来，协调后台应用程序开发人员和前台表示
一个日系seasar框架Demo：S2Containor+S2Dao+SAStruts+mayaa
09-07
当前日本流行的开发框架，官方网站：http://www.seasar.org/我上传的这个是已经把各个框架集成好的，可以直接在上面进行开发。如有需要的话还可以加上DBFlute
mayaa注意事项
sun0322
11-26 745
<br />官方网站：http://mayaa.seasar.org<br /> <br />注意事项<br /> <br />1。不要使用重复的ID。<br />（上下使用了同一个ID，上面是一个查询“入力text” 起名为applyId，下面是查询时显示的表单，里面有一项也是id，<br />也起名为applyId。那么，在加载的时候，会发现上面的那个applyId对应的值为空。）<br />这种状况一定要注意！！以后发现问题也要看看是不是这个原因。<br /> <br /> 
Mayaa基础知识
小轶的学习笔记
11-03 2513
事前准备 下载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进行测试
Mayaa之安装
yurenwang2010的专栏
09-27 983
Mayaa安装过程如下： 1. Java安装 2. Tomcat安装 3. 点此链接：http://mayaa.seasar.org/downloads/         点击此画面上“导入War”链接即可下载相关Zip文件。     将此Zip文件改名为mayaa.war 4. 将mayaa.war拷贝到tomcat目录的webapps目录之下。 5. 启动Tomcat，访问一
mayaa的一些例子
06-09
非常好用的一项技术，可以代替JSP，经常和日系框架seasar一起使用
mayaa源代码
04-24
一个mayaa项目的源代码，里面包含了mayaa所需要的jar包以及它的代码。
mayaa的一些代码
sun0322
11-26 2188
1字符串比较问题。字符串比较这么写是不行的 要这么写（单引号在外面，双引号在里面） value="${request.getContextPath()}/entryform/?mid=${UserMid}&sid=${UserSid}&dt=${UserDt}&spot
日系框架之seasar2(S2Struts)---(下)
fly1206的博客
03-13 320
　validator-rules.xml &lt;!DOCTYPEform-validationPUBLIC　　　　　"-//ApacheSoftwareFoundation//DTDCommonsValidatorRulesConfiguration1.1.3//EN"　　　　　"http://jakarta.apache.org/commons/dtds/validator_1_1_3.dt...
Ajax传输对象，集合或数组。
xiaozhen0610的博客
06-12 826
传输单个对象时： servlet页面 package com.itnba.maya.a; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.
日系框架之seasar2(S2Struts)
【昆山人在上海】
11-05 3368
官方主页：http://s2struts.seasar.org/ja/ ,目前v1.3版本也在开发中。对比SAStruts(http://blog.csdn.net/kunshan_shenbin/archive/2008/11/04/3220007.aspx)，使用Html模板引擎Mayaa(http://mayaa.seasar.org/)是它的优点。如下图所示建立工程结构：
Seasar Framework介绍(一)
zwchen的专栏
04-21 385
近段时间，给公司一项目组培训Seasar Framework ([url]http://www.seasar.org/en/index.html[/url])，一个非常类似于Spring Framework的框架，它起源于日本，并且在日本非常流行。现在我对这段时间的学习做一个总结。学习和培训过程中，我们以一个mini Blog项目练习，功能需求类似于Javaeye的blog。 Seasa...
【HTML并不简单】笔记1-常用rel总结：nofollow、noopener、opener、noreferrer，relList
最新发布
karshey的博客
09-30 840
在移动端开发中，页面左上角往往会有一个“返回”按钮，但如果用户是通过点击某个分享链接进入的，那么这个返回的逻辑就不对，因为并没有上一页，此时这个“返回”按钮显示为“主页”按钮更合适。在某列表页面，点击任意列表会进入详情页，然后希望再次返回（通过页面内链接，而非浏览器的“后退”按钮）到列表页的时候，页面依然定位在之前的滚动位置，但如果是从其他页面进入的，则滚动置顶。SEO中有个策略，如果一个权重很高的网站，直接外链一个权重不高的中小网站，同时没有设置rel=“nofollow”，那么这个中小网站的权重。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值