九、EL表达式与JSTL表达式

2018-07-26  本文已影响0人  lifeline张

1、EL表达式是为了简化jsp页面,只能写在js代码中,不能写在java程序中。在java程序总需要使用getParamter,getAttribute等。

2、使用EL表达式要注意其不同的表达方式对应的不同作用域:{param.id }对应getParamter("id"),{requestScope.id }对应request.getAttribute("id")。

3、EL表达式的存在就是为了替代一些在html中的java代码(<%%>),所以以后只要能用EL表达式的地方都不要用java代码。

4、在使用EL表达式的时候,需要先将对应的对象或者参数放到相应的作用域中,在这一步的时候一定要先想好放进去的东西的作用域,选择page或者request等。

5、EL使用前需要先在java程序中设置,JSTL使用前需要先导包。

6、</c:forEach>

<c:forEach var=”name” items=”Collection” varStatus=”StatusName” begin=”begin” end=”end” step=”step”>  
    所有内容  
</c:forEach> 

I、var设定变量名用于存储从集合中取出元素。
I、items指定要遍历的集合。
III、varStatus设定变量名,该变量用于存放集合中元素的信息。
IV、begin、end用于指定遍历的起始位置和终止位置(可选)。
V、step指定循环的步长。

image.png
image.png

7、c:if


image.png

8、示例代码:

<%@page import="cn.kgc.util.GetTotalPageCount"%>
<%@page import="cn.kgc.entity.News"%>
<%@page import="java.util.List"%>
<%@page import="cn.kgc.Service.Impl.NewsDetailServiceImpl"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%--动态包含无法使用,页面报错,newsService无法使用 <jsp:include page="../common/common.jsp" /> --%>
<%@include file="../common/common.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>无标题文档</title>
<style type="text/css">
<!--

-->
</style>
<script>
    function addNews(){
        window.location="newsDetailCreateSimple.jsp";
    }
    
    function page_nav(form, currentPageNo) {
        form.currentPage.value = currentPageNo;
        form.submit();
    }
    
    function jump_to(form, currentPageNo) {
        var regexp=/^[1-9]\d*$/;
        var pageCount = document.getElementById("pageCount").value;
        if (!regexp.test(currentPageNo)) {
            alert("请输入正确的数字");
        } else if (currentPageNo - pageCount > 0) {
            alert("一共有" + pageCount + "页,请输入正确的数字。");
        } else {
            page_nav(form, currentPageNo);
        }
    }
    
    /* var categoryId = '${requestScope.flag}';
    alert(categoryId); */
</script>
</head>

<body>

<!--主体-->
    <div class="main-content-right">
        <!--即时新闻-->
        <div class="main-text-box">
            <div class="main-text-box-tbg">
                <div class="main-text-box-bbg">
                    <form name ="searchForm" id="searchForm" action="/news/jsp/admin/newsDetailList.jsp" method="post">
                      <div>
                        新闻分类:
                            <select name="categoryId">
                                <option value="0">全部</option>
                                
                                    <option value='1' >国内</option>
                                
                                    <option value='2' >国际</option>
                                
                                    <option value='3' >娱乐</option>
                                
                                    <option value='4' >军事</option>
                                
                                    <option value='5' >财经</option>
                                
                                    <option value='6' >天气</option>
                                
                            </select>
                        新闻标题<input type="text" name="title" id="title" value=''/>
                            <button type="submit" class="page-btn">GO</button>
                            <button type="button" onclick="addNews();" class="page-btn">增加</button>
                            <input type="hidden" name=currentPage value=""/>
                            
                            <input type="hidden" name="totalPageCount" value="2"/>
            </div>
            </form>
            <table cellpadding="1" cellspacing="1" class="admin-list">
                <thead >
                    <tr class="admin-list-head">
                        <th>新闻标题</th>
                        <th>作者</th>
                        <th>时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <%  
                        // 新闻总数
                        int totalCountOfNews = newsService.getTotalCountOfNews();
                        // 页面容量
                        int capacity = 3;
                        // 总页数
                        int pageCount = GetTotalPageCount.getTotalPageCount(totalCountOfNews, capacity);
                        // 当前页面
                        String a = request.getParameter("currentPage");
                        int currentPage;
                        if (a == null || a == "") {
                            currentPage = 1;
                        } else {
                            currentPage = Integer.parseInt(a);
                        }
                        // 获取相应页面的新闻
                        List<News> newsList = newsService.getNewsByPageNumAndCapacity(currentPage, capacity);
                        pageContext.setAttribute("list", newsList);
                        pageContext.setAttribute("totalCountOfNews", totalCountOfNews);
                        pageContext.setAttribute("capacity", capacity);
                        pageContext.setAttribute("pageCount", pageCount);
                        pageContext.setAttribute("currentPage", currentPage);
                     %>
                    <input type="hidden" id="pageCount" value="${pageCount }"/>
                    <c:forEach var="news" items="${list }" varStatus="status">
                    <tr <c:if test="${status.count%2==0 }"> class="admin-list-td-h2" </c:if>>
                        <td><a href='newsDetailView.jsp?id=${news.id }'>${news.title }</a></td>
                        <td>${news.author }</td>
                        <td>${news.createDate }</td>
                        <td><a href='adminNewsCreate.jsp?id=${news.id }'>修改</a>
                            <a href="javascript:if(confirm('确认是否删除此新闻?')) location='adminNewsDel.jsp?id=${news.id }'">删除</a>
                        </td>
                    </tr> 
                    </c:forEach>
                </tbody>
            </table>
           <div class="page-bar">
            <ul class="page-num-ul clearfix">
                <li>共${totalCountOfNews }条记录&nbsp;&nbsp; ${currentPage }/${pageCount }页</li>
                <c:if test="${currentPage > 1 }">
                <a href="javascript:page_nav(document.forms[0],1);">首页</a>
                <a href="javascript:page_nav(document.forms[0],${currentPage - 1 });">上一页</a>
                </c:if>
                <c:if test="${currentPage < pageCount }">
                <a href="javascript:page_nav(document.forms[0],${currentPage + 1 });">下一页</a>
                <a href="javascript:page_nav(document.forms[0],${pageCount });">最后一页</a>&nbsp;&nbsp;
                </c:if>
            </ul>
         <span class="page-go-form"><label>跳转至</label>
         <input type="text" name="inputPage" id="inputPage" class="page-key" />页
         <button type="button" class="page-btn" onClick='jump_to(document.forms[0],document.getElementById("inputPage").value)'>GO</button>
        </span>
        </div> 
        </div>
       </div>
   </div>
   </div>
</body></html>

9、自此之后,java代码的归java代码,html的归html。两者之间的连接就是EL和JSTL。但是在一些不可以替代的地方还是不要进行替换。

10、<c:import>与<jsp:include>指令作用类似,包含<jsp:include>所提供的所有功能,除此之外还可以访问其他Web资源或者网络资源。

11、在使用c:import标签的时候,要设置url属性,这个url的值就是导入的jsp页面的路径。

12、在c:import标签下面使用c:param标签传值的时候,在接受页面使用EL去接受的时候要用${param.参数名}。同时c:param标签里面的value的值得类型是String。

上一篇下一篇

猜你喜欢

热点阅读