2017.12.14 LINQ查询、图片上传及预览、存储过程使

作者: 胡諾 | 来源:发表于2017-12-15 13:23 被阅读0次

第一组：陈辉 LINQ中的方法语法和查询语法

介绍性的语言集成查询 (LINQ) 文档中的大多数查询是使用 LINQ 声明性查询语法编写的。但是在编译代码时，查询语法必须转换为针对 .NET 公共语言运行时 (CLR) 的方法调用。这些方法调用会调用标准查询运算符（名称为 Where、Select、GroupBy、Join、Max 和 Average 等）。可以使用方法语法（而不查询语法）来直接调用它们。

查询语法和方法语法在语义上是相同的，但是许多人发现查询语法更简单且更易于阅读。某些查询必须表示为方法调用。例如，必须使用方法调用表示检索与指定条件匹配的元素数的查询。还必须对检索源序列中具有最大值的元素的查询使用方法调用。 System.Linq 命名空间中的标准查询运算符的参考文档通常使用方法语法。因此，即使在开始编写 LINQ 查询时，熟悉如何在查询和查询表达式本身中使用方法语法也十分有用。

下面展示查询语法和方法语法以及他们的混合使用的例子：

C#复制

class QueryVMethodSyntax
{
    static void Main()
    {
        int[] numbers = { 5, 10, 8, 3, 6, 12};

        //Query syntax:
        IEnumerable<int> numQuery1 = 
            from num in numbers
            where num % 2 == 0
            orderby num
            select num;          //<------查询语法
       
        //Method syntax:
        IEnumerable<int> numQuery2 = numbers.Where(num => num % 2 == 0).OrderBy(n => n);       //<-------方法语法


       //Mix syntax:
       Int numCount = (from num in number where num % 2 == 0
orderby num select num).Count();//<-----两者混合方法

        foreach (int i in numQuery1)
        {
            Console.Write(i + " ");
        }
        Console.WriteLine(System.Environment.NewLine);
        foreach (int i in numQuery2)
        {
            Console.Write(i + " ");
        }
        
        // Keep the console open in debug mode.
        Console.WriteLine(System.Environment.NewLine);
        Console.WriteLine("Press any key to exit");
        Console.ReadKey();
    }
}
/*
    Output:
    6 8 10 12
    6 8 10 12
 */

第二组：徐晋图片上传及预览功能

Webapp图片上传的问题，请教王敏和叶佳意后，完成的代码。

前台代码：

<input type="text" id="filesPath" style="display:none"/>
            <div id="DivLocker" style="color: #ffffff; text-align: center; font-size: 18px; display: none;" data-lang="uploading">
                <div id="progressNumber" style="font-size: 60px; font-family: 'Microsoft YaHei';" data-lang="app_setting_loading">上传中</div>
            </div>
            上传图片：<input type="file" name="fileData" id="fileToUpload" onchange="uploadFilePress()" style="z-index: 999" multiple="multiple"/>


//canvas压缩上传
function uploadFilePress() {
    var files = document.getElementById('fileToUpload').files;
    if (files.length > 0) {
        for (var i = 0; i < files.length; i++) {
            var _file = files[i];
            var filename = _file.name;
            var fileType = _file.type;
            if (/image\/\w+/.test(fileType)) {
                var fileReader = new FileReader();
                fileReader.readAsDataURL(_file);
                fileReader.onload = function (event) {
                    var result = event.target.result;   //返回的dataURL  
                    var image = new Image();
                    image.src = result;
                    image.onload = function () {  //创建一个image对象，给canvas绘制使用  
                        var cvs = document.createElement('canvas');
                        var scale = 1;
                        if (this.width > 500 || this.height > 500) {  //1000只是示例，可以根据具体的要求去设定    
                            if (this.width > this.height) {
                                scale = 500 / this.width;
                            } else {
                                scale = 500 / this.height;
                            }
                        }
                        cvs.width = this.width * scale;
                        cvs.height = this.height * scale;     //计算等比缩小后图片宽高  
                        var ctx = cvs.getContext('2d');
                        ctx.drawImage(this, 0, 0, cvs.width, cvs.height);
                        var newImageData = cvs.toDataURL(fileType, 0.8);   //重新生成图片，<span style="font-family: Arial, Helvetica, sans-serif;">fileType为用户选择的图片类型</span>  
                        var sendData = newImageData.replace("data:" + fileType + ";base64,", '');
                        $.post('/Action/UploadFiles.ashx?act=uploadpress&path=Upload/File/&filename=' + filename, { type: 'photo', value: sendData }, function (data) {
                            $('#filesPath').val($('#filesPath').val() + data + ',');
                            uploadComplete_(data);
                        });
                    }
                }
            } else {
                $.toast("只允许上传图片！");
            }
        }
    }
    else {
        alert('请选择上传的图片！');
    }
}

function uploadComplete_(evt) {//上传完成
    $.ajax({
        url: "/Action/UploadFiles.ashx",
        type: "POST",
        data: { act: "ifsuccess", filename: evt },
        dataType: "text",
        async: false,
        success: function (data) {
            if (data == "上传失败") {
                $("#filePath").val("");
                $.toast(data);
            } else {
                $("#filePath").val(evt);
                $.toast("上传成功");
                var img = '<div class="imgBox">' +
                            '<img src="' + evt + '" style="width:' + imgWidth + 'px;"/>' +
                            '<div onclick="delImg(this)" style="height:1rem; width:1rem; font-size:1.2rem; color:red; position:absolute; top:0; right:10px;">×</div>' + '</div>';
                $('.content').append(img);
            }
            $("#progressNumber").empty();
            $("#DivLocker").hide();
        }
    });
}

function delImg(delButton) {
    var curPath = $(delButton).parent().find("img")[0].src;
    var i = curPath.indexOf("/Upload");
    curPath = curPath.substring(i, curPath.length) + ',';
    $(delButton).parent().remove();
    var fullPath = $('#filesPath').val();
    $('#filesPath').val(fullPath.replace(curPath, ''));

    $("#fileToUpload").remove();
    $("#uploadImg").append('<input type="file" name="fileData" id="fileToUpload" onchange="uploadFilePress()" multiple="multiple"/>');

}

后台代码：

case "uploadpress"://canvans压缩后，base64上传
   {
       try
       {
           string filePath = context.Request["path"];
           string fileName = context.Request["filename"];
           string packName = DateTime.Now.ToString("yyyyMMdd");//文件夹
           string dir = context.Server.MapPath("~/" + filePath + "/" + packName);

           if (!Directory.Exists(dir))    
           {
               Directory.CreateDirectory(dir);   
           }
           var fileStr = context.Request["value"];
           if (fileStr.Length > 0)
           {
               Random ran = new Random();
               string imgindex = DateTime.Now.ToString("yyyyMMddHHmmssttt") + ran.Next(100, 999).ToString();
               string fileNameSecret = LoongAir.Common.Encryptor.Get16MD5Str(imgindex) + LoongAir.Common.Config.ServerId + System.IO.Path.GetExtension(System.IO.Path.GetFileName(fileName));
               string path = System.IO.Path.Combine(dir, fileNameSecret);
               Base64StringToImage(fileStr, dir, fileNameSecret);
               savepath = "/" + filePath + "/" + packName + "/" + fileNameSecret;
           }
           msg = savepath;
       }
       catch (Exception ex)
       {
           msg = "false";
       }
       break;
   }
case "ifsuccess"://验证文件是否上传成功
   {
       try
       {
           string filename = context.Request["filename"];
           string dir = context.Server.MapPath("~/" + filename);
           bool ifExists = File.Exists(dir);
           if (ifExists)     
           {
               msg = "上传成功";
           }
           else
           {
               msg = "上传失败";
           }
       }
       catch (Exception ex)
       {
           msg = "上传失败";
       }
       break;
   }

实现效果：
点击上传图片选择图片即可上传，可一次上传多张，也可分别上传多张，上传成功后每张图片在下方有预览，并附带删除按钮。

image.png

第三组：蔡永坚存储过程-存储过程使用

系统存储过程放在master数据库下，以sp_开头，用户新建数据表，系统会自动创建一些系统存过程。

image.png

一下介绍几个系统存储过程：
exec sp_databases; --查看数据库
exec sp_tables; --查看表
exec sp_columns student;--查看列
exec sp_helpIndex student;--查看索引
exec sp_helpConstraint student;--约束
exec sp_helptext 'sp_stored_procedures';--查看存储过程创建、定义语句
exec sp_rename student, stuInfo;--修改表、索引、列的名称
exec sp_renamedb myTempDB, myDB;--更改数据库名称
exec sp_defaultdb 'master', 'myDB';--更改登录名的默认数据库
exec sp_helpdb;--数据库帮助，查询数据库信息
exec sp_helpdb master;

用户自定义存储过程：

语法：

create proc | procedure pro_name
    [{@参数数据类型} [=默认值] [output],
     {@参数数据类型} [=默认值] [output],
     ....
    ]
as
    SQL_statements

不带参数

if (exists (select * from sys.objects where name = 'proc_get_student'))
    drop proc proc_get_student
go
create proc proc_get_student
as
　　select * from student;

调用、执行存储过程

exec proc_get_student;

修改存储过程

alter proc proc_get_student
as
　　select * from student;

带参存储过程

if (object_id('proc_find_stu', 'P') is not null)
    drop proc proc_find_stu
go
create proc proc_find_stu(@startId int, @endId int)
as
    select * from student where id between @startId and @endId
go

exec proc_find_stu 2, 4;

带通配符参数存储过程

if (object_id('proc_findStudentByName', 'P') is not null)
    drop proc proc_findStudentByName
go
create proc proc_findStudentByName(@name varchar(20) = '%j%', @nextName varchar(20) = '%')
as
    select * from student where name like @name and name like @nextName;
go

exec proc_findStudentByName;
exec proc_findStudentByName '%o%', 't%';

带输出参数

if (object_id('proc_getStudentRecord', 'P') is not null)
    drop proc proc_getStudentRecord
go
create proc proc_getStudentRecord(
    @id int, --默认输入参数
    @name varchar(20) out, --输出参数
    @age varchar(20) output--输入输出参数
)
as
    select @name = name, @age = age  from student where id = @id and sex = @age;
go

-- 
declare @id int,
        @name varchar(20),
        @temp varchar(20);
set @id = 7; 
set @temp = 1;
exec proc_getStudentRecord @id, @name out, @temp output;
select @name, @temp;
print @name + '#' + @temp;

第四组：张元一 Cookie/Session机制详解

1.1.8 Cookie的修改、删除

Cookie并不提供修改、删除操作。如果要修改某个Cookie，只需要新建一个同名的Cookie，添加到response中覆盖原来的Cookie。

如果要删除某个Cookie，只需要新建一个同名的Cookie，并将maxAge设置为0，并添加到response中覆盖原来的Cookie。注意是0而不是负数。负数代表其他的意义。读者可以通过上例的程序进行验证，设置不同的属性。

注意：修改、删除Cookie时，新建的Cookie除value、maxAge之外的所有属性，例如name、path、domain等，都要与原Cookie完全一样。否则，浏览器将视为两个不同的Cookie不予覆盖，导致修改、删除失败。

1.1.9 Cookie的域名

Cookie是不可跨域名的。域名www.google.com颁发的Cookie不会被提交到域名www.baidu.com去。这是由Cookie的隐私安全机制决定的。隐私安全机制能够禁止网站非法获取其他网站的Cookie。

正常情况下，同一个一级域名下的两个二级域名如www.helloweenvsfei.com和images.helloweenvsfei.com也不能交互使用Cookie，因为二者的域名并不严格相同。如果想所有helloweenvsfei.com名下的二级域名都可以使用该Cookie，需要设置Cookie的domain参数，例如：

Cookie cookie = new Cookie("time","20080808"); // 新建Cookie
cookie.setDomain(".helloweenvsfei.com");           // 设置域名
cookie.setPath("/");                              // 设置路径
cookie.setMaxAge(Integer.MAX_VALUE);               // 设置有效期
response.addCookie(cookie);                       // 输出到客户端

读者可以修改本机C:\WINDOWS\system32\drivers\etc下的hosts文件来配置多个临时域名，然后使用setCookie.jsp程序来设置跨域名Cookie验证domain属性。

注意：domain参数必须以点(".")开始。另外，name相同但domain不同的两个Cookie是两个不同的Cookie。如果想要两个域名完全不同的网站共有Cookie，可以生成两个Cookie，domain属性分别为两个域名，输出到客户端。

1.1.10 Cookie的路径

domain属性决定运行访问Cookie的域名，而path属性决定允许访问Cookie的路径（ContextPath）。例如，如果只允许/sessionWeb/下的程序使用Cookie，可以这么写：

Cookie cookie = new Cookie("time","20080808");     // 新建Cookie
cookie.setPath("/session/");                          // 设置路径
response.addCookie(cookie);                           // 输出到客户端

设置为“/”时允许所有路径使用Cookie。path属性需要使用符号“/”结尾。name相同但domain相同的两个Cookie也是两个不同的Cookie。

注意：页面只能获取它属于的Path的Cookie。例如/session/test/a.jsp不能获取到路径为/session/abc/的Cookie。使用时一定要注意。

第五组：王炳钧 Dev GridView 绑定List<T>、BindingList <T>、BindingSource

处理数据结构的时候特意处理为了 BindingList<T>，可以直接绑定到Dev GridView上：

在Dev GridView中新增三列，三列的FieldName分别对应与FormItem类对应：ItemKey、Name、Enable

image.png

在Form窗体上增加一个Buntton按钮事件，并添加Click事件，在Click事件中填充List<T>、BindingList <T>、BindingSource，并进行绑定测试：

image.png

通过测试发现List<T>、BindingList <T>、BindingSource均可以绑定到Dev GridView上
用过Dev GridView的朋友应该知道，给Dev GridView绑定DataTable后，在GridView上的修改会同步到到DataTable上，那么问题来了Dev GridView 绑定List<T>、BindingList <T>、BindingSource会不会同步呢？

于是添加GridView的CellValueChanged事件，在该事件中监视变量itemsBindingList、itemsList、bs，可以发现修改也是同步的。

2017.12.14 LINQ查询、图片上传及预览、存储过程使

第一组：陈辉 LINQ中的方法语法和查询语法

第二组：徐晋图片上传及预览功能

第三组：蔡永坚存储过程-存储过程使用

第四组：张元一 Cookie/Session机制详解

1.1.8 Cookie的修改、删除

1.1.9 Cookie的域名

1.1.10 Cookie的路径

第五组：王炳钧 Dev GridView 绑定List<T>、BindingList <T>、BindingSource

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

2017.12.14 LINQ查询、图片上传及预览、存储过程使

第一组：陈辉 LINQ中的方法语法和查询语法

第二组：徐晋 图片上传及预览功能

第三组：蔡永坚 存储过程-存储过程使用

第四组 ：张元一 Cookie/Session机制详解

1.1.8 Cookie的修改、删除

1.1.9 Cookie的域名

1.1.10 Cookie的路径

第五组：王炳钧 Dev GridView 绑定List<T>、BindingList <T>、BindingSource

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

第二组：徐晋图片上传及预览功能

第三组：蔡永坚存储过程-存储过程使用

第四组：张元一 Cookie/Session机制详解