java - Spring MVC 与网页设计师合作

Question

在 Spring-MVC 和 JSP 环境中与 Web 设计人员一起工作时，是否有任何工具或有用的模式可以减少在 HTML 和 JSP 之间来回切换的痛苦？

项目要求规定 View 会经常更改，并且由于泄漏到 View 层的 Java 代码量很大，因此很难有效地进行更改。理想情况下，我想从 View 中删除几乎所有 Java 代码，但这似乎不适用于 Spring/JSP 哲学，在 Spring/JSP 哲学中，通常删除 Java 代码的方法是用标记库替换该代码，这些代码仍然有类似的问题。

为了让我的问题更清楚一些，我将包括一些现有代码(由我继承)以显示在更改 View 外观时我可能会遇到的问题类型:

<%-- Begin looping through results --%>
<%
List memberList = memberSearchResults.getResults();
for(int i = start - 1; i < memberList.size() && i < end; i++) {
    Profile profile = (Profile)memberList.get(i);                  
    long profileId = profile.getProfileId();
    String nickname = profile.getNickname();
    String description = profile.getDescription();
    Image image = profile.getAvatarImage();
    String avatarImageSrc = null;
    int avatarImageWidthNum = 0;
    int avatarImageHeightNum = 0;

    if(null != image) {
        avatarImageSrc = image.getSrc();
        avatarImageWidthNum = image.getWidth();
        avatarImageHeightNum = image.getHeight();
    }

String bgColor = i % 2 == 1 ? "background-color:#FFF" : "";
%>
<div style="float:left;clear:both;padding:5px 0 5px 5px;cursor:pointer;<%= bgColor %>" onclick='window.location="profile.sp?profileId=<%= profileId %>"'>
    <div style="float:right;clear:right;padding-left:10px;width:515px;font-size:10px;color:#7e7e7e">
        <h6><%= nickname %></h6>
        <%= description %>
    </div> 
    <img style="float:left;clear:left;" alt="Avatar Image" src="<%= null != avatarImageSrc && avatarImageSrc.trim().length() > 0 ? avatarImageSrc : "images/defaultUserImage.png" %>" 
         <%= avatarImageWidthNum < avatarImageHeightNum ? "height='59'" : "width='92'" %> />
</div>
<%
} // End loop
%>

现在，忽略那里的一些代码味道，很明显，如果有人想要更改该 DIV 的外观，则必须将所有 Java/JSP 代码重新放置到给定的新 HTML 中(设计者不不能在 JSP 文件中工作，它们有自己的网站 HTML 版本)。这很乏味，而且容易出错。

Answer 1

您的示例根本不是 MVC，但一个好的起点是 JavaServer Pages Taglib JSTL .将您的示例放入 Spring Controller 和相应的 JSP View 中，它可能看起来像这样:

@Controller
public StuffController
{
    @RequestMapping("bla")
    public ModelAndView doBla()
    {
        ModelAndView view = new ModelAndView();
        // Get memberSearchResults somehow
        MemberSearchResult results = memberSearchResults.getResults();
        view.addAtrribute("memberList", results);
        view.setViewName("blaview");
        return view;
    }
}

你的 JSP View 是这样的

// blaview.jsp
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %><%@ taglib uri="http://java.sun.com/jstl/xml" prefix="x" %>
<c:forEach var="searchResult" items="${memberList}">
    <div>
        <h6>${searchResult.nickname}</h6>
        ${searchResult.description}
    </div> 
</c:forEach>

对于整个图像，您应该考虑分配其自己的 bean 类，该类具有可在 JSP 中使用的属性。这更加清晰，并且假设您为设计人员提供了所有可用属性和特性的文档，他们将只需要学习标签库。唯一的其他选择是让他们只做设计，让其他人处理标签库。显然，在 View 中的某处必须有一些像这样的控制流，而且标签库对于习惯于编写 HTML 代码的人来说比在 JSP 中使用 Java 源代码更容易解​​释。