Java／JSP版

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="org.iplass.mtp.web.template.TemplateUtil"%>
<%@ page import="samples.ec01.utils.URLHelper" %>
<%@ taglib prefix="m" uri="http://iplass.org/tags/mtp"%> (1)
<%@ taglib prefix="c" uri="jakarta.tags.core"%>

----------------------------------------以上略----------------------------------------
        <!-- 小さい画面で表示 end-->
        <div class="row layout-container">
            <div class="col-md-3 d-none d-md-block">
                <div class="row">
                    <div class="col-12">
                        <div class="list-group list-group-flush">
                            <a href="${m:tcPath()}/samples/ec01/top" class="list-group-item list-group-item-action fw-bold border-top">${m:rs('iplass-wtp-messages', 'samples.ec01.layout.defaultLayout.home')}</a>
                            <c:forEach var="category" items="${categoryList}">
                                <a href="${URLHelper.getCategoryPath(category.oid)}" class="list-group-item list-group-item-action">${category.name}</a>
                            </c:forEach>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-9">
                <m:renderContent /> (2)
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-12">
                <ul class="list-group">
                    <li class="list-group-item border-0 fw-bold">Links</li>
                    <li class="list-group-item border-0">
                        <a href="${m:tcPath()}/samples/ec01/news/newInfo" class="text-dark">${m:rs('iplass-wtp-messages','samples.ec01.layout.defaultLayout.news')}</a>
                    </li>
                    <li class="list-group-item border-0">
                        <a href="${m:tcPath()}/samples/ec01/search/search" class="text-dark">${m:rs('iplass-wtp-messages','samples.ec01.layout.defaultLayout.search')}</a>
                    </li>
                    <li class="list-group-item border-0">
                        <a href="${m:tcPath()}/samples/ec01/inquiry/inquiry" class="text-dark">${m:rs('iplass-wtp-messages','samples.ec01.layout.defaultLayout.inquiry')}</a>
                    </li>
                    <li class="list-group-item border-0">
                        <a href="${m:tcPath()}/samples/ec01/shop/tradeLaw" class="text-dark">${m:rs('iplass-wtp-messages','samples.ec01.layout.defaultLayout.SCTAInfo')}</a>
                    </li>
                </ul>
            </div>
        </div>
----------------------------------------以下略----------------------------------------

<contextPath name="/template">
----------------------------------------以上略----------------------------------------
    <!-- レイアウト -->
    <metaDataEntry>
        <metaData xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:type="metaJspTemplate">
            <name>samples/ec01/layout/defaultLayout</name>
            <displayName>標準レイアウト</displayName>
            <path>/jsp/samples/ec01/layout/defaultLayout.jsp</path> (1)
            <contentType>text/html; charset=utf-8</contentType>
        </metaData>
    </metaDataEntry>
    ......
    <metaDataEntry>
        <metaData xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:type="metaJspTemplate">
            <name>samples/ec01/top</name>
            <displayName>Top画面</displayName>
            <path>/jsp/samples/ec01/top.jsp</path> (2)
            <layoutId>/action/samples/ec01/layout/defaultLayout</layoutId> (3)
            <contentType>text/html; charset=utf-8</contentType>
        </metaData>
    </metaDataEntry>


----------------------------------------以下略----------------------------------------

src.main.java
    ┗ samples.ec01
        ┣ bean
        ┗ annotation (1)
            ┃   ┣ Kana.java
            ┃   ┗ ......        　
            ┣ ui
            ┣ validator (2)
            ┃   ┣ group (3)
            ┃   ┃   ┗ JapaneseChecks.java
            ┃   ┣ KanaValidator.java
            ┃   ┗ ......
            ┣━ UserBean.java (4)
            ┗ ......

......
@ActionMapping(
        name = "samples/ec01/inquiry/doInquiry",
        displayName = "お問合せ登録",
        privileged = true,
        tokenCheck = @TokenCheck(
                executeCheck = true,
                consume = true,
                exceptionRollback = true),
        result = {
                @Result(
                        exception = MappingException.class,  (1)
                        type = Type.TEMPLATE,
                        value = "samples/ec01/inquiry/inquiry"),
                @Result(
                        status = Constants.CMD_EXEC_SUCCESS,
                        type = Type.TEMPLATE,
                        value = "samples/ec01/inquiry/inquirySuccess")})
@CommandClass(
        name = "samples/ec01/inquiry/RegistInquiryCommand",
        displayName = "お問合せ登録コマンド")
public class RegistInquiryCommand implements Command {

    private final BeanParamMapper mapper = new BeanParamMapper().withValidation()
            .whitelistPropertyNameRegex("^(mail|content|familyName(Kana)?|firstName(Kana)?)$"); (2)
    public static final String RESULT_INQUIRY_BEAN = "inquiryBean";


    @Override
    public String execute(RequestContext request) {
        // 入力チェック
        InquiryBean inquiryBean = new InquiryBean();
        request.setAttribute(RESULT_INQUIRY_BEAN, inquiryBean);
        // 日本語専用"name_kana"取得フォーム
        if (Consts.LANGUAGE_JA.equals(TemplateUtil.getLanguage()) || TemplateUtil.getLanguage() == null) {
            mapper.populate(inquiryBean, request.getParamMap(), Default.class, JapaneseChecks.class); (3)
        } else {
            mapper.populate(inquiryBean, request.getParamMap(), Default.class); (4)
        }

        Inquiry inquiry = inquiryBean.toEntity();
        // 問い合わせステータス
        // 1 : 未対応
        // 2 : 対応中
        // 3 : 対応完了
        // 4 : 終了
        SelectValue inquiryStatus = new SelectValue(InquiryStatus.NOT_DEAL.getValue());
        inquiry.setInquiryStatus(inquiryStatus);
        // 請求の登録
        EntityDaoHelper.insert(inquiry);

        return Constants.CMD_EXEC_SUCCESS;
    }
}

----------------------------------------以上略----------------------------------------
        <m:bind bean="${inquiryBean}"> (1)
        <form class="custom-form mt-3" action="${m:tcPath()}/samples/ec01/inquiry/doInquiry" method="post">
            <input type="hidden" name="_t" value="${m:token()}">
            <div class="form-group row">
                ......
                <div class="col-12 col-md-6 mt-3">
                    <div>
                        <m:bind prop="familyNameKana"> (2)
                            <label for="${name}" class="col-form-label label-hidden">${m:rs('iplass-wtp-messages', 'samples.ec01.inquiry.regist.familyNameKana')}</label>
                            <input type="text" class="form-control border rounded input-hint-visible" name="${name}" value="${value}" placeholder="${m:rs('iplass-wtp-messages', 'samples.ec01.inquiry.regist.familyNameKana')}"> (3)
                            <small class="form-text text-danger"><m:errors /></small> (4)
                        </m:bind>
                    </div>
                </div>
                ......
        </form>
        </m:bind>
----------------------------------------以下略----------------------------------------

public class EcErrorUrlSelector extends GemErrorUrlSelector {

    private final String ROOT_PATH = "samples/ec01";
    private final String TEMPURL_TOKEN_ERROR = ROOT_PATH + "/error/tokenError";
    private final String TEMPURL_ENTITY_ERROR = ROOT_PATH + "/error/entityError";
    private final String TEMPURL_USER_EXISTS_ERROR = ROOT_PATH + "/error/userExistsError";
    private final String TEMPURL_SESSION_VALUE_NOT_FOUND_ERROR = ROOT_PATH + "/error/sessionValueNotFoundError";
    private final String TEMPURL_SYSTEM_ERROR = ROOT_PATH + "/error/systemError";

    @Override
    public String getErrorTemplateName(Throwable exception, RequestContext request, String path) {
        Exception error = (Exception) request.getAttribute(WebRequestConstants.EXCEPTION);
        // ECサイト用
        if (path != null && path.startsWith(ROOT_PATH)) {
            // TokenValidationException用
            if (error instanceof TokenValidationException) {
                return TEMPURL_TOKEN_ERROR; (1)
                // EntityValidationException用
            } else if (error instanceof EntityValidationException) {
                return TEMPURL_ENTITY_ERROR;
                // UserExistsException
            } else if (error instanceof UserExistsException) {
                return TEMPURL_USER_EXISTS_ERROR;
                // SessionValueNotFoundException
            } else if (error instanceof SessionValueNotFoundException) {
                return TEMPURL_SESSION_VALUE_NOT_FOUND_ERROR;
                // その他のエラー用
            } else {
                return TEMPURL_SYSTEM_ERROR;
            }
        }
        return super.getErrorTemplateName(exception, request, path);
    }
}

<contextPath name="/template">
----------------------------------------以上略----------------------------------------
    <!-- エラー画面 -->
    <metaDataEntry>
        <metaData xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:type="metaJspTemplate">
            <name>samples/ec01/error/tokenError</name> (1)
            <displayName>トークンエラー画面</displayName>
            <path>/jsp/samples/ec01/error/genericError.jsp</path> (2)
            <layoutId>/action/samples/ec01/layout/defaultLayout</layoutId>
            <contentType>text/html; charset=utf-8</contentType>
        </metaData>
    </metaDataEntry>
----------------------------------------以下略----------------------------------------

<%@ taglib prefix="m" uri="http://iplass.org/tags/mtp"%> (1)
----------------------------------------以上略----------------------------------------
<div class="row">
    <div class="col-12">
        <div class="border-top"></div>
        <nav class="breadcrumb all-breadcrumb">
            <a class="breadcrumb-item text-primary" href="${m:tcPath()}/samples/ec01/top"> (2)
                ${m:rs('iplass-wtp-messages', 'samples.ec01.all.breadcrumb.home')} (3)
            </a>
            <span class="breadcrumb-item active">
                ${m:rs('iplass-wtp-messages', 'samples.ec01.inquiry.regist.title')}
            </span>
        </nav>
    </div>
    <div class="col-12">
        <span class="h4">${m:rs('iplass-wtp-messages', 'samples.ec01.inquiry.regist.title')}</span>
        <m:bind bean="${inquiryBean}">
        <form class="custom-form mt-3" action="${m:tcPath()}/samples/ec01/inquiry/doInquiry" method="post">
            <input type="hidden" name="_t" value="${m:token()}"> (4)
            <div class="form-group row">
                <div class="col-12 col-md-6 mt-3">
                    <div>
                        <m:bind prop="familyName">
                             <label for="${name}" class="col-form-label label-hidden">${m:rs('iplass-wtp-messages', 'samples.ec01.inquiry.regist.familyName')}</label>
                             <input type="text" class="form-control border rounded input-hint-visible" name="${name}" value="${value}" placeholder="${m:rs('iplass-wtp-messages', 'samples.ec01.inquiry.regist.familyName')}">
                             <small class="form-text text-danger"><m:errors /></small>
                        </m:bind>
                    </div>
                </div>
----------------------------------------以下略----------------------------------------

----------------------------------------JSP部分略----------------------------------------
<script type="text/javascript">
function fullTextSearch() {
    const productName = $("#productName").val();
    const categoryOid = $("#categoryList").attr("category-item-selected");
    if(productName == "") {
        $("#helpId").html("${m:rs('iplass-wtp-messages', 'samples.ec01.search.nokeyword')}");
        return false;
    }
    const param = "{\"productName\":\"" + productName + "\",\"categoryOid\":\"" + categoryOid +"\"}";
    $.ajax({
        type: "POST",
        contentType: "application/json",
        url:"${m:tcPath()}/api/samples/ec01/search/fulltextSearch", (1)
        dataType: "json",
        data: param,
        success: function(commandResult){
            if (commandResult.exceptionType != null) { (2)
                alert("${m:rs('iplass-wtp-messages', 'samples.ec01.search.jsError')}"+ commandResult.exceptionType +"\\n"+commandResult.exceptionMessage);
                return;
            }
            if(commandResult.status == "SUCCESS"){
                if(commandResult.defaultResult != null && commandResult.defaultResult.length > 0){
                    const resultHtml = ListSearchResult(commandResult.defaultResult, productName); (3)
                    $("#searchResultDiv").html(resultHtml);
                }
                else{
                    $("#helpId").html("${m:rs('iplass-wtp-messages', 'samples.ec01.search.keyword')}： " + productName + ", " + "${m:rs('iplass-wtp-messages', 'samples.ec01.search.noResult')}");
                }
            }
        }
    });
}
function dropdownSelect(item){
    const t = $(item);
    const v = t.attr("category-item-value");
    $("#categoryList").text(t.html()).attr("category-item-selected", v);
}
function ListSearchResult(entities, productName){ (4)
    const yen = "${m:rs('iplass-wtp-messages', 'samples.ec01.all.yen')}";
    let html =  "<div class=\"col-12 mb-2\">";
        html += "   <h4>${m:rs('iplass-wtp-messages', 'samples.ec01.search.result')}" + productName + "</h4>";
        html += "</div>";
    for(let i =0; i < entities.length; i++){
        const name = entities[i].name;
        const price = isNaN(entities[i].price)? "" : entities[i].price;
        const imageUrl = "${m:tcPath()}/samples/ec01/resource/bin?id=" + entities[i].productImg.lobId + "&type=${Consts.BIN_TYPE_PRODUCT_IMG}";
        const detailUrl = "${m:tcPath()}/samples/ec01/product/detail?productId=" + entities[i].oid;
        html += "<div class=\"col-12 col-md-4\">";
        html += "   <div class=\"card border-light border-0\">";
        html += "       <a href=\"" + detailUrl + "\" class=\"h-100\">";
        html += "          <img class=\"card-img-top img-thumbnail img-fluid all-product-img\" src=" + imageUrl + " alt=\"" + name + "\">";
        html += "       </a>";
        html += "       <div class=\"card-body pt-md-1 text-center\">";
        html += "          <div>";
        html += "              <a href=\""+ detailUrl +"\" class=\"card-link text-dark\">" + name + "</a>";
        html += "           </div>";
        html += "           <div class=\"all-price\">";
        html += "              <span>" + price + "</span>" + yen;
        html += "           </div>";
        html += "       </div>";
        html += "   </div>";
        html += "</div>";
    }
    return html;
}
</script>

    <!-- Web App Settings -->
    <service>
        <interface>org.iplass.mtp.impl.web.WebFrontendService</interface>

        <!-- ■ your error url selector ■ -->
        <property name="errorUrlSelector" class="samples.ec01.web.EcErrorUrlSelector" /> (1)
    </service>

    <!-- XmlResource MetaData and Annotation MetaData Settings -->
    <service>
        <interface>org.iplass.mtp.impl.metadata.MetaDataRepository</interface>

        <!-- ■ your app metadata xml file name (additional="true) ■ -->
        <property name="resourcePath" value="/samples-ec01-ce-metadata.xml" additional="true" /> (1)
        <!-- ■ your app command list class (additional="true) ■ -->
        <property name="annotatedClass" value="samples.ec01.command.metadata.CommandList" additional="true"/> (2)

    </service>

    <!-- Fulltext Search Service Settings -->
    <service>
        <interface>org.iplass.mtp.impl.fulltextsearch.FulltextSearchService</interface>
        <property name="useFulltextSearch" value="true" /> (1)
        <property name="maxRows" value="1000" />
        <property name="throwExceptionWhenOverLimit" value="true"/>

        <!-- lucene利用 -->
        <class>org.iplass.mtp.impl.fulltextsearch.lucene.LuceneFulltextSearchService</class>
        <property name="directory" value="[set your lucene index file store path. eg: D:\tmp\lucene]" /> (2)
        <property name="analyzer" value="org.apache.lucene.analysis.ja.JapaneseAnalyzer" />
        <property name="indexWriterRAMBufferSizeMB" value="64.0"/>
        <property name="redundantTimeMinutes" value="10"/>
    </service>

metaDataList
    ┣ contextPath (name=/entity) (1)
    ┣ contextPath (name=/property/select) (1)
    ┣ contextPath (name=/template) ※ 帳票出力機能と管理トップ画面 (1)
    ┣ contextPath (name=/view/calendar) (1)
    ┣ contextPath (name=/view/generic) (1)
    ┣ contextPath (name=/view/menu/item) (1)
    ┣ contextPath (name=/view/menu/tree) (1)
    ┣ contextPath (name=/view/top) (1)
    ┣ contextPath (name=/view/treeview) (1)
    ┣ contextPath (name=/view/filter) (1)
    ┗ contextPath (name=/template)　(2)

----------------------------------------以上略----------------------------------------
<contextPath name="/template">
    <!-- エラー画面 -->
    <metaDataEntry>
        <metaData xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:type="metaJspTemplate">
            <name>samples/ec01/error/loginError</name>
            <displayName>認証エラー画面</displayName>
            <path>/jsp/samples/ec01/error/genericError.jsp</path>
            <layoutId>/action/samples/ec01/layout/defaultLayout</layoutId>
            <contentType>text/html; charset=utf-8</contentType>
        </metaData>
    </metaDataEntry>
----------------------------------------以下略----------------------------------------

samples.ec01.all.breadcrumb.home                = ホーム
samples.ec01.all.pagination.next                = 次へ
samples.ec01.all.pagination.prev                = 前へ
samples.ec01.all.yen                            = 円
samples.ec01.backoffice.stockUpdate.doUpdate    = 一括更新
samples.ec01.backoffice.stockUpdate.product     = 商品名
samples.ec01.backoffice.stockUpdate.stock       = 在庫数
samples.ec01.backoffice.stockUpdate.title       = 在庫一括更新
samples.ec01.cart.info.checkOut                 = お会計
samples.ec01.cart.info.emptyMsg.p1              = カートが空になっています。
----------------------------------------以下略----------------------------------------

samples.ec01.all.breadcrumb.home                = Home
samples.ec01.all.pagination.next                = Next
samples.ec01.all.pagination.prev                = Prev
samples.ec01.all.yen                            = Yen
samples.ec01.backoffice.stockUpdate.doUpdate    = Bulk update
samples.ec01.backoffice.stockUpdate.product     = Product name
samples.ec01.backoffice.stockUpdate.stock       = Stock
samples.ec01.backoffice.stockUpdate.title       = Stock bulk update
samples.ec01.cart.info.checkOut                 = Check out
samples.ec01.cart.info.emptyMsg.p1              = Your cart is currently empty.
----------------------------------------以下略----------------------------------------

samples.ec01.bean.validation.Tel.invalidChar    = 「数字」および「-」のみ利用可能です。(1)
samples.ec01.bean.validation.UserId.invalidChar = 「英数字」および「-」(ハイフン)「@」「_」「.」(ピリオド)のみ利用可能です。
samples.ec01.bean.validation.UserId.outOfLength = ユーザーIDは{min}文字以上{max}文字以下です (2)
samples.ec01.bean.validation.isBlank            = 値を入力してください。
samples.ec01.bean.validation.notKana            = 全角カタカナを入力してください。
......

samples.ec01.bean.validation.Tel.invalidChar    = Please enter alphanumeric characters or "-"(hypen) . (1)
samples.ec01.bean.validation.UserId.invalidChar = Please enter alphanumeric characters or "-"(hypen), "@", "_"(underscore), "."(dot) .
samples.ec01.bean.validation.UserId.outOfLength = User ID must be in range between {min} and {max} characters. (2)
samples.ec01.bean.validation.isBlank            = Please enter value.
samples.ec01.bean.validation.notKana            = Please enter Katakana.
......