xx系统需求分析第八稿--分类检索(六)
分类检索
分类检索:
对于单选的检索字段,选择该字段后,后面的文本框变为下拉框,可控选择,同时增加模糊/精准查询,形式审核是否通过,以及部门审核是否通过
fenlei.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>分类检索</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div style="text-align: center" id="find"> <div id="sear" style="float:left;padding-left: 190px;padding-top: 5px"> <select id='fenlei'>" + <option value='机构全称'>机构全称</option> <option value='归口管理单位'>归口管理单位</option> <option value='所在地域'>所在地域</option> <option value='法人代表'>法人代表</option> <option value='联系人'>联系人</option> <option value='机构属性'>机构属性</option> <option value='技术需求名称'>技术需求名称</option> <option value='关键字'>关键字</option> <option value='拟投入资金总额'>拟投入资金总额</option> <option value='技术需求解决方式'>技术需求解决方式</option> <option value='科技活动类型'>科技活动类型</option> <option value='学科分类'>学科分类</option> <option value='需求技术所属领域'>需求技术所属领域</option> <option value='需求技术应用行业'>需求技术应用行业</option> <option value='管理处室'>管理处室</option> </select> </div> <div id="check" style="float:left;text-align: center"> <input type="text" id="ans" /> <select id='method'>" <option value='模糊查询'>模糊查询</option> <option value='精确查询'>精确查询</option> </select> 形式审核是否通过: <select id="xssh"> <option value="是">是</option> <option value="否">否</option> </select> 部门审核是否通过: <select id="bmsh"> <option value="是">是</option> <option value="否">否</option> </select> <button class='btn btn-success' id='btn' onchange="find()">查询</button> </div> </div> <div id="myself"> </div> <script> function find() { var fenlei=$("#fenlei").val(); var ans = $("#ans").val(); var method=$("#method").val(); var xssh=$("#xssh").val(); var bmsh=$("#bmsh").val(); $.ajax({ url: "../../fenleidoc", type: "POST", data:{"fenlei":fenlei,"ans":ans,"method":method,"xssh":xssh,"bmsh":bmsh}, dataType: "JSON", async: true, success: function (data) { var text="<table class='table table-striped'>" + "<thead>" + " <tr>" + " <th>需求名称</th>" + " <th>机构名称</th>" + " <th>所在地域</th>" + " <th>归口管理单位</th>" + " <th>机构属性</th>" + " <th>科技活动类型</th>" + "<th>形式审核</th>"+ "<th>部门审核</th>"+ " </tr>" + " </thead><tbody>"; for(var i=0;i<data.length;i++) { text+="<tr>" + "<td><a href='#'>"+data[i].jsxqmc+"</a></td>"+ " <td>"+data[i].department+"</td>" + " <td>"+data[i].szdy+"</td>" + " <td>"+data[i].gkglbm+"</td>" + " <td>"+data[i].jgsx+"</td>" + " <td>"+data[i].yjlx+"</td>" ; if(data[i].sfsh==0) text+="<td>审核未通过</td>"; else text+="<td>审核通过</td>"; if(data[i].bmsfsh==null||data[i].bmsfsh==0) text+="<td>审核未通过</td>"; else text+="<td>审核通过</td>"+ " </tr>"; } text+="</tbody></table>"; $("#myself").html(text); }, error: function (e) { alert("出现错误!!"); } }); } $(function () { $("#fenlei").change(function () { var sel=$("#fenlei").val(); var text=""; if(sel=="机构属性") { text+="<select id='ans'>" + "<option value='企业'>企业</option>"+ "<option value='高等院校'>高等院校</option>"+ "<option value='研究机构'>研究机构</option>"+ "<option value='其他'>其他</option>"+ "</select> "; text+="<select id='method'>" + "<option value='模糊查询'>模糊查询</option>"+ "<option value='精确查询'>精确查询</option>"+ "</select> "; text+="形式审核是否通过:" + " <select id='xssh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> " + " 部门审核是否通过:" + " <select id='bmsh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> "; text+="<button class='btn btn-success' id='btn' onclick='find()'>查询</button>"; $("#check").html(text); } else if(sel=="技术需求解决方式") { text+="<select id='ans'>" + "<option value='独立开发'>独立开发</option>"+ "<option value='技术转让'>技术转让</option>"+ "<option value='技术入股'>技术入股</option>"+ "<option value='合作开发'>合作开发</option>"+ "<option value='其他'>其他</option>"+ "</select> "; text+="<select id='method'>" + "<option value='模糊查询'>模糊查询</option>"+ "<option value='精确查询'>精确查询</option>"+ "</select> "; text+="形式审核是否通过:" + " <select id='xssh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> " + " 部门审核是否通过:" + " <select id='bmsh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> "; text+="<button class='btn btn-success' id='btn' onclick='find()'>查询</button>"; $("#check").html(text); } else if(sel=="科技活动类型") { text+="<select id='ans'>" + "<option value='基础研究'>基础研究</option>"+ "<option value='应用研究'>应用研究</option>"+ "<option value='研究与试验发展成果应用'>研究与试验发展成果应用</option>"+ "<option value='技术推广与科技服务'>技术推广与科技服务</option>"+ "<option value='生产性活动'>生产性活动</option>"+ "</select> "; text+="<select id='method'>" + "<option value='模糊查询'>模糊查询</option>"+ "<option value='精确查询'>精确查询</option>"+ "</select> "; text+="形式审核是否通过:" + " <select id='xssh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> " + " 部门审核是否通过:" + " <select id='bmsh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> "; text+="<button class='btn btn-success' id='btn' onclick='find()'>查询</button>"; $("#check").html(text); } else { text+="<input type='text' id='ans' /> "; text+="<select id='method'>" + "<option value='模糊查询'>模糊查询</option>"+ "<option value='精确查询'>精确查询</option>"+ "</select> "; text+="形式审核是否通过:" + " <select id='xssh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> " + " 部门审核是否通过:" + " <select id='bmsh'>" + " <option value='是'>是</option>" + " <option value='否'>否</option>" + " </select> "; text+="<button class='btn btn-success' id='btn' onclick='find()'>查询</button>"; $("#check").html(text); } }); }) </script> </body> </html>
总结本次:
在这回进行分类查询中,使用mybits的注解开发,将多条件查询的字符串拼接后传入该参数,再写sql语句时,不能用#,得改用$,同时参数要额外加上单引号,同时进行模糊查询时,要将%放在单引号里面。
明天目标:
实现综合查询与图表展示