版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Coder_Boy_/article/details/82534346
项目名称:中国电信运营支持系统-网络版(二)
在上一节基础上添加EL表达式与JSTL支持
添加
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
修改的find.jsp如下:
<%@page pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!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>案例-NetCTOSS</title>
<!--
当前:/netctoss/findCost.do
目标:/netctoss/styles/global.css
-->
<link type="text/css" rel="stylesheet" media="all" href="styles/global.css"/>
<link type="text/css" rel="stylesheet" media="all" href="styles/global_color.css"/>
<script language="javascript" type="text/javascript">
//排序按钮的点击事件
function sort(btnObj){
if(btnObj.className=="sort_desc"){
btnObj.className="sort_asc";
}else{
btnObj.className="sort_desc";
}
}
//启用
function startFee(){
var r = window.confirm("确定要启用此资费吗?资费启用后将不能修改和删除。")
document.getElementById("operate_result_info").style.display="block";
}
//删除
function deleteFee(){
var r = window.confirm("确定要删除此资费吗?");
}
</script>
</head>
<body>
<!-- Logo区域开始 -->
<div id="header">
<img src="images/logo.png" alt="logo" class="left" />
<a href="#">[退出]</a>
</div>
<!-- Logo区域结束 -->
<!-- 导航区域开始 -->
<div id="navi">
<ul id="menu">
<li><a href="../index.html" class="index_off"></a></li>
<li><a href="../role/role_list.html" class="role_off"></a></li>
<li><a href="../admin/admin_list.html" class="admin_off"></a></li>
<li><a href="../fee/fee_list.html" class="fee_off"></a></li>
<li><a href="../account/account_list.html" class="account_off"></a></li>
<li><a href="../service/service_list.html" class="service_off"></a></li>
<li><a href="../bill/bill_list.html" class="bill_off"></a></li>
<li><a href="../report/report_list.html" class="report_off"></a></li>
<li><a href="../user/user_info.html" class="information_off"></a></li>
<li><a href="../user/user_modi_pwd.html" class="password_off"></a></li>
</ul>
</div>
<!-- 导航区域结束 -->
<!-- 主要区域开始 -->
<div id="main">
<form action="" method="">
<!-- 排序 -->
<div class="search_add">
<div>
<!-- <input type="button" value="月租" class="sort_asc" onclick="sort(this)"/>
<input type="button" value="基费" class="sort_asc" onclick="sort(this)"/>
<input type="button" value="时长" class="sort_asc" onclick="sort(this)"/> -->
</div>
<input type="button" value="增加" class="btn_add" onclick="location.href='fee_add.html';"/>
</div>
<!-- 启用操作的操作提示 -->
<div id="operate_result_info" class="operate_success">
<img src="images/close.png" alt="" onclick="this.parentNode.style.display='none';"/>
删除成功!
</div>
<!-- 数据区域:用表格展示数据 -->
<div id="data">
<table id="datalist">
<tr>
<th>资费ID</th>
<th class="width100">资费名称</th>
<th>基本时长</th>
<th>基本费用</th>
<th>单位费用</th>
<th>创建时间</th>
<th>开通时间</th>
<th class="width50">状态</th>
<th class="width200"></th>
</tr>
<c:forEach items="${costs }" var="c">
<!-- <tr>
<td>1</td>
<td><a href="fee_detail.html">包 20 小时</a></td>
<td>20 小时</td>
<td>24.5 元</td>
<td>3.00 元</td>
<td>2013/01/01 00:00:00</td>
<td></td>
<td>暂停</td>
<td>
<input type="button" value="启用" class="btn_start" onclick="startFee();"/>
<input type="button" value="修改" class="btn_modify" onclick="location.href='fee_modi.html'"/>
<input type="button" value="删除" class="btn_delete" onclick="deleteFee();"/>
</td>
</tr>
<tr>
<td>2</td>
<td><a href="fee_detail.html">包 40 小时</a></td>
<td>40 小时</td>
<td>40.50 元</td>
<td>3.00 元/小时</td>
<td>2013/01/21 00:00:00</td>
<td>2013/01/23 00:00:00</td>
<td>开通</td>
<td></td>
</tr> -->
<tr>
<td>${c.costId }</td>
<td><a href="fee_detail.html">${c.name }</a></td>
<td>${c.baseDuration } 小时</td>
<td>${c.baseCost } 元</td>
<td>${c.unitCost } 元/小时</td>
<td><fmt:formatDate value="${c.creatime }" pattern="yyyy/MM/dd" /></td>
<td><fmt:formatDate value="${c.startime }" pattern="yyyy/MM/dd" /></td>
<td>
<c:if test="${c.status=='0' }">开通</c:if>
<c:if test="${c.status=='1' }">暂停</c:if>
</td>
<td>
<input type="button" value="启用" class="btn_start" onclick="startFee();"/>
<input type="button" value="修改" class="btn_modify" onclick="location.href='fee_modi.html';"/>
<input type="button" value="删除" class="btn_delete" onclick="deleteFee();"/>
</td>
</tr>
</c:forEach>
</table>
<p>业务说明:<br />
1、创建资费时,状态为暂停,记载创建时间;<br />
2、暂停暂停下,可修改,可删除<br />
3、开通后,记载开通时间,且开通后不能修改、不能再停用、也不能删除<br />
4、业务账号修改资费时,在下月底统一触发,修改其关联的资费ID(此触发动作由程序处理)<br />
</p>
</div>
<!-- 分页 -->
<div id="pages">
<a href="#">上一页</a>
<a href="#" class="current_page">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">下一页</a>
</div>
</form>
</div>
<!-- 主要区域结束 -->
<div id="footer">
<p>[源自东北的技术,最牛逼的老师,最真实的企业环境,最实用的实战项目]</p>
<p>版权所有(C)牛逼学院IT培训集团公司</p>
</div>
</body>
</html>
将netctoss工程部署到Tomcat上,运行Tomcat启动案例工程,
浏览器录入http://localhost:8080/netctoss/findCost.do 即可:如果没有错误,最终页面显示效果应如下图: