使用mybatis分頁外掛展示首頁最新視訊

QYHuiiQ發表於2018-08-31

頁面展示:

要實現的效果是訪問專案時就載入最新視訊的第一頁,在該專案中使用偽靜態化,訪問http://localhost:8081/時在web.xml中配置了歡迎頁,會自動跳到index.jsp,

配置springmvc的前端控制器攔截*.html:

jsp程式碼:

    <div class="container" style="width:1232px;padding:0px;background-color: #f3f5f7;">
        <div class="course-tool-bar clearfix" style="padding-right:0px;">
            <div class="tool-left l">
                <a href="#" class="sort-item active" id="zuixin">最新視訊</a>
            </div>
        </div>
        <div class="course-list" style="background-color: #f3f5f7;">
            <div class="moco-course-list">
                <ul class="clearfix">
                    <c:forEach var="course" items="${result.list}">
                        <div class="course-card-container">
                            <a href="${pageContext.request.contextPath}/toCourseDesc/${course.courseid}.action" target="_blank" class="course-card" style="text-decoration: none;">
                                <div class="course-card-top">
                                
                                    <img  class="course-banner lazy" src="${course.courseimageurl}" style="display: inline;">
                                    <div class="course-label">
                                        <label>${course.courseCatName}</label>
                                    </div>
                                </div>
                                <input type="hidden" name="courseid" value="${course.courseid }"/>
                                <div class="course-card-content">
                                    <h3 class="course-card-name">${course.coursename}</h3>
    
                                    <div class="clearfix course-card-bottom">
                                        <div class="course-card-info">
                                            <c:if test="${course.courselevel == 0}">
                                                <span>初級</span>
                                            </c:if>
                                            <c:if test="${course.courselevel == 1}">
                                                <span>中級</span>
                                            </c:if>
                                            <c:if test="${course.courselevel == 2}">
                                                <span>高階</span>
                                            </c:if>
                                            <span>
                                                <i class="icon-set_sns"></i>
                                                ${course.courseplay}
                                            </span>
                                        </div>
                                        <p class="course-card-desc">${course.coursedesc}</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </c:forEach>
                 
                </ul>
            </div>
        </div>

    </div>
    <!-- 分頁 -->
    <nav id="pageCourse">
        <ul class="pager">
        <li><a href="/IndexPage/${result.pageNum-1}.action">上一頁</a></li>
        
        <li>
        <a href="/IndexPage/${result.pageNum+1 <= result.totalPage?result.pageNum+1:result.totalPage}.action">下一頁</a>
        
        </li>
        </ul>
    </nav>

使用mybatis的分頁外掛,自定義一個分頁的實體類:

controller:

進入首頁時訪問的時index.jsp:

進入首頁之後點選上一頁下一頁時執行另一個controller:

兩個controller都執行同一個service,對資料進行查詢並做分頁處理

service(分頁處理是在service層做的):

mapper:

SQL:

使用mybatis分頁外掛需要配置的地方:

1.需要引入PageHelper的jar包,如果時maven專案,在pom.xml中配置依賴:

<pagehelper.version>5.1.2</pagehelper.version>

<dependency>
                <groupId>com.github.pagehelper</groupId>
                <artifactId>pagehelper</artifactId>
                <version>${pagehelper.version}</version>

 </dependency>

2.在mybatis的全域性配置檔案SqlMapConfig.xml中配置該外掛(

在4.0.0版本以後,dialect引數可以不配置,系統能自動識別這裡提到的所有資料庫。

對於不支援的資料庫,可以實現com.github.pagehelper.parser.Parser介面,然後配置到dialect引數中(4.0.2版本增加)。

 

相關文章