前台页面设计main.jsp

最新推荐文章于 2022-12-10 15:59:40 发布

caoxu1987728

最新推荐文章于 2022-12-10 15:59:40 发布

阅读量1.3k

点赞数

分类专栏： Search Engine 文章标签： javascript query list tomcat jsp div

本文链接：https://blog.csdn.net/caoxu1987728/article/details/2651164

版权

Search Engine 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

 
 <%@ page language="java" contentType="text/HTML;charset=GBK" %> 
<% request.setCharacterEncoding("GBK");%> 
<% response.setCharacterEncoding("gb2312");%>
<html>
<head>
<title>mobile Product Search Engine</title>
<meta http-equiv=Content-Type content="text/html; charset=gb2312">
<script type='text/javascript' src="${pageContext.request.contextPath}/dwr/engine.js"></script>
<script type='text/javascript' src="${pageContext.request.contextPath}/dwr/util.js"></script>
<script type='text/javascript' src="${pageContext.request.contextPath}/dwr/interface/searchService.js"></script>
<script language="javascript">
var request;
var minpage;
var maxpage;
var startindex;
var hasnext;
function doSearch(type){
    var result = document.getElementById('result');
    var pagingdiv = document.getElementById('paging');
    result.innerHTML="";
    pagingdiv.innerHTML = "";
    if (type != 'paging') {
        var startindexinput = document.getElementById('startindex');
        startindexinput.value = "1";
    }   
    
    request = {startindex:1, query:""};
    DWRUtil.getValues(request);
    searchService.getSearchResults(request, fillPage);
}
function fillPage(data){
    var list = data.results;
    var resultdiv = document.getElementById('result');
    var pagingdiv = document.getElementById('paging');
    resultdiv.innerHTML = "";
    pagingdiv.innerHTML = "";
    if (list.length == 0) {
        resultdiv.innerHTML = "<span>Sorry, we can't find what you want...</span>";
        return;
    }
    
    for(var i=0; i<list.length; i++) {
        var ele = document.createElement('div');
        ele.setAttribute('id','info' + list[i]);
        ele.innerHTML = "<span>loading..</span>";
        resultdiv.appendChild(ele);
        searchService.getSearchResultById(list[i], fillDetailResult);
    }
    
    minpage = data.minpage;
    maxpage = data.maxpage;
    startindex = data.startindex;
    hasnext = data.hasnext;
    
    if (minpage != 1) {
        var link = document.createElement('a');
        link.setAttribute("href","javascript:paging('" + ((minpage-11)*10+1) + "')");
        link.innerHTML = "前10页<<";
        pagingdiv.appendChild(link);
    }
    
    for (var j=minpage; j <=maxpage; j++)
    {
        if ((j-1)*10+1 != startindex)
        {
            var link = document.createElement('a');
            link.setAttribute("href","javascript:paging('" + ((j-1)*10+1) + "')");
            link.innerHTML = "第" + j + "页";
            pagingdiv.appendChild(link);
        }
        else {
            pagingdiv.innerHTML += ("第" + j + "页");
        }
    }
    
    if (hasnext == 1) {
        var link = document.createElement('a');
        link.setAttribute("href","javascript:paging('" + (maxpage*10+1) + "')");
        link.innerHTML = ">>后10页";
        pagingdiv.appendChild(link);
    }
    
}
function fillDetailResult(record) {
    var result = document.getElementById('info' + record.id);
    result.innerHTML="<table border='0' cellpadding='0' cellspacing='0' width=500><tr><td width='120'><img src='/demo/showpic?id=" 
                      + record.imageUrl + "' /></td><td><a href='detail.jsp?id="
                      + record.id + 
                      "' target='_blank'><font color=#C60A00 size='2'>"
                      + "<font size='2'>Name：</font>" + record.name + 
                      "</font><br>" + "<font size='2'>Type：" + record.type + "</font><br><font color=#C60A00 size='2'>"
                      + record.abstractContent + "......" + "</font><br><a href='" + record.url + "'>"
                      + "<font size=2>" + record.url + "</font>" + "</a><br><font size='2' color=green>Search Time:</font>"
                      + "<font size=2 color=green>" + record.indexCreateTime + "</font>"
                      + "</td></tr></table>";
}
function paging(newindex) {
    document.getElementById('startindex').value = newindex;
    doSearch('paging');
}
function handlekey(){
    if (document.getElementById('query').value == '')
        return;
    var intkey = -1;
    if(window.event) {
        intKey = event.keyCode;
        if(intKey == 13){
            doSearch('');
        }
    }
}
</script>
</head>
<body>
<input type="hidden" name="startindex" id="startindex" value="1">
<div id="searchbar">
    <table align="center">
        <tr align="center">
            <td>
                <img src="logo.jpg" />
            </td>
        </tr>
        <tr align="center">
            <td><input size="50" type="text" name="query" id="query" value=" "  οnkeyup="handlekey()">
            <input type="button" value="Search"  id="search" οnclick="javascript:doSearch('')"></td>
        </tr>
    </table>
</div>
<hr>
<div id="result">
</div>
<hr>
<div id="paging">
</div>
<div id="footer">
    <table align="center">
        <tr align="center">
            <td>
                <img src="footer.jpg" />
            </td>
        </tr>
    </table>
</div>
</body>
</html>
 

所得效果如下：

本段代码解决了jsp中文显示的问题：即使用了

<% request.setCharacterEncoding("GBK");%>
<% response.setCharacterEncoding("gb2312");%>

同时解决了几个图片问题，更以导出产品图片时所用 /demo/showpic（因为没有安装tomcat插件，所以是默认在WebRoot下面）

caoxu1987728

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前台页面设计main.jsp

"java" contentType="text/HTML;charset=GBK" %> "GBK");%> "gb2312");%>mobile Product Search Engine"text/html; charset=gb2312">'text/javascript' src="${pageContext.request.contextPath}/dwr/engine.js">'te
复制链接

扫一扫