热门标签
热门文章
- 1五万字详解“GoF”的23种设计模式
- 2用开源管理系统做项目_后台管理开源项目
- 3flink内存参数配置学习_flink 内存配置
- 4百度Easy_DL之模型训练_百度模型训练
- 5真实揭秘 90 后程序员婚恋现状，有点扎心！
- 6JDK1.6新功能
- 7基于微信小程序的校园图书馆借阅系统的设计与实现（源码+论文）_v_214_小程序图书借阅功能代码说明怎么写
- 8TCP、ICMP协议分析实验_syn片段的序列号
- 9未将对象引用设置为对象 UiPath 的实例_uipath object reference not set to an instance of
- 10PMBOK(第六版) PMP笔记——《一，3年Java开发工程师面试经验分享
当前位置: article > 正文
输入框自动补全_前后端分离实现输入框自动补全
作者：我家小花儿 | 2024-05-04 07:54:18
赞
踩
前后端分离实现输入框自动补全
<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>订单数据查询</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="<%=basePath %>css/searchbox.css">
<script type="text/javascript" src="<%=basePath %>js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<%=basePath %>jsp/five/ipm/plugin/auto.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath %>jsp/five/ipm/plugin/auto.css">
<script language="javascript" type="text/javascript" src="<%=basePath %>/js/My97DatePicker/WdatePicker.js"></script>
<style>
.auto_hidden {
width:204px;border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
position:absolute;
display:none;
}
.auto_show {
width:204px;line-height:20px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
position:absolute;
z-index:9999; /* 设置对象的层叠顺序 */
display:block;
}
.auto_onmouseover{
color:#ffffff;
background-color:highlight;
width:100%;
}
.auto_onmouseout{
color:#000000;
width:100%;
background-color:#ffffff;
}
.div{
width:350px;
height:35px;
line-height:35px;
}
.div .input{
height:25px;
}
.div .input120{
height:25px;
}
.button{
text-align:center;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input{
outline: none;
background-color: transparent;
margin-left: 5px;
border-style: none;
border-bottom: 1px dotted #000;
margin-left: 10px;
}
</style>
</head>
<body>
<div class="body">
<fieldset style="color:#000;">
<legend>订单数据查询条件输入</legend>
<div class="div"> 产品型号:<input type="text" class="input" id="_protype" onkeyup="getKey('_protype','<%=basePath%>bom/getListByProtype.do');"></div>
<div class="_tishi" id="_protype_tishi"></div>
<div class="div"> 订单号:<input class="input" type="text" id="_dingdan" name="_dingdan" onkeyup="getKey('_dingdan','<%=basePath%>plan/getListByDingdan.do');"/></div>
<div class="_tishi" id="_dingdan_tishi"></div>
<div class="div"> 生产批号:<input class="input" type="text" id="_lot" name="_lot" onkeyup="getKey('_lot','<%=basePath%>plan/getListByLot.do');"/></div>
<div class="_tishi" id="_lot_tishi"></div>
<div class="div"> 晶圆批号:<input class="input" type="text" id="_pihao" name="_pihao" onkeyup="getKey('_pihao','<%=basePath%>plan/getListByPihao.do');"/></div>
<div class="_tishi" id="_pihao_tishi"></div>
<div class="div">下单时间_S:<input class="input120" type="text" onClick="WdatePicker()" id="_inputdateS" name="_inputdateS"/></div>
<div class="div">下单时间_E:<input class="input120" type="text" onClick="WdatePicker()" id="_inputdateE" name="_inputdateE"/></div>
<div class="div">结单时间_S:<input class="input120" type="text" onClick="WdatePicker()" id="_overTimeS" name="_overTimeS"/></div>
<div class="div">结单时间_S:<input class="input120" type="text" onClick="WdatePicker()" id="_overTimeE" name="_overTimeE"/></div>
<div class="button">
<input class="_link" type="button" onclick="check();" value="信息搜索"/> <input class="_fresh" type="button" onclick="javascript:window.location.reload();" value="刷新"/>
</div>
</fieldset>
</div>
</body>
<script type="text/javascript">
function check(){
console.log("xxx");
var _protype = $('#_protype').val();
var _dingdan = $('#_dingdan').val();
var _lot = $('#_lot').val();
var _pihao = $('#_pihao').val();
var _inputdateS = $('#_inputdateS').val();
var _inputdateE = $('#_inputdateE').val();
var _overTimeS = $('#_overTimeS').val();
var _overTimeE = $('#_overTimeE').val();
if((_protype == null || _protype == "") &&
(_dingdan == null || _dingdan == "") &&
(_lot == null || _lot == "") &&
(_pihao == null || _pihao == "") &&
(_inputdateS == null || _inputdateS == "") &&
(_inputdateE == null || _inputdateE == "") &&
(_overTimeS == null || _overTimeS == "") &&
(_overTimeE == null || _overTimeE == "")){
alert("请输入查询条件!");
return ;
}
var url = "ipmsearch/toSearchDDListUI.do?_pihao="+_pihao+"&_lot="+_lot+"&_dingdan="+_dingdan+"&_protype="+_protype+"&_inputdateS="+_inputdateS+"&_inputdateE="+_inputdateE+
"&_overTimeS="+_overTimeS+"&_overTimeE="+_overTimeE;
window.open(url,'SearchDDListUI');
}
</script>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
- 117
- 118
- 119
- 120
- 121
- 122
- 123
- 124
- 125
- 126
- 127
- 128
- 129
- 130
- 131
- 132
- 133
@Transactional(propagation = Propagation.REQUIRED, readOnly = true)
public void toSearchDDList(HttpServletRequest request) {
List<String> title = new ArrayList<String>();
String _protype = res.getParameter(request, "_protype", "");
String _dingdan = res.getParameter(request, "_dingdan", "");
String _pihao = res.getParameter(request, "_pihao", "");
String _lot = res.getParameter(request, "_lot", "");
if (res.getParameter(request, "_lot", "").length() > 8) {
_lot = res.getParameter(request, "_lot", "").substring(0, 8);
} else {
_lot = res.getParameter(request, "_lot", "");
}
String _inputdateS = "".equals(res.getParameter(request, "_inputdateS", "")) ? ""
: res.getParameter(request, "tf_inputdateS", "") + " 08:30";
String _inputdateE = "".equals(res.getParameter(request, "_inputdateE", "")) ? ""
: res.getParameter(request, "tf_inputdateE", "") + " 08:30";
String _overTimeS = "".equals(res.getParameter(request, "_overTimeS", "")) ? ""
: res.getParameter(request, "tf_overTimeS", "") + " 08:30";
String _overTimeE = "".equals(res.getParameter(request, "_overTimeE", "")) ? ""
: res.getParameter(request, "tf_overTimeE", "") + " 08:30";
int len = title.size();
String sql = "select p.*,b._protype from _Plan p,_PlanBom b where p._dingdan = b._dingdan ";
if (!"".equals(_protype)) {
len++;
title.add(getIndex(len) + ":产品型号_" + _protype);
sql += " and b._protype = '" + _protype + "'";
}
if (!"".equals(_dingdan)) {
len++;
title.add(getIndex(len) + ":订单号_" + _dingdan);
sql += " and b._dingdan = '" + _dingdan + "'";
}
if (!"".equals(_lot)) {
len++;
title.add(getIndex(len) + ":生产批号_" + _lot);
sql += " and p._lot like '" + _dingdan + "%'";
}
if (!"".equals(_pihao)) {
len++;
title.add(getIndex(len) + ":晶圆批号_" + _pihao);
sql += " and p._zph = '" + _pihao + "'";
}
if (!"".equals(_inputdateS) && !"".equals(_inputdateE)) {
len++;
title.add(getIndex(len) + ":下单时间_" + _inputdateS + "~" + _inputdateE);
sql += " and p._inputdate between '" + _inputdateS + "' and '" + _inputdateE + "'";
}
if (!"".equals(_overTimeS) && !"".equals(_overTimeE)) {
len++;
title.add(getIndex(len) + ":结单时间_" + _overTimeS + "~" + _overTimeE);
sql += " and p._overdate between '" + _overTimeS + "' and '" + _overTimeE + "'";
}
String res = "查询条件列表:<br/>";
for (int j = 0; j < title.size(); j++) {
res = res + title.get(j) + "<br/>";
}
sql += " order by p._inputdate desc";
System.out.println(sql);
List<?> list = DBUtils.getListBy(sql, _Plan.class);
// JSONArray result = SearchUtils.getResult(Sql,
// "tf_id,tf_dingdan,tf_slot,tf_elot,tf_inputdate,tf_encfor,tf_protype,tf_overFlag,tf_jyaph,tf_jybph,tf_logo_src,tf_pro,tf_yw");
request.setAttribute("result", list);
request.setAttribute("title", res);
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
推荐阅读
相关标签
