JFinal上手demo(2)

2.IndexController.java

/**
 * IndexController
 */
public class IndexController extends Controller {
    public void index() {
        render("index.jsp");
    }
}      

注意：jfianl在经过1.InitConfig.java中的me.add("/", IndexController.class, "/index");路由后，你在地址栏输入

http://localhost:8080/ymeng/

就会访问到IndexController 的index方法（这是jfianl的一种默认写法）中，当然，这与IndexController.class, "/index")中的第三个参数是无关的，第三个参数指定的是前端的路径，

然后index()方法指定你访问到的页面内容是index.jsp。

3.MembersController.java

public class MembersController extends Controller {
    public void index() {
        setAttr("memPage", Members.me.paginate(getParaToInt(0, 1), 10));
        render("memlist.jsp");
    }
}      

注意：我们只需要知道，这个方法就是将数据库中的数据指定到memlist.jsp中的memPage属性中。

4.Members.java

public class Members  extends Model<Members>{
    private static final long serialVersionUID = 4460796361065191809L;
    public static final Members me = new Members();// 创建模型
    /**
     * @param pageNumber 第几页
     * @param pageSize 每页大小
     * @return
     */
    public Page<Members> paginate(int pageNumber, int pageSize) {
        return paginate(pageNumber, pageSize, "select *", "from members order by realname");
    }
}      

注意：名如其意，paginate方法看起来就是来处理分页问题的。至于第三、第四、更多的参数则是sql语句拼接。

那么后端我们需要开发的内容就完结了，目录结构如下：

添加前端文件

1.constants.js

var common = {
    ctx : "/ymeng"
};      

把项目的根路径记录下来，在js中可能要用到，本例子中暂时没有用到。

2.taglib.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />      

导入常用的jstl，以及设置项目路径，这个很重要！！！！

3._paginate.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/common/jsp/taglib.jsp"%>

<c:if test="${urlParas == null}">
    <c:set var="urlParas" value="" />
</c:if>
<c:if test="${(totalPage > 0) && (currentPage <= totalPage)}">
    <c:set var="startPage" value="${currentPage - 4}" />
    <c:if test="${startPage < 1}" >
        <c:set var="startPage" value="1" />
    </c:if>
    <c:set var="endPage" value="${currentPage + 4}" />
    <c:if test="${endPage > totalPage}" >
        <c:set var="endPage" value="totalPage" />
    </c:if>

    <div class="pagination">
        <c:if test="${currentPage <= 8}">
            <c:set var="startPage" value="1" />
        </c:if>

        <c:if test="${(totalPage - currentPage) < 8}">
            <c:set var="endPage" value="${totalPage}" />
        </c:if>

        <c:choose>
            <c:when test="${currentPage == 1}">
                <span class="disabled prev_page">上页</span>
            </c:when>
            <c:otherwise>
                <a href="${ctx}${actionUrl}${currentPage - 1}${urlParas}" class="prev_page">上页</a>
            </c:otherwise>
        </c:choose>

        <c:if test="${currentPage > 8}">
            <a href="${ctx}${actionUrl}${1}${urlParas}">${1}</a>
            <a href="${ctx}${actionUrl}${2}${urlParas}">${2}</a>
            <span class="gap">…</span>
        </c:if>

        <c:forEach begin="${startPage}" end="${endPage}" var="i">
            <c:choose>
                <c:when test="${currentPage == i}">
                    <span class="current">${i}</span>
                </c:when>
                <c:otherwise>
                    <a href="${ctx}${actionUrl}${i}${urlParas}">${i}</a>
                </c:otherwise>
            </c:choose>
        </c:forEach>

        <c:if test="${(totalPage - currentPage) >= 8}">
            <span class="gap">…</span>
            <a href="${ctx}${actionUrl}${totalPage - 1}${urlParas}">${totalPage - 1}</a>
            <a href="${ctx}${actionUrl}${totalPage}${urlParas}">${totalPage}</a>
        </c:if>

        <c:choose>
            <c:when test="${currentPage == totalPage}">
                <span class="disabled next_page">下页</span>
            </c:when>
            <c:otherwise>
                <a href="${ctx}${actionUrl}${currentPage + 1}${urlParas}" class="next_page" rel="next">下页</a>
            </c:otherwise>
        </c:choose>
    </div>
</c:if>      

这里面我加入了“${ctx}”，否则会访问路径错误！