stuggest 改进嵌入到项目中-优快云博客

本文链接：https://blog.youkuaiyun.com/hackerhope/article/details/5945045

做一个模拟股票交易系统，没有要求搜索，但还是想到，前几天写的stuggest。

在首页加了这个功能。

首页代码：

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'login1.jsp' starting page</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">  <mce:style></mce:style><style mce_bogus="1"> .suggestcss{ border : 1xp solid #000000; background-color : #fofofo; width : 300px; text-align : left; padding : 4px; visibility=hidden; } .cssUserInput{ font-family : verdana; font-size : 12pt; font-weigth : bold; width : 92%; } * {margin:0;padding:0;font-size:12px;} html,body {height:100%;width:100%;} #content {background:#f8f8f8;padding:30px;height:100%;} #content a {font-size:30px;color:#369;font-weight:700;} #ss {font-size:30px;color:#369;font-weight:700;} #alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;} #alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;} #alert h4 span {float:left;} #alert h4 span#mclose {margin-left:210px;font-weight:500;cursor:pointer;} #alert p {padding:12px 0 0 30px;} #alert p input {width:120px;margin-left:20px;} #alert p input.myinp {border:1px solid #ccc;height:16px;} #alert p input.sub {width:60px;margin-left:30px;} #reg {border:1px solid #369;width:400px;height:200px;background:#e2ecf5;z-index:1000;position:absolute;display:none;} #reg h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;} #reg h4 span {float:left;} #reg h4 span#rclose {margin-left:300px;font-weight:500;cursor:pointer;} #reg p {padding:12px 0 0 30px;} #reg p input {width:120px;margin-left:20px;}</style> <mce:script type="text/javascript" src="<%=basePath%></mce:script> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body > <div id="content"> <center> <a style= "cursor:hand; "> 登录</a> <a style= "cursor:hand; "> 注册</a> <a style= "cursor:hand; " href="<%=basePath%>back.do?method=backStageView" style="TEXT-DECORATION:none"> 后台</a> </center><br> <center> <form id ="form" name="form" onSubmit="return false;"> <br> <input type="text" autoComplete="Off" name="text" id ="text" class="cssUserInput" style="width:300px" οnkeyup="ajax()" /><br> <div id ="pp" class="suggestcss"> </div> <input type="button" id="sbut" value="搜索" οnclick="select1()" > </form> <br> <a id="ss"> </a> <br> <br> <img alt="ss" src="images/bg.gif" mce_src="images/bg.gif">> </center> </div> <div id="alert"> <h4><span>欢迎登录</span><span id="mclose">关闭</span></h4> <form name="logform"action="<%=basePath%>login.do?method=loginUser" method="post"> <p><label>用户名</label><input name="name" type="text" class="myinp" οnmοuseοver="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" οnblur="this.style.border='1px solid #ccc'" /></p> <p><label>密　码</label><input name="password" type="password" class="myinp" οnmοuseοver="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" οnblur="this.style.border='1px solid #ccc'" /></p> <p><input type="submit" value="登录" class="sub" /><input type="reset" value="重置" class="sub" /></p> </form> </div> <div id="reg"> <h4><span>欢迎注册</span><span id="rclose">关闭</span></h4> <form name="regform" action="<%=basePath%>login.do?method=insertUser" method="post"> <p><label>用户姓名:</label><input type="text" name="name" οnblur="checkName()"> <span style="color: red" mce_style="color: red" id="nsp"></span><br></p> <p><label> 用户密码:</label><input type="password" name="password" οnblur="checkPass()"> <span style="color: red" mce_style="color: red" id="psp" ></span><br></p> <p><label> 邮箱:</label><input type="text" name="email" id="regemail" οnblur="checkEmail()"> <span style="color: red" mce_style="color: red" id="esp"></span><br></p> <p><label> 联系电话:</label><input type="text" name="phone"οnblur="checkPhono()"> <span style="color: red" mce_style="color: red" id="phsp"></span><br></p> <p><label> 联系住址:</label><input type="text" name="address" οnblur="checkAddress()"> <span style="color: red" mce_style="color: red" id="adsp"></span><br></p> <p><input type="submit" value="提交注册"/> </p> </form> <br> </div> <mce:script type="text/javascript"></mce:script> </body> </html>