`
南头一霸
  • 浏览: 15882 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

第一个项目的jsp<不会的很多啊!!!>

阅读更多
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="code" uri="/WEB-INF/tld/code4dropdown.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<html>
<head>
    <title>LMS 系统工作台</title>
    <meta name="menuId" content="lms-clueslist"/>
<script>
$(function(){
            
$("#btn_query").on("click", function(){
$("#searchForm").submit();
});
$("#btn_clear").click(function(){
$(':input','#searchForm') 
.not(':button, :submit, :reset, :hidden') 
.val('') 
.removeAttr('selected'); 
})

$("select").each(function(){
$(this).val($(this).attr("data-select"));
});

var provinceId = "${data.province}";
var cityId = "${data.city}";
var areaId = "${data.area}";

$.getJSON("${rc.contextPath}/region/listpivs", function(json){
$('#select_prov').append($('<option>全部</option>').attr('value',''));
$('#select_city').append($('<option>全部</option>').attr('value',''));
$('#select_area').append($('<option>全部</option>').attr('value',''));

$.each(json, function(i,val){
$('#select_prov').append(function(){
var p = $('<option></option>').attr('value',val.id).html(val.name);
return p;
});
});

if(provinceId != ""){
$('#select_prov').val(provinceId);
provChange(provinceId);
cityChange(cityId);
}
});

var provChange = function(id){
$('#select_city').empty();
$('#select_area').empty();

$('#select_city').append($('<option>全部</option>').attr('value',''));
$('#select_area').append($('<option>全部</option>').attr('value',''));

$.getJSON("${rc.contextPath}/region/listcitys/"+id, function(json){
                    $.each(json, function(i,val){                  
                        $('#select_city').append(function(){
                            var p = $('<option></option>').attr('value',val.id).html(val.name);
                            return p;
                        });
                    });
                   
                    if(cityId != ""){
    $('#select_city').val(cityId);
    cityChange(cityId);
    }
                });
}

var cityChange = function(id){
$('#select_area').empty();
$('#select_area').append($('<option>全部</option>').attr('value',''));

$.getJSON("${rc.contextPath}/region/listcitys/"+id, function(json){ 
                    $.each(json, function(i,val){                  
                        $('#select_area').append(function(){
                            var p = $('<option></option>').attr('value',val.id).html(val.name);
                            return p;
                        });
                    });
                    if(cityId != ""){
    $('#select_area').val(areaId);
    }
                });
}

$('#select_prov').on("change",function(){provChange($(this).val())});
$('#select_city').on("change",function(){cityChange($(this).val())});

/*table 中的checkbox 的全选功能  */
$("#allCheck").click(function() {
//console.log("select all");
if ($("#allCheck").prop("checked")) {
$("input[name='selectCustomer']").each(function() {
$(this).prop("checked", true);
})
} else {
$("input[name='selectCustomer']").each(function() {
$(this).prop("checked", false);
})
}
});

/*发送邮件*/
$("#sendEmail").on("click",function(){
//console.log("send mail");
var customerArrEmail = "";
$("input[name='selectCustomer']").each(function(){
if( $(this).prop("checked")){
var customerEmail = $(this).parent().parent().find("td:eq(3)").find("input").val();
if(customerEmail != "")
customerArrEmail += customerEmail+";";
}
});
console.log(customerArrEmail);
$("#emailVal").val(customerArrEmail);
$("#phoneVal").val("");
$("#sendOption").submit();
});

/*发送短信*/
$("#sendPhone").on("click",function(){
var customerArrPhone = "";
$("input[name='selectCustomer']").each(function(){
if( $(this).prop("checked")){
var customerPhone = $(this).parent().parent().find("td:eq(2)").html();
if(customerPhone != "")
customerArrPhone += customerPhone+";";
}
});
console.log(customerArrPhone);
if(customerArrPhone == ""){
customerArrPhone = "phone";
}
$("#phoneVal").val(customerArrPhone);
$("#emailVal").val("");
$("#sendOption").submit();
});

/*创建线索*/
$("#btn_createsales").on("click",function(){
location.href = "${rc.contextPath}/saleclues/new";
});

/*得到checkbox中所选择的客户Id */
function getSelectedIds(){
  var customerArr = [];
  if($("#allCheck").prop("checked")){
  $("input[name='hobby']").each(function(){
/* var customerId = $(this).val();
cu stomerArr += customerId+",";*/
customerArr.push($(this).val());
   });
  }else{
  $("input[name='hobby']").each(function(){
  if( $(this).prop("checked")){
/* var customerId = $(this).val();
cus tomerArr += customerId+",";*/
customerArr.push($(this).val());
}
   });
  }
  return customerArr.join(",");
}


/*分配 */
var d;
$('#allotsaleclues').click(function(){
d = dialog(this);
d.open();
});
$("#confirmButton").click(function(){
  var selectedIds = getSelectedIds();
  if(selectedIds != ""){
  $.ajax({
  url:"<c:url value='/saleclues/allotsaleclues'/>",
  type:"post",
  dataType:"json",
  data:{
  selectedIds:selectedIds,
  newOrgId:3
  },
  success:function(data){
  if(data.type == "1"){
  console.log('bb');
  //alert(data.msg);
  d.close();
  }else
     alert(data.msg);
  }
  })
  }else
               alert("请选择数据");  
});
$("#cancelButton").click(function(){
d.close();
})
/*分配 */

/*回收*/
var d2;
$('#recyclesaleclues').click(function(){
d2 = dialog(this);
d2.open();
});
$("#confirmButton2").click(function(){
  var selectedIds = getSelectedIds();
  if(selectedIds != ""){
  $.ajax({
  url:"<c:url value='/saleclues/recyclesaleclues'/>",
  type:"post",
  dataType:"json",
  data:{
  selectedIds:selectedIds
  },
  success:function(data){
  if(data.type == "1"){
  console.log('bb');
  //alert(data.msg);
  d2.close();
  }else
     alert(data.msg);
  }
  })
  }else
               alert("请选择数据");  
});
$("#cancelButton2").click(function(){
d2.close();
})
/*回收 */

/*关闭*/
var d3;
$('#closesaleclues').click(function(){
d3 = dialog(this);
d3.open();
});
$("#confirmButton3").click(function(){
  var selectedIds = getSelectedIds();
  if(selectedIds != ""){
  $.ajax({
  url:"<c:url value='/saleclues/closesaleclues'/>",
  type:"post",
  dataType:"json",
  data:{
  selectedIds:selectedIds,
  reason:'客户反悔了'
  },
  success:function(data){
  if(data.type == "1"){
  console.log('bb');
  //alert(data.msg);
  d3.close();
  }else
     alert(data.msg);
  }
  })
  }else
               alert("请选择数据");  
});
$("#cancelButton3").click(function(){
d3.close();
})
/*关闭*/
});
</script>
</head>

<body>
<div class="main-data">
<h3 class="clear-x-margin">查询条件</h3>
<div class="data-box">
<form class="form-format" style="padding-top: 15px" id="searchForm" method="post" action="${rc.contextPath}/saleclues/doquery">
<div class="full-line">
<div class="form-line split4">
<label>客户姓名:</label>
<input value="${data.customerName}" type="text" name="customerName" />
</div>
<div class="form-line split4">
<label>联系电话:</label> <input value="${data.mobile}" type="text" name="mobile" />
</div>
<div class="form-line split4">
<label>客户来源:</label>
<select name="customerSourceCd" data-select="${data.customerSourceCd}">
<code:dropdown codetype="SOURCEFROM" first="全部" value="${data.sourceCd}"/>
</select>
</div>
<div class="form-line split4">
<label>所属分站:</label>
<select name="orgId" data-select="${data.orgId}">
<code:dropdown first="全部" isorg="true"/>
</select>
</div>
</div>

<div class="full-line">
<div class="form-line split4">
<label>所在省份:</label>
<select name="province" id="select_prov" data-select="${data.province}">
</select>
</div>
<div class="form-line split4">
<label>所在城市:</label>
<select name="city" id="select_city" data-select="${data.city}">
</select>
</div>
<div class="form-line split4">
<label>所在区县:</label>
<select name="area" id="select_area" data-select="${data.area}">
             </select>
</div>
<div class="form-line split4">
<label>旺旺ID:</label> <input value="${data.wangwangId}" type="text" name="wangwangId"/>
</div>
</div>
<div class="full-line">
<div class="form-line split4">
<label>小区名称:</label> <input value="${data.communityName}" type="text" name="communityName"/>
</div>
<div class="form-line split4">
<label>交房时间:</label>
<select name="deliveryDateCd" data-select="${data.deliveryDateCd}">
<code:dropdown codetype="DELIVERYDT" first="全部"/>
</select>
</div>
<div class="form-line split4">
<label>线索状态:</label>
<select name="statusCd" class="hasCustomSelect" data-select="${data.statusCd}">
            <code:dropdown codetype="SALECLUESSTATUS" first="全部"/>
</select>
</div>
<div class="form-line split4">
<label>跟进人:</label> <select name="select_person" data-select="${data.select_person}">
</select>
</div>
</div>
<div class="form-line split4">
<label>创建时间:</label>
<input id="id_picker_from" name="createDtBegin" value="${data.createDtBegin}" type="text" data-beatpicker="true" data-beatpicker-extra="customOptions" data-beatpicker-module="clear,footer" />
</div>
<div class="form-line split4">
<label>至:</label>
<input id="id_picker_to" name="createDtEnd" value="${data.createDtEnd}" type="text" data-beatpicker="true" data-beatpicker-extra="customOptions" data-beatpicker-module="clear,footer" />
</div>

<div class="form-line full-line align-right">
<div class="cls"></div>
<span class="submit-button" style="margin-right: 2px" id="btn_query"><font>查询</font><i class="submit-radius"></i></span>
<span class="submit-button" style="margin-right: 38px" id="btn_clear"><font>清空条件</font><i class="submit-radius"></i></span>
</div>
</form>
</div>
</div>

<div class="main-data">
<h3 class="clear-x-margin">查询结果</h3>
<table class="tbl-box">
<tr class="tbl-title">
<td><input type="checkbox" id="allCheck" name="allCheck" value="1">全选</td>
<td>客户名称</td>
<td>联系电话</td>
<td>所在省份</td>
<td>所在城市</td>
<td>所属分站</td>
<td>小区名称</td>
<td>交房时间</td>
<td>客户来源</td>
<td>旺旺ID</td>
<td>跟进人</td>
<td>线索状态</td>
<td>跟进次数</td>
<td>创建时间</td>
<td>编辑 操作</td>
</tr>

<c:forEach  var="qr" items="${queryresult}">
    <tr class="tbl-item">
<td><input type="checkbox" name="selectCustomer" value="${qr.id}" ></td>
<td>${qr.house.customer.name}</td>
<td>${qr.house.customer.mobile}</td>
<td>${qr.house.province}<input type="hidden" value="${qr.house.customer.email}"></td>
<td>${qr.house.city }</td>
<td>${qr.orgId}</td>
<td>${qr.house.communityName}</td>
<td>${qr.house.deliveryDateCd}</td>
<td>${qr.house.customer.sourceCd}</td>
<td>${qr.house.customer.wangwangId }</td>
<td>${qr.followBy}</td>
<td>${qr.statusCd}</td>
<td>${qr.followcount}</td>
<td><fmt:timeZone value="GMT+8"><fmt:formatDate value="${qr.createDt}" pattern="yyyy-MM-dd"/></fmt:timeZone></td>
                    <td>
                    <a href="${rc.contextPath}/saleclues/viewsaleclues/${qr.id}">编辑</a> &nbsp;
                    <a href="${rc.contextPath}/saleclues/salecd/${qr.id}">邀约</a>
                    </td>
  </tr>
</c:forEach>

<tr class="tbl-footer">
<td colspan="15" class="page-button">
<jsp:include page="../../includes/paging-buttons.jsp"/>
</td>
</tr>
</table>
<div class="cls"></div>
</div>

<form action="<c:url value='/marketingtools/sendmessagesandemail'/>" id="sendOption" method="post">
<input id="emailVal" name="email" type="hidden" value=""/>
<input id="phoneVal" name="phone" type="hidden" value=""/>
<div class="main-data">
<div class="data-box">
<div class="form-line full-line align-left">
<div class="cls"></div>
<span class="submit-button" id="btn_createsales" style="float: left; margin-left: 38px"><font>创建</font><i class="submit-radius"></i></span>
<span id="allotsaleclues" class="submit-button" style="float: left; margin-left: 5px" bind-dialog="allotDialog"><font>分配线索</font><i class="submit-radius"></i></span>
<span id="recyclesaleclues" class="submit-button" style="float: left; margin-left: 5px" bind-dialog="recycleDialog"><font>回收线索</font><i class="submit-radius"></i></span>
<a href="<c:url value='/saleclues/deriveSaleclues?'/>${paramx}">
<span class="submit-button" style="float: left; margin-left: 5px"><font>导出至文件</font><i class="submit-radius"></i></span>
</a>
<span id="closesaleclues" class="submit-button" style="float: left; margin-left: 5px" bind-dialog="closeDialog"><font>关闭线索</font><i class="submit-radius"></i></span>
<span class="submit-button" id="sendEmail" style="float: right; margin-right: 38px"><font>发送邮件</font><i class="submit-radius"></i></span>
<span class="submit-button" id="sendPhone" style="float: right; margin-right: 5px"><font>发送短信</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
</form>


<!--分配线索弹窗  -->
     <div class="dialog hide" id="allotDialog">
<div class="dialog-title"><span>提 示</span><font class="close-fn">X</font></div>
<div class="dialog-body"  style="height:200px;">
<h2>确认分配线索?</h2>

</div>
<div class="dialog-bottom">
    <div class="form-line center" style="margin:auto">
<span id="confirmButton" class="submit-button" style="margin-right:20px"><font>确认</font><i class="submit-radius"></i></span>
<span id="cancelButton" class="submit-button" style="margin-right:20px"><font>取消</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
     <!--分配线索弹窗  -->
    
<!--回收线索弹窗  -->
     <div class="dialog hide" id="recycleDialog">
<div class="dialog-title"><span>提 示 </span><font class="close-fn">X</font></div>
<div class="dialog-body"  style="height:200px;">
<h2>确认回收线索?</h2>

</div>
<div class="dialog-bottom">
    <div class="form-line center" style="margin:auto">
<span id="confirmButton2" class="submit-button" style="margin-right:20px"><font>确认</font><i class="submit-radius"></i></span>
<span id="cancelButton2" class="submit-button" style="margin-right:20px"><font>取消</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
     <!--回收线索弹窗  -->
    
<!--关闭线索弹窗  -->
     <div class="dialog hide" id="closeDialog">
<div class="dialog-title"><span>提 示 </span><font class="close-fn">X</font></div>
<div class="dialog-body"  style="height:200px;">
<h2>确认关闭线索?</h2>

</div>
<div class="dialog-bottom">
    <div class="form-line center" style="margin:auto">
<span id="confirmButton3" class="submit-button" style="margin-right:20px"><font>确认</font><i class="submit-radius"></i></span>
<span id="cancelButton3" class="submit-button" style="margin-right:20px"><font>取消</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
     <!--关闭线索弹窗  -->
</body>
</html>
分享到:
评论

相关推荐

    maven的优缺点 项目

    每一个项目都有前台(广大网民)和后台(管理员看的),后台的功能远远的大于&gt;前台的功能;迭代升级;每次升级都要重启tomcat;将tomcat做很多个备份(10个),为了nginx转发;前台:访问比较大,管理员访问量比较小; 问题: ...

    jsp分页代码(一个很好的jsp分页代码)粘贴后即可使用

    page=1"&gt;第一页&lt;/a&gt; &lt;% if (intPage &gt; 1) { %&gt;&lt;a href="fenye.jsp?page=&lt;%= intPage - 1 %&gt;"&gt;上一页&lt;/a&gt;&lt;% } %&gt; &lt;% if (intPage &lt; intPageCount) { %&gt;&lt;a href="index.jsp?page=&lt;%= intPage + 1 %&gt;"&gt;下一页&lt;/a&gt;&lt;% } %...

    JSTL详细标签库介绍

    &lt;BR&gt;Java使用和C++类似的异常处理&lt;BR&gt;1、处理错误的方法有很多流行方法&lt;BR&gt;2、一般方法是把程序处理代码段分散到系统代码中,在可能发生错误的地方处理错误&lt;BR&gt;优点:便于程序员能够条理的看到程序中异常的处理&lt;BR&gt;...

    NetBeans中JSP乱码解决

    **解决方案**:为了确保页面能够正确地解析并显示中文字符,需要在JSP页面的第一行添加`@page`指令,明确指定页面的编码格式,例如: ```html &lt;%@ page contentType="text/html;charset=gb2312" %&gt; ``` 修改后的...

    开源框架 Spring Gossip

    &lt;br&gt;第一个 Spring 程式 &lt;br&gt;BeanFactory、 ApplicationContext &lt;br&gt;Type 2 IoC、Type 3 IoC &lt;br&gt;属性参考 &lt;br&gt;自动绑定 &lt;br&gt;集合物件注入 &lt;br&gt;Bean 的生命周期 &lt;br&gt;Bean 进阶管理 &lt;br&gt;理想上对于 Bean 来说,它不...

    JSP网页.ppt

    JSP提供了多个内置对象,如`request`、`response`、`session`和`application`,它们可以直接在JSP页面中使用,无需显式创建。例如,`request`对象用于获取客户端请求的信息,`response`对象负责构建并发送响应到...

    jsp 的一些个的东西,大家来看看

    根据提供的标题、描述、标签及部分内容,我们可以提炼出与JSP相关的多个知识点: ### JSP (JavaServer Pages) 概念 JSP 是一种基于Java技术的动态网页开发技术,它允许开发者在HTML文档中嵌入Java代码。JSP页面在...

    JSP动态合并单元格

    JSTL(JavaServer Pages Standard Tag Library)是Java社区定义的一套标准标签库,其中C标签库(Core Library)提供了很多处理集合和控制流程的标签,如`&lt;c:forEach&gt;`、`&lt;c:if&gt;`等,这些标签使得JSP代码更加简洁、易...

    jsp参数传递

    `&lt;jsp:param&gt;` 标签可以用来在使用 `&lt;jsp:include&gt;` 或 `&lt;jsp:forward&gt;` 动作指令时传递参数。这为开发者提供了一种更加灵活的方式来管理页面之间的数据交互。 **1. 使用 `&lt;jsp:include&gt;` 包含页面时传递参数** ``...

    jsp分页

    很多成熟的Web框架,如Spring MVC、Struts2等,都提供了内置的分页支持。利用这些框架,可以简化分页的实现。 ### 4. JSP分页工具 - **JSTL(JavaServer Pages Standard Tag Library)**:JSTL包含一个`fmt`标签库...

    用Struts、Hibernate和display超简单实现分页

    说明:&lt;br&gt;一、含演示数据库建立脚本(较简单)&lt;br&gt;二、使用Struts、Hibernate和display超简单的实现了分页,你不用在页面上再写很多&lt;%%&gt;和很多判断,简单到只需要几行语句:&lt;br&gt;...table name="lst" cellspacing="0" ...

    精通Java:JDK、数据库系统开发Web开发(实例代码)

    &lt;br&gt;第1篇 认识Java及其环境配置&lt;br&gt;第1章 认识Java&lt;br&gt;第2章 下载和安装JDK5.0&lt;br&gt;第3章 选择开发工具IDE&lt;br&gt;第2篇 Java语言基础&lt;br&gt;第4章 Java基本语法&lt;br&gt;第5章 Java面向对象程序设计(上)&lt;br&gt;第6章 Java面向...

    springboot+java+jsp实现解析excel表中的内容

    在IT行业中,尤其是在Web开发领域,Spring Boot框架与Java的结合使用非常广泛,因为它提供了快速构建和部署...总的来说,这个项目是一个很好的实践,可以帮助开发者掌握Java处理Excel文件以及Spring Boot与JSP的集成。

    jsp页面上传文件处理代码及所需的jar包

    Java中处理文件上传通常使用Apache Commons FileUpload库,这是一个非常流行的第三方库,包含处理文件上传所需的功能。因此,你提到的“jar包”很可能包含了`commons-fileupload.jar`和`commons-io.jar`,这两个库...

    JSP项目论坛短消息

    1. **JSP指令和动作**:如`&lt;jsp:include&gt;`用于包含其他页面,`&lt;jsp:useBean&gt;`用于实例化Java Bean,`&lt;jsp:setProperty&gt;`用于设置Bean的属性值。 2. **Java Bean**:Java Bean作为JSP中的模型层,封装了业务逻辑和...

    s2 jsp短消息平台项目

    【标题】"s2 jsp短消息平台项目"是一个典型的Web开发练习,旨在教授北大青鸟Accp5.0课程的第二阶段(S2)学生如何构建基于Java Server Pages(JSP)的短消息系统。这个项目的核心目标是让学生掌握JSP技术在实际应用...

    Structs中基本配置入门

    在Structs框架中,配置ActionServlet是非常关键的第一步。ActionServlet是整个框架的核心组件之一,负责接收客户端请求,并根据配置将请求分发给相应的Action处理。 ##### 配置ActionServlet 在`Web.xml`文件中...

    web前端发展简史[参考].pdf

    由于静态界面不能实现保存数据等功能,出现了很多服务端技术,早期的有 CGI(Common Gateway Interface,多数用 C 语言或者 Perl 实现的),ASP(使用 VBScript 或者 JScript),JSP(使用 Java),PHP 等等,Python...

    jsp中国省市三级联动

    当用户在第一个下拉框中选择一个选项时,第二个下拉框会根据用户的选择更新其内容;同样,选择第二个下拉框后,第三个下拉框也会动态更新。这种联动效果是通过JavaScript或者AJAX实现的,而后台数据通常由Java服务...

Global site tag (gtag.js) - Google Analytics