菜鳥编程园地

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1736|回复: 1

测试

[复制链接]

1

主题

4

帖子

11

积分

VIP会员

Rank: 10Rank: 10Rank: 10

积分
11
发表于 2020-7-27 16:26:59 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Layui</title>
  6.     <meta name="renderer" content="webkit">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9.     <link rel="stylesheet" href="/layui/css/layui.css" media="all">
  10.     <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
  11. </head>
  12. <body>

  13.     <table class="layui-hide" id="test"></table>
  14.     <table class="layui-hide" id="page"></table>

  15.     <script src="/layui/layui.js" charset="utf-8"></script>
  16.     <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->

  17.     <script>
  18.         layui.config({
  19.             version: '545782456456' //为了更新 js 缓存,可忽略
  20.         });

  21.         layui.use(['form', 'laydate', 'laypage', 'layer', 'table', 'jquery', 'upload', 'element'], function () {
  22.             var form = layui.form
  23.                 ,laydate = layui.laydate //日期
  24.                 , laypage = layui.laypage //分页
  25.                 , layer = layui.layer //弹层
  26.                 , table = layui.table //表格
  27.                 , upload = layui.upload
  28.                 , element = layui.element
  29.             ,jquery = layui.jquery;
  30.             var addindex;
  31.             //日期
  32.             laydate.render({
  33.                 elem: '#Pros_AddTime'
  34.                 , format:'yyyy-MM-dd HH:mm:ss'
  35.                 , value: new Date()
  36.             });

  37.             //执行一个 table 实例
  38.             var curtable=table.render({
  39.                 elem: '#test'
  40.                 , limit:10
  41.                  ,url: '/pros_manage.aspx' //数据接口
  42.                  , where: {  action: "select" }

  43.                  , page: true //开启分页      true,将layui自带分页功能出来,false不带

  44.                  , toolbar: 'false'
  45.                  , defaultToolbar: []
  46.                 // , cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
  47.                  , totalRow: false //
  48.                  , cols: [[ //表头
  49.                      { field: 'IDNO', title: 'ID', width: 180, fixed: 'left' }
  50.                      , { field: 'Dtm', title: '时间', width: 180 }
  51.                      , { field: 'WeiDu', title: '纬度', width: 180 }
  52.                      , { field: 'JingDu', title: '经度', width: 180 }
  53.                      , { field: 'Alt', title: 'Alt', width: 180 }
  54.                      , { field: 'Direct', title: 'Direct', width: 180 }
  55.                      , { field: 'Addr', title: '地址', width: 380 }
  56.                      , { field: 'Remarks', title: '备注', width:380 }
  57.                  ]]


  58.             });
  59.         })

  60.     </script>
  61. </body>
  62. </html>


  63. c#开发后端代码:
  64. using System;
  65. using System.Collections.Generic;
  66. using System.Data;
  67. using System.Data.SqlClient;
  68. using System.Linq;
  69. using System.Web;
  70. using System.Web.UI;
  71. using System.Web.UI.WebControls;
  72. using Lb;
  73. using Lb.Core;
  74. using Lb.Orm;
  75. using Lb.Utility;
  76. using Newtonsoft.Json;
  77. using System.ServiceModel.Web;
  78. using System.Collections.Specialized;
  79. using System.Configuration;
  80. using System.Net;
  81. using System.Text;
  82. using CommonSD;


  83. public partial class pros_manage : System.Web.UI.Page
  84. {
  85.     private SqlDataAdapter pagingDA;
  86.     private DataSet pagingDS = new DataSet();
  87.     private int StartVal = 0;//起始值
  88.     private int valPerPage = 3;//每页显示的内容
  89.     private int totalValNumber;//总条数
  90.     private int currentPage = 1;
  91.     private DataTable dt;

  92.     public class LayuiPageData<T>
  93.     {
  94.         public LayuiPageData()
  95.         {
  96.             data = new List<T>();
  97.         }
  98.         /// <summary>
  99.         /// 返回状态 ,0正常
  100.         /// </summary>
  101.         public int code { get; set; }
  102.         /// <summary>
  103.         /// 总数量
  104.         /// </summary>
  105.         public int count { get; set; }
  106.         public List<T> data { get; set; }
  107.         /// <summary>
  108.         /// 消息
  109.         /// </summary>
  110.         public string msg { get; set; }
  111.     }
  112.     public class datat
  113.     {
  114.         public string IDNO { get; set; }
  115.         public DateTime Dtm { get; set; }
  116.         public Double WeiDu { get; set; }
  117.         public Double JingDu { get; set; }
  118.         public Double Alt { get; set; }
  119.         public string Direct { get; set; }
  120.         public string Addr { get; set; }
  121.         public string Remarks { get; set; }
  122.     }
  123.     protected void Page_Load(object sender, EventArgs e)
  124.     {

  125.         string action = IRequest.GetQueryString("action").ToString().ToLower();
  126.         switch (action)
  127.         {
  128.             #region 应用
  129.             case "select":
  130.                 Response.Clear();
  131.                 int page = int.Parse(Request.QueryString["page"]);
  132.                 int pagesize = int.Parse(Request.QueryString["limit"]);
  133.                 Response.Write(select(page,pagesize));
  134.                 break;
  135.                 #endregion
  136.         }
  137.     }

  138.     /// <summary>
  139.     /// 分页获取数据
  140.     /// </summary>
  141.     /// <returns></returns>
  142.     private string select(int page,int pagesize)
  143.     {

  144.         string constr = "Server=103.48.1.6;user=a1230541;pwd=cb1;database=a0534061";
  145.         SqlConnection mycon = new SqlConnection(constr);


  146. ...................................

  147.   ModelHandler<datat> Exte = new ModelHandler<datat>();
  148.             List<datat> ls = Exte.FillModel(dt);



  149.             LayuiPageData<datat> lpd = new LayuiPageData<datat>();
  150.             lpd.count =count;
  151.             lpd.code = 0;
  152.             lpd.data = ls;
  153.             lpd.msg = "";
  154.             return JsonConvert.SerializeObject(lpd);
复制代码


回复

使用道具 举报

5

主题

7

帖子

24

积分

版主

Rank: 7Rank: 7Rank: 7

积分
24
发表于 2020-7-27 16:53:08 | 显示全部楼层
已调整,谢谢
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|菜鳥编程园地 ( 蜀ICP备20021315号-1 )

GMT+8, 2022-9-27 16:50 , Processed in 0.148671 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表