ASP讀取SQL Server資料庫資料
阿新 • • 發佈:2021-01-13
需要先配置好ODBC,參考 Access資料庫ODBC的配置
<%@ Language="JavaScript" codePage="65001" %>
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>在場車輛紀錄</title>
< style type="text/css">
*{
color: white;
font: "楷體";
border-color: white;
}
td{
cursor: pointer;
}
#show_table td{
padding: 5px 5px 5px 5px;
border: 1px solid white;
line-height: 30px;
}
#show_table th{
border: 1 px solid white;
line-height: 30px;
}
.ini_backgroud_color{
background-color: #0A1F30;
}
.select_true{
background-color: #1372CE;
}
#search_table td{
border: none;
}
#search_table input[type='text']{
color: #000000;
}
#search_table input[type='number']{
color : #000000;
}
#show_data table tr:hover{
background-color: #000000;
}
</style>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
function aa(){
$("tr:nth-child(odd)").addClass("ini_backgroud_color");
//隱藏小提示
$("#tip").hide();
$("#i_know").click(function(){
//隱藏小提示
sessionStorage.setItem("i_know","1");
$("#tip").hide();
});
//條件查詢
$("#btn_search").click(function(){
var s = "";
if($("#Base_CardNo").val() != ""){
s=" and a.Base_CardNo"+" = '"+encodeURI($("#Base_CardNo").val().trim())+"'";
}
if($("#Base_PerName").val() != ""){
s =s+ " and c.Base_PerName= '"+encodeURI($("#Base_PerName").val().trim())+"'";
}
if($("#Vehicle_No").val() != ""){
s = s+" and a.Vehicle_No like'"+encodeURI("%"+$("#Vehicle_No").val()+"%")+"'";
}
if($("#start_time").val() != ""){
s = s +" and a.In_Datetime >convert(varchar(100),\'"+$("#start_time").val()+"\',25)";
}
if($("#end_time").val() != ""){
s = s +" and a.In_Datetime <= convert(varchar(100),\'"+$("#end_time").val()+"\',25) ";
}
//查詢條件全為空時,全查
if(s == ""){
$.post("/bassepint/park_db/in_vehicle_serach_all.asp",null,function(data){
$("#show_data").html(data);
$("#show_table_info").show();
});
}else{
/*var str = " where ";*/
/*var str = "";
for(var i =0;i<$("#search_table input[type='text']").length;i++){
var inp = $("#search_table input[type='text']").eq(i);
if(inp.val() != ""){
str = str +" " +inp.attr("id")+"="+"\'"+encodeURI(inp.val())+"\'";
}
}*/
/*for(var i=0;i<$("#search_table input[type='number']").length;i++){
var inp = $("#search_table input[type='number']").eq(i);
if(inp.val()!=""){
str = str + " and c.Acc_DateTime like "+"\'"+encodeURI("%")+inp.val()+encodeURI("%")+"\' "
}
}*/
/*alert(str);*/
$.post("/bassepint/park_db/in_vehicle_condition.asp?str="+s,null,function(data){
$("#show_data").html(data);
$("#show_table_info").hide();
//顯示小提示
if(sessionStorage.getItem("i_know") == null || sessionStorage.getItem("i_know") !="1" ){
$("#tip").show();
}
});
}
});
//條件查詢結束
$("#btn_export").click(function(){
//var sql = $("#sql").val();
$.post("/bassepint/park_db/export_swipe_info.asp",null,function(data){
alert(data);
});
});
//上一頁
$("#pre_page").click(function(){
var pageIndex = $("#page_index").text();
if(pageIndex == "1"){
alert("已經是第一頁了");
}else{
var pageSize = $("#page_size").text();
var pageIndex = $("#page_index").text();
pageIndex = parseInt(pageIndex)-1;
$("#page_index").text(pageIndex);
$.post("/bassepint/park_db/in_vehicle_paging.asp?pageSize="+pageSize+"&pageIndex="+pageIndex,null,function(data){
$("#show_data").html(data);
});
}
});
//上一頁結束
//下一頁
$("#next_page").click(function(){
var pageSize = $("#page_size").text();
var pageIndex = $("#page_index").text();
var pageCount = $("#page_count").text();
if(pageCount == pageIndex){
alert("已經是最後一頁了");
}else{
pageIndex = parseInt(pageIndex)+1;
$("#page_index").text(pageIndex);
$.post("/bassepint/park_db/in_vehicle_paging.asp?pageSize="+pageSize+"&pageIndex="+pageIndex,null,function(data){
$("#show_data").html(data);
});
}
});
//下一頁結束
//獲取總頁數
$.post("/bassepint/park_db/in_vehicle_get_count.asp?pageSize="+$("#page_size").text(),null,function(data){
$("#page_count").text(Math.ceil(data));
});
//獲取總頁數結束
}
window.onload = aa;
</script>
</head>
<body>
<div style="padding-left: 19px; margin-top: -10px;margin-left: -10px; background-color: #0A1F30;width: 100%;height: 50px;">
<h2 style="color: white;background-color: #0A1F30; margin: 0 0;padding-top: 10px;padding-left: 30px;"> 停車場 >>> 在場車輛紀錄</h2>
</div>
<!--操作部分-->
<div style="margin-top: 30px;">
<table id="search_table" style="margin: 0 auto;">
<tr>
<td>
<label>卡號:</label>
<input id="Base_CardNo" type="text" style="width: 50px;" />
</td>
<td>
<label>姓名:</label>
<input id="Base_PerName" type="text" name="car_number" style="width: 100px;" />
</td>
<td >
<label>車牌號:</label>
<input id="Vehicle_No" type="text" style="width: 100px;"/>
</td>
<td >
<label>開始時間:</label>
<input id="start_time" type="text" style="width: 100px;"/>
</td>
<td >
<label>結束時間:</label>
<input id="end_time" type="text" style="width: 100px;"/>
</td>
<td>
<input id="btn_search" type="submit" value="查詢" style="background-color: #0A1F30;" />
</td>
</tr>
</table>
<table id="show_table_info" style="margin: 10px auto;">
<tr>
<td>
<input id="pre_page" type="button" value="上一頁" style="border: none; background-color: #000000;"/>
</td>
<td>
<span >當前頁:
<span id="page_index">1</span>
</span>
</td>
<td >
<input id="next_page" style="border: none;background-color: #000000;" type="button" value="下一頁" />
</td>
<td >
<span >總頁數:
<span id="page_count">
</span>
</span>
<span>每頁顯示條數:
<span id="page_size">50</span>
</span>
</td>
</tr>
</table>
</div>
<!--操作部分結束-->
<!--顯示資料-->
<div id="show_data" style="margin: 30px auto;height: 900px;overflow-y: scroll;">
<table id="show_table" style="font-size: 15px; margin: 0 auto; " cellpadding="0" cellspacing="0">
<thead >
<th>卡號</th>
<th>卡型別</th>
<th>姓名</th>
<th>車牌號</th>
<th>停車場</th>
<th>車輛型別</th>
<th>進入時間</th>
<th>操作員</th>
</thead>
<%
var sql = "select * from TC.View_RecordOut";
var conn ,conn_str,result_set;
conn_str = "Driver={SQL Server}; SERVER=192.168.0.120; UID=sa; PWD=123456; DATABASE=JSOCTNet5.1.0";
conn = Server.createobject("adodb.connection");
conn.Open(conn_str);
result_set = Server.createobject("ADODB.Recordset");
result_set.open(sql,conn,1,3);
for(var i = 0;i<result_set.RecordCount;i++){
var fields = result_set.Fields;
Response.Write("<tr>");
for(var j=0;j<fields.Count;j++){
if(j==7){
if(fields.Item(j).Value == "0" || fields.Item(j).Value == 0){
Response.Write("<td>無</td>");
}else{
Response.Write("<td>"+fields.Item(j).Value+"</td>");
}
}
else{
Response.Write("<td>"+fields.Item(j).Value+"</td>");
}
}
result_set.MoveNext;
Response.Write("</tr>");
}
Response.Write("<input id='sql' type='hidden' value='"+sql+"' />");
%>
</table>
</div>
<!--顯示資料-->
<div id="tip" style="position: absolute;font-size: 20px;z-index: 10;top: 52px;background-color: #0A1F30;width: 200px;left: 5px;">
<h6 style="margin: 10px;color: white;">小提示</h6>
<p style="font-size: 15px;,margin-left: 50px;color: white;">
<span style="color:#1372CE ;font-size: 15px;"> Ctrl + F</span>
鍵入指定內容,可在本頁面內進行快速搜素。
</p>
<input id="i_know" type="button" value="我知道了" style="top: -8px; position: relative;left: 100px;widows: 30px;font-size: 10px; color: white;background-color: #000000;" />
</div>
</body>
</html>
返回條件查詢結果
<%@ Language="JavaScript" codePage="65001" %>
<%
var start_time = Request.QueryString("start_time");
var end_time = Request.QueryString("end_time");
Response.Write(start_time+"...."+end_time);
var sql = "select EmplyId 編號,EmplyName 姓名, DptName 部門名稱,TypeDescribe 卡型別,Door_name 位置名稱,TypeName 進出行為,CONVERT(varchar(100),IODate, 25) 進出時間 from dbo.vmj_Iodata where IODate >= '"+start_time+"' and IODate <= '"+end_time+"' order by IODate desc";
var conn ,conn_str,result_set;
conn_str = "Driver={SQL Server}; SERVER=192.168.43.48; UID=sa; PWD=123; DATABASE=ocs_udp";
conn = Server.createobject("adodb.connection");
conn.Open(conn_str);
result_set = Server.createobject("ADODB.Recordset");
result_set.open(sql,conn,1,3);
%>
<table id="show_table" style="font-size: 15px; margin: 0 auto; " cellpadding="0" cellspacing="0">
<thead >
<th>編號</th>
<th>姓名</th>
<th>部門名稱</th>
<th>卡型別</th>
<th>位置名稱</th>
<th>進出行為</th>
<th>進入時間</th>
</thead>
<%
for(var i = 0;i<result_set.RecordCount;i++){
var fields = result_set.Fields;
Response.Write("<tr>");
for(var j=0;j<fields.Count;j++){
Response.Write("<td>"+fields.Item(j).Value+"</td>");
}
result_set.MoveNext;
Response.Write("</tr>");
}
%>
</table>