.net 查询导出demo

已于 2023-02-20 10:02:35 修改
阅读量396 收藏
点赞数 2
分类专栏： asp.net 文章标签： asp.net 后端 bootstrap
于 2023-01-07 12:43:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41091684/article/details/128588423
版权

demo描述：

这个是一个单页面的应用 ，显示的是常见的后台管理表单页面，如图是分别在手机端和pc端的样子

 应用场景：

和日期有关的数据查询

应用介绍：

这个是基于bootstrap和asp.net framework 框架下的单页面应用，响应式的布局风格让它适配各类型pc和手机。其中.net 的单一应用 .ashx 文件 和ajax搭配很好的解决了前后端交互问题。

创作步骤：

  1. 打开visual studio 2019 点击 文件 新建项目 选择 asp.net web 应用程序(.Net Framework),点下一步，不会的请看图
  2. 随便配置一些信息如图

点创建。 

然后选择空，其他什么都不要勾选 之后就如图所示

3.对于初学过webform 这种可以拖拖控件，然后前后端可以靠控件来控制的这种，目前想用这个模板达到前后端交互有一定的困难。这里目标是从零搭建一个webpage 框架。先展示一下最终版

对比一下多加了一个文件夹和一个一般处理程序(.ashx)以及一个index.html

这个是bootstrap框架的关键，还有一个

一般处理程序(.ashx) 这个也很关键的

。那么先来讲一个最简单的index.html 页面：

由于我这个是个一个表单，所以url这里会有个action参数，后面的search就是.ashx里的方法了

其中HttpContext这个类是个重点，全靠它来进行前后端交互

   var StarTime = context.Request["startday"].ToString();
            var EndTime = context.Request["endday"].ToString();

 像这个样子，我们就从后端拿到前端的数据了。还有一个坑就是你的提交按钮不要有

    <button  class=" btn btn-primary" id="search" type="submit">搜索</button>

 type="submit" ，不然你一按钮就刷新页面，和你的ajax背道而驰，造成控件数据一直是初始状态 ，最后你按钮的点击事件一定要返回一个false，不然也会·造成你页面数据出不来。

关键代码：

index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <!-- Favicons -->
    <meta name="theme-color" content="#7952b3">
    <title>xxxxxx</title>
    <!-- Bootstrap core CSS -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="bootstrap/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link  href="bootstrap/font/bootstrap-icons.css" rel="stylesheet">
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/jquery-3.6.3.min.js"></script>
    <script src="bootstrap/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
    <script src="bootstrap/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

    <style>
        body {
            min-height: 75rem;
        }

        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
</head>
<body>

    <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4 ">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">Miaobo</a>
            <!--<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>-->
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav  mx-auto mb-2 mb-md-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="#">xxx</a>
                    </li>
                </ul>

            </div>
        </div>
    </nav>

    <main class="container">
        <form class="d-flex">
            <div class="row g-3">
                <div class="col-md-6">
                    <span class="form-text">开始</span>
                    <div class="input-group">
                        <input class="form-control" id="datetimepicker1" type="text" value=" " placeholder="查询年月">
                        <span class="input-group-text bi bi-calendar-event" style="font-size: 2rem; color: cornflowerblue;"></span>
                    </div>

                </div>
                <div class="col-md-6">
                    <span class="form-text">结束</span>
                    <div class="input-group">
                        <input class="form-control" id="datetimepicker2" type="text" value=" " placeholder="查询年月">
                        <span class="input-group-text bi bi-calendar-event" style="font-size: 2rem; color: cornflowerblue;"></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <button class=" btn btn-primary" id="search">搜索</button>
                </div>
            </div>
        </form>
        <h5 class="page-header"></h5>
        <table class="table table-hover table-dark" id="autotable">
            <thead>
                <tr>
                    <th scope="col">ddate</th>
                    <th scope="col">relation<a class="bi-download"  style="float: right;color:white"></a></th>
                </tr>
            </thead>
        </table>
        <div class="alert alert-info  text-center" style="display:none">
            <strong></strong>
        </div>
        <div class="fixed-bottom " id="pagination">
            <!--<nav aria-label="Page navigation example " id="pagintation">
        <ul class="pagination  justify-content-center">
            <li class="page-item">
                <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item">
                <a class="page-link" href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>-->
        </div>
    </main>
 
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        document.body.addEventListener("touchmove", function (e) {
            e.preventDefault();
        }, { passive: false });
        $('#datetimepicker1').datetimepicker({
            forceParse: 0,//设置为0，时间不会跳转1899，会显示当前时间。
            language: 'zh-CN',//显示中文
            format: 'yyyy-mm-dd',//显示格式
            minView: "month",//设置只显示到月份
            initialDate: new Date(),//初始化当前日期
            autoclose: true,//选中自动关闭
            todayBtn: true//显示今日按钮
        });

        $('#datetimepicker1').datetimepicker("setDate", new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()-1));  //设置显示默认昨天天的时间
        $('#datetimepicker2').datetimepicker({
            forceParse: 0,//设置为0，时间不会跳转1899，会显示当前时间。
            language: 'zh-CN',//显示中文
            format: 'yyyy-mm-dd',//显示格式
            minView: "month",//设置只显示到月份
            initialDate: new Date(),//初始化当前日期
            autoclose: true,//选中自动关闭
            todayBtn: true//显示今日按钮
        })
        $('#datetimepicker2').datetimepicker("setDate", new Date());

        var tablelist=[];
        $("#search").click(function () {
            var startday = $('#datetimepicker1').val();
            var endday = $('#datetimepicker2').val();
            if ($("#autotable").children('tbody').length > 0) {
                $("#autotable").children('tbody').remove()
            };
            $(".alert-info").css("display","block");
            $(".alert-info").find("strong").text("请稍等正在查询。。。");
            tablelist = [];
/*            PaginationDestroy();*/
            $.ajax({
                url: "Handler.ashx?action=Search",      //请求接口的地址
                type: "GET",                                   //请求的方法GET/POST
                data: {                                        //需要传递的参数
                    startday: startday,
                    endday: endday
                },
                dataType: 'json',
                success: function (res) {
                    tablelist = res.data;
                    $(".alert-info").css("display", " none");
                    paginationGenerator(Math.ceil(res.count / 6), 1);
                    tableRender(tablelist.slice(0, 6));
              
                    //在控制台输出返回结果
                },
                error: function (err) {
                    //请求失败后的操作
                    $(".alert-info").find("strong").text("数据库查询出错");
              
                }
            });
            return false;
            

        })
    // 销毁分页器
        function destroy()
        {
            $("#pagination").empty();
        }
       //创建表格
        function tableRender(res) {
            if ($("#autotable").children('tbody').length > 0) {
                $("#autotable").children('tbody').remove()
            };
            //请求成功后的操作
            let tbody = document.createElement("tbody");
            $("#autotable").append(tbody);
            // 创建tbody中的tr td
            for (let i = 0; i < res.length; i++) {
                // 创建tbody中的tr
                let tr = document.createElement('tr');
                tbody.append(tr);
                // 创建tbody中的td
                let tdData = res[i];
                for (let [key, value] of Object.entries(tdData)) {
                    let td = document.createElement('td');
                    td.innerText = value;
                    tr.append(td);
                }
            }
        }

        //分页
        function paginationGenerator(res, pageno)
        {
            destroy();
            let  totalPage, pageNo;//每页数据量,总页数,当前页
            pageNo = pageno;
            totalPage = res;
            //容器生成
            let nav = document.createElement("nav");
            $("#pagination").append(nav);
            let ul = document.createElement("ul");
            ul.classList.add("pagination");
            ul.classList.add("justify-content-center");
            nav.append(ul);
            //分页里的内容生成
            let pageStr = "", start, end;
            if (pageNo === 1) {
                pageStr += `<li class="page-item disabled">
                <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>`
            }
            else
            {
                pageStr += `<li class="page-item">
                <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>`
            }
         //构建中间页面按钮区域
            if (totalPage < 6)
            {
                for (start = 0; start < totalPage; start++) {
                    end = start + 1;
                    if (end == pageNo) {
                        pageStr += ` <li class="page-item active"><a class="page-link" href="#">${end}</a></li>`;
                    } else {
                        pageStr += ` <li class="page-item"><a class="page-link" href="#">${end}</a></li>`;
                    }
                }
            }
            else {//当总页码大于等于3时
                start = pageNo - 1//确认遍历的起始位置为当前页的前一页
                end = pageNo + 1//确认遍历的结束位置为当前页的后一页
                if (pageNo > 2) { pageStr += ` <li class="page-item"><a class="page-link" href="#">1</a></li>`}//当前页大于2时，将页面1按钮写死
                else { end = 4 }//当前页小于等于2时，将遍历的结束位置写死为4
                if (pageNo > totalPage - 3) { start = totalPage - 3 }//当前页为最后四个页面时，将遍历的起始位置写死为倒数第四个页面值
                if (pageNo > 3) {
                    pageStr += `<li class="page-item">
                <a class="page-link" href="#">
                   ...
                </a>
            </li>` }//当前页大于第三个页面时，将省略号按钮展现出来
                //对中间按钮进行遍历
                for (; start <= end; start++) {
                    if (start <= totalPage && start > 0) {
                        if (start == pageNo) {
                            pageStr += ` <li class="page-item active"><a class="page-link" href="#">${start}</a></li>`;
                        } else {
                            pageStr += ` <li class="page-item "><a class="page-link" href="#">${start}</a></li>`;
                        }
                    }
                }
                if (pageNo < totalPage - 2) {
                    pageStr += `<li class="page-item">
                <a class="page-link" href="#">
                   ...
                </a>
            </li>`  }//当前页面小于倒数第三个页面时，将省略号按钮展现出来
                if (pageNo < totalPage - 1) {
                    pageStr  += ` <li class="page-item "><a class="page-link" href="#">${totalPage}</a></li>`;
 }//当前页面小于倒数第二个页面，将最后的页面按钮锁死
            }
            if (pageNo < totalPage) {
                pageStr += `<li class="page-item">
                <a class="page-link" href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>`
            }
            else {
                pageStr += `<li class="page-item disabled">
                <a class="page-link" href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>`
            }

            ul.append(document.createRange().createContextualFragment(pageStr));
            switchPage(pageNo, totalPage);
        };
        //切换页面
        function switchPage(pageNo, totalPage){
      
            var aList = selectEle(".pagination li a", true)//获取所有的a标签
            var current//定义一个当前页的标识
            //对所有的a标签遍历，绑定点击事件
            for (i in aList) {
                if (i < aList.length) {
                    aList[i].addEventListener("click", function () {
                        var eleHtml = this.innerHTML//定义一个属性值来获取数字按钮
                        if (this.getAttribute("aria-label") == "Previous") {
                            pageNo > 1 && (pageNo = pageNo - 1)
                        } else if (this.getAttribute("aria-label") == "Next") {
                            pageNo < totalPage && (pageNo = pageNo + 1)
                        } else {
                            pageNo = parseInt(eleHtml)
                        }
                        pageNo && gotoPage(totalPage,pageNo)
                    })
                }
            }
        };
        //跳转页面,参数:current
        function gotoPage(res,current){
            var pageNo = current;
            paginationGenerator(res, pageNo);
            tableRender(tablelist.slice((pageNo - 1) * 6, pageNo * 6));
        };
        //获取页面元素
        function  selectEle(select, all){
            return all ? document.querySelectorAll(select) : document.querySelector(select)
        }
       
        //导出 excel数据
        $(".bi-download").click(function () {

            $(this).hover(function () { $(this).css("color", "blue") }, function () { $(this).css("color", "white") });
            //$(".alert-info").css("display", "block");
            //$(".alert-info").find("strong").text("正在下载。。。");

            var lHtml = '<table border="1"><tr style="font-size:16px;font-weight:bold;"><th>ddate</th><th>relation</th></tr>';
            //循环遍历，每行加入tr标签，每个单元格加td标签
            for (let i = 0; i < tablelist.length; i++) {
                lHtml += '<tr>';
                for (let item in tablelist[i]) {
                    lHtml += '<td>' + tablelist[i][item] + '\t</td>';//增加\t为了不让表格显示科学计数法或者其他格式
                }
                lHtml += '</tr>';
            }
            lHtml += '</table>';
            var tableHtml = '<html><head><meta charset="UTF-8"></head><body>';
            tableHtml += lHtml;
            tableHtml += '</body></html>';
            
               /*     $(".alert-info").css("display", " none");*/
            let blob = new Blob([tableHtml], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
                    $(this).attr({
                        "href": URL.createObjectURL(blob),
                        "download": "xxxxx.xlsx"
                    });
                    URL.revokeObjectURL(blob);
                    //在控制台输出返回结果
           
           
        })


    })

    </script>

 .ashx

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using Newtonsoft.Json;


namespace MiaoboScript
{
    /// <summary>
    /// Handler 的摘要说明
    /// </summary>
    public class Handler : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            Search(context);
        }
        public void Search(HttpContext context)
        {
            //创建连接对象，并使用using释放（关闭），连接用完后会被自动关闭
            var StarTime = context.Request["startday"].ToString();
            var EndTime = context.Request["endday"].ToString();
            using (SqlConnection conn = new SqlConnection(ConfigurationManager.AppSettings["Miaobo"].ToString()))
            {
                //打开连接
                conn.Open();
                //将执行的sql
                String sql = @"--使用时更改这里的日期范围即可
                select ddate,activenum into #registernum from(--省略
 where addtime>='" + StarTime + @"' and addtime<'" + EndTime + @"' and
                --省略) as a

                create table #task
                (
                  ddate nvarchar(100),
                  relation nvarchar(100)
                )


                 ---申明游标
                  declare @ddate nvarchar(100)
                	  declare @activenum int
                	  	  declare @relationnum int
                    declare id_cursor cursor


                     for(select * from #registernum)
                     --打开游标
                open id_cursor
                   --开始循环游标变量
                fetch next from  id_cursor into @ddate, @activenum
                while(@@FETCH_STATUS=0)  --返回被 FETCH语句执行的最后游标的状态
                    Begin
                   select @relationnum=count( distinct a.useridx) from --省略 a.CreateDate>=DATEADD(day,1,Convert(nvarchar(100),@ddate,23))

                   and a.CreateDate<DATEADD(day,2,Convert(nvarchar(100),@ddate,23))

                   insert into #task(ddate,relation)values(@ddate, cast((@relationnum*100.00/@activenum) as decimal(18,2)))




                    fetch next from id_cursor into @ddate, @activenum
                    End

                    close id_cursor --关闭游标
                deallocate id_cursor --释放游标

                --drop table #task
                --drop table #registernum
                  select * from #task order by ddate";

                //创建命令对象，指定要执行sql语句与连接对象conn
                SqlCommand cmd = new SqlCommand(sql, conn);
                cmd.CommandTimeout =60000;
                //执行,返回影响行数
                SqlDataAdapter da = new SqlDataAdapter(cmd);
                DataTable dt = new DataTable();
                da.Fill(dt);
                VM_Book result = new VM_Book();
                result.code = 0;
                result.msg = "";
                result.count = dt.Rows.Count;
                result.data = dt;
                string json = JsonConvert.SerializeObject(result);
                context.Response.Write(json);
                context.Response.End();
            }


        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }


    }
    internal class VM_Book
    {
        public int code { get; set; }
        public string msg { get; set; }
        public int count { get; set; }
        public DataTable data { get; set; }
    }
}

瓜皮弟子头很铁
关注
专栏目录
vue+element ui搭建的DEMO增删改查+分页+导出
02-16
vue+element ui搭建的DEMO，实现基本功能 增删改查 分页 导出，数据为模拟数据、模拟接口，项目中依赖包需要自行下载npm install。供初学者参考。
初次使用.net5编写mvc小demo
浩瀚与渺小
06-24 516
.net是好是坏众说纷纭，不容置疑的是，.net5是微软进步的一大体现，终于可以跨平台了，这才是最大的亮点。 sdk下载地址：https://dotnet.microsoft.com/download/dotnet/5.0 为了进步，开始尝试.net5。 初期工作： 安装sdk 安装vs。注意：写.net5vs有版本限制。要求在vs2019 16.8版本之上。 创建一个mvc项目，项目框架如下。 今天我们就使用控制器（c)和视图（v）写一个小案例 控制器里可以写一些自定义的属.
asp.net mvc4 easyui datagrid 增删改查分页 导出 先上传后导入 NPOI批量导入 导出EXCEL...
weixin_30920513的博客
11-11 232
效果图 数据库代码 create database CardManage use CardManage create table CardManage ( ID int identity(1,1) primary key, userDep nvarchar(10)not null, userName nvarchar(5)not null, userTel v...
asp.net core mvc Razor +dapper 增删改查，分页（保姆教程）
qq_41942413的博客
09-28 1291
------------------------------至此所有的业务代码就准备好了，接下来下控制器和视图里面的代码--------------------------------------------说明：本demo使用sqlserver数据库，dapper orm框架 完成一张学生信息表的增删改查，前端部分使用的是Razor视图，HtmlHelper。（代码随便写的，具体可以自己优化）4.在项目appsetting中配置数据库连接字符串（填写自己的用户名和密码，和数据库信息）
MVC入门教程二[第一个小Demo]（转载）
weixin_30741653的博客
10-10 128
本文目标 1.了解"模型"、"视图"、"控制器"的创建、调试和使用过程。 本文目录 1.创建模型 2.创建视图 3.创建控制器 4.调试 5.使用模型、视图、控制器 1.创建模型 在文件夹"Models"中创建新类，如下图所示： 1、命名：Model的命名规则一般以Model结尾，如：以业务为主的命名UserModel或以页面为主的命名LoginModel。 2、作...
.net动态查询数据库demo
11-15
总结，这个".NET动态查询数据库demo"是学习和实践动态查询的好例子，它结合了DevExpress的强大功能和.NET的数据访问技术，展示了如何构建一个用户友好的数据库查询系统。通过深入研究和扩展这个DEMO，开发者可以更好...
asp.net 导出excel demo
12-07
本示例"asp.net 导出excel demo"主要探讨的是如何在不依赖Microsoft Office的情况下，生成Excel 97-2003格式的文件，这种格式也称为XLS文件，是Excel早期版本支持的通用格式，兼容性广泛。 在ASP.NET中实现这个功能...
highcharts 导出图片 例子 .net C# Demo
07-29
HighCharts导出图片是发现请求的是官网，于是找了一下，整理了这个导出请求本地服务导出png、jpg、svg和pdf的demo (GitHub里找的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharp...
C#百万数据导出Demo
10-07
本文将深入探讨如何在C#环境中高效地处理百万级别的数据导出，并结合“C#百万数据导出Demo”进行详细解析。 首先，我们需要了解Excel文件的存储格式。通常，我们使用的Excel文件有两种主要格式：.xls（Excel 97-...
highcharts 导出图片 .net C# Demo例子
07-25
HighCharts导出图片是发现请求的是官网，于是找了一下，整理了这个导出请求本地服务导出png、jpg、svg和pdf的demo (GitHub里找的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharp...
asp .net demo
04-13
首页 系统对象与状态管理 Asp .Net 运行机制 系统对象 跨页面数据传递 控件 TreeView TreeView 添加 CheckBox GridView GridView 添加 多选和光棒效果 GridView 获取选中复选框 AspNetPager DropDownList 验证控件 CustomValidator 自定义验证控件 DetailsView DetailsView 数据插入与更新 JS 版 日历控件 FileUpload 上传文件 DataList DataList 分页、排序 PagedDataSource 分页 UserControl 用户控件 实例 统计在线人数 饼图 WebService JQuery 校验 右下角弹出广告 以上列出的是demo列表 源码+数据库+每行都有注释 asp .net 2008 sqlserver 2005 抽象工厂设计模式 以上代码都有本人所写 工作忙战时写了这么多 还会更新 QQ 767165517
C# ASP.NET DEMO
10-28
ASP.NET4.0 + Extjs的网上课程管理系统源代码
Demo - 基于.NET+Socket实现多人聊天室
做一名持续学习的GIS Coder
01-17 537
基于.NET WPF MVVM 以及Socket实现多人聊天室
Bootstrap----导航栏
weixin_52247167的博客
04-14 1万+
文章目录 一、导航栏 1、container 2、navbar 3、navbar-expand-xx 4、navbar-xxxx 5、bg-xxxx 6、navbar-brand 7、navbar-toggler 8、navbar-toggler-icon 9、定位 二、导航栏之切换触发器 1、data-toggle="xxx" 2、data-target="#id" 3、aria-controls="id" 4、aria-label 5、aria-expanded="bo.
响应式布局2：手写响应式导航栏（BootStrap实现以及原生实现）
stu_kk的博客
12-18 3176
响应式布局2：手写响应式导航栏（BootStrap实现以及原生实现）笔记
.NET C#三层开发结构Demo详解及源码（一）
热门推荐
不明所以
02-10 1万+
年关将至，事情也少了许多，虽然接触过些三层结构的项目，但是一直没有自己从头到尾仔细写过，很多东西还是模模糊糊，这次花费了几天时间从头到尾的写出了这样一个小Demo，在这将流程记录下来，为我以后可以更方便的复习，也希望能帮助到一些朋友。项目划分为Model，IDAL，IBLL，DAL，BLL，WebUI，数据库为SQL Server，数据访问使用EntityFramework5.0，使用了简单工厂，...
cas登录成功后不跳转成功页面_图文并茂，为你揭开“单点登录”的神秘面纱
weixin_39687786的博客
11-28 3517
扫码关注公众号「政采云前端团队」，获取更多不掺水的原创好文～概念单点登录(Single Sign On ，简称 SSO)，是目前比较流行的企业业务整合的解决方案之一，用于多个应用系统间，用户只需要登录一次就可以访问所有相互信任的应用系统。前置介绍同源策略 限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互，要求协议，端口和主机都相同。HTTP 用于分布式、协作式和超媒体信息系统的应用...
Web开发：ASP.NET CORE的前端基础小结（demo+js）
最新发布
m0_67412019的博客
04-19 1183
当然这只是个demo，很多功能都没有实现，只是写一下前端以及前后端是如何交互的。将你的图片资源添加在wwwroot下方，例如pics/logo.png。效果：密码输入为123时，登录成功；点击忘记密码会跳转到忘记密码页面。然后在Index.cshtml中写下如下代码。【更好的传入方式】：封装成一个类传入。将Privacy.cshtml改为。
springboot+vue+bootstrap 前后端分离进行数据交互
DUOKILY的博客
11-25 2007
javaweb实验 springboot+vue+bootstrap 前后端分离进行数据交互
fastreport .net demo new
08-19
另外，FastReport .NET Demo New还支持多种导出格式，包括PDF、Excel、Word、HTML、图像等，方便我们将生成的报表导出到不同的输出介质中，以满足不同的使用需求。 总之，FastReport .NET Demo New是一个功能强大的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

瓜皮弟子头很铁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值