Mvc利用淘宝Kissy uploader实现图片批量上传附带瀑布流的照片墙

Mvc利用淘宝Kissy uploader实现图片批量上传附带瀑布流的照片墙

 

前言

　　KISSY  是由阿里集团前端工程师们发起创建的一个开源 JS 框架。它具备模块化、高扩展性、组件齐全，接口一致、自主开发、适合多种应用场景等特性。本人在一次项目中层使用这个uploader组件。

　　关于kissy uploader：

　　Uploader是非常强大的异步文件上传组件，支持ajax、iframe、flash三套方案，实现浏览器的全兼容，调用非常简单，内置多套主题支持和常用插件，比如验证、图片预览、进度条等。

广泛应用于淘宝网，比如退款系统、爱逛街、二手、拍卖、我的淘宝、卖家中心、导购中心等。

拥有非常不错的扩展性，可以自己定制主题和插件。　

　　uploader的特性：　

  • 支持ajax、flash、iframe三种方案，兼容所有浏览器。（iframe不推荐使用）
  • 多主题支持，可以自己定制主题
  • 支持多选批量上传
  • 支持上传进度显示
  • 支持取消上传
  • 支持图片预览（使用flash上传不支持）
  • 支持上传验证
  • 多种配置方式

Kissy uploader配置简单而且使用方便，官网提供许多主题稍加修改便可用于项目当中，本文的案例采用的是kissy uploader的在线js库。更多的资料大家可以去官网：http://gallery.kissyui.com/uploader/1.4/guide/index.html#demo汇总查找相关资料，讲述的很全面。

案例截图

Mvc利用淘宝Kissy uploader实现图片批量上传附带瀑布流的照片墙_第1张图片

Mvc利用淘宝Kissy uploader实现图片批量上传附带瀑布流的照片墙_第2张图片

相关配置

1、本文照片的相关信息我采用EF coder first将其保存在数据库中了，相关代码

实体类：

  View Code

数据库上下文：

  View Code

连接字符串：

  View Code

2、上传图片配置（相关配置说明大家可以参考官网示例）

上传页面index：

  View Code

后台临时保存方法：

复制代码 
//图片上传处理
        public ActionResult PictureUpload()
        {
            //保存到临时文件
            HttpPostedFileBase postedfile = Request.Files["Filedata"];
            var filename = postedfile.FileName;
            var newname =Guid.NewGuid()+filename.Substring(filename.LastIndexOf('.'));
            var filepath = Server.MapPath("/UpLoad/temp/") + newname;
            Image image = Image.FromStream(postedfile.InputStream, true);
            image.Save(filepath);//保存为图片
            return Json(new { status = 1, url = "/UpLoad/temp/" + newname });
        }
复制代码

表单提交保存数据相关方法：

复制代码 
　　　　[HttpPost]
        public ActionResult Index(string urls, FormCollection fc)
        {
            var urlArray = urls.Split(',');
            var desArray = fc["desc"].Split(',');
            for (int i = 0; i <desArray.Length; i++)
            {
                //保存为正式文件
                var filename = urlArray[i].Substring(urlArray[i].LastIndexOf('/') + 1);
                var oldfile = Server.MapPath(urlArray[i]);
                var newfile = Server.MapPath("/UpLoad/photo/")+filename;
                System.IO.File.Move(oldfile, newfile);
                db.Photos.Add(
                        new Photos { Name = filename, Desc = desArray[i], Src = "/UpLoad/photo/"+filename, PubliseTime = DateTime.Now }
                    );
            }
            db.SaveChanges();
                return View();
        }
复制代码

3、瀑布流照片墙

后台返回所有照片实体类传递给视图;

复制代码 
　　　　//照片墙
        public ActionResult Photo()
        {
            var photos = db.Photos.ToList();
            return View(photos);
        }
复制代码

前台动态加载图片js及照片墙页面:

复制代码 
@model List<MvcApplication3.Models.Photos>
@{Layout = null;}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>jQuery实现的瀑布流布局的图片特效代码</title>
<link href="../../Content/lanrenzhijia.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="../../Scripts/blocksit.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        //vendor script
        $('#header')
    .css({ 'top': -50 })
    .delay(1000)
    .animate({ 'top': 0 }, 800);

        $('#footer')
    .css({ 'bottom': -15 })
    .delay(1000)
    .animate({ 'bottom': 0 }, 800);

        //blocksit define
        $(window).load(function () {
            $('#container').BlocksIt({
                numOfCol: 5,
                offsetX: 8,
                offsetY: 8
            });
        });

        //window resize
        var currentWidth = 1100;
        $(window).resize(function () {
            var winWidth = $(window).width();
            var conWidth;
            if (winWidth < 660) {
                conWidth = 440;
                col = 2
            } else if (winWidth < 880) {
                conWidth = 660;
                col = 3
            } else if (winWidth < 1100) {
                conWidth = 880;
                col = 4;
            } else {
                conWidth = 1100;
                col = 5;
            }

            if (conWidth != currentWidth) {
                currentWidth = conWidth;
                $('#container').width(conWidth);
                $('#container').BlocksIt({
                    numOfCol: col,
                    offsetX: 8,
                    offsetY: 8
                });
            }
        });
    });
</script>
</head>
<body>
<!-- Content -->
<section id="wrapper">
  <div id="container">
  @foreach (var item in Model)
  {
    <div class="grid">
      <div class="imgholder"> <img src="@item.Src" /> </div>
      <strong>@item.Desc</strong>
      <p>上 传 时 间：</p>
      <div class="meta">@item.PubliseTime.ToString()</div>
    </div>
  }
    <!---->
  </div>
</section>
</body>
</html>
复制代码

瀑布流采用国外的一个jquery插件实现。

结语

　　本人强烈推荐采用kissy uploader上传插件，原因在于：采用的上传方案，当值是数组时，比如“type” : ["flash","ajax","iframe"]，按顺序获取浏览器支持的方式，该配置会优先使用flash上传方式，如果浏览器不支持flash，会降级为ajax，如果还不支持ajax，会降级为iframe；当值是字符串时，比如“type” : “ajax”，表示只使用ajax上传方式。这种方式比较极端，在不支持ajax上传方式的浏览器会不可用；当“type” : “auto”，auto是一种特例，等价于["ajax","iframe"]。这一点很重要，由于以前一个项目采用flash上传，当遇到移动设备时发现不支持上传了，采用该插件则不会出现此问题。

DEMO下载

文章结束，建议大家一块推荐此插件，顺便顶下文章，呵呵。

 
 
 

你可能感兴趣的:(kissy,uploader,mvc图片上传,图片瀑布流)

  • 使用 C 语言操作 MySQL 实现图片写入与读取 （Charon） mysql数据库
    在实际项目中，常常需要将图片或文件以二进制方式存储至数据库中，并能正确读取还原为文件。本文以C语言配合MySQLCAPI为例，完整演示如何实现将一张JPG图片写入数据库并再读出生成新图片文件的过程。项目背景我们使用如下表结构：--创建用户信息表CREATETABLETBL_USER(U_IDINTPRIMARYKEYAUTO_INCREMENT,--用户编号，整型，主键，自动递增，系统自动分配唯一
  • 利用chatGPT提取复杂json数据到excel文件中 z日火 工具使用excelchatgptjson
    利用chatGPT提取复杂json数据到excel文件中1利用swagger导出json类型的接口数据2使用hiJson工具查看json结构3利用ChatGPT写python代码解析数据4复制代码到vscode运行任务说明：整理一个项目的所有接口，保存到excel文档中。在这里插入图片描述1利用swagger导出json类型的接口数据2使用hiJson工具查看json结构我需要json数据的"pa
  • ElementUI 轮播图片自适应大小 z-min Element
    今天学习了Element的轮播组件，然后用它做了一个demo，但发现一个问题，它的轮播高度是固定的，我现在想让轮播的高度根据图片自适应大小，网上查了一些方法，大致就是先获取图片的高度，然后把它设为轮播的高度，但是很多方法都少了关键的一点this.$nextTick()
  • 使用html+css+jquery实现3D轮播图 mini_055 jqueryhtmlcss
    还是先来看看效果图：通过效果图我们先理一下思路：首先就是需要几张图片，但只有一张是显示在我们眼前的第二步：把一张图片分成几等份，这样点击转换的时候就会分开转第三步：就是实现点击按钮切换下一张。HTML部分HTML部分首先我们需要一个盒子显示图片，然后在盒子里装入图片，你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。一个li的图片效果如图所示：div是当你点击下一张的时候一个div
  • RK3399 驱动开发 _ 07 - ADC 开发 chenkanuo 驱动开发
    文章目录前言一、ADC简介二、ADC配置1.dts节点配置2.重新编译并烧录三、ADC值获取1.计算采集到的电压2.获取ADC值在这里插入图片描述总结前言在RK3399平台开发过程中，经常需要用到ADC功能。例如：检测主板温度、复位/音量按键、DRAMID检测等。一、ADC简介RK3399板卡上常见的AD接口有2种：温度传感器(TemperatureSensor)、逐次逼近ADC(Successi
  • elementUI轮播图组件el-carousel适配移动端大小(图片加载好后根据大小适配) printf_824 elementuijavascriptvue.js
    获取img实例，动态设置el-carousel高度import{ref,onMounted,onBeforeUnmount,nextTick}from'vue';constbanners=ref(['/images/banner/banner1.png','/images/banner/banner1.png','/images/banner/banner1.png','/images/banne
  • 相机-IMU联合标定：IMU更新频率 吃水果不削皮 视觉组合导航ROSVIOkalibr
    文章目录简介⚠️IMU频率参数错误设置的影响❌相机-IMU联合标定失败：Optimizationfailed!确定IMU更新频率直接通过rostopichz检查实际频率检查IMU驱动或数据手册从bag文件统计频率在这里插入图片描述修改`update_rate`的注意事项**最终建议****常见问题**简介IMU更新频率参数在Kalibr标定中直接影响标定精度和系统性能。高频率的IMU数据能提供更密
  • Day 11：Shell工具库：从“刀耕火种“到“工业革命“的效率飞跃 zhysunny Shell编程linux
    目录一、jq：JSON处理的"瑞士军刀"1.基础查询（比grep更精准）2.高级转换技巧3.实战：JSON日志分析二、curl：API调试的"特种部队"1.诊断技巧（看到隐藏细节）2.高级参数技巧3.实战：API健康检查三、parallel：释放多核威力的"核按钮"1.基础并行化2.性能对比实验3.实战：批量图片转换四、效率工具：打造你的"命令行智库"1.自制备忘系统2.终端工作流优化五、调试工具
  • PS系统教程06-图片裁剪-详细版 有点。 psphotoshop
    图片裁剪-详细版首先勾选图层-单机裁剪工具-删除裁剪像素背景颜色是和左边工作区颜色保持一致的。确定选择单机两下工作区中的√按下回车键缩小裁剪当你缩小裁剪之后再想扩大，那么扩大的部分就是背景颜色不勾选删除裁剪像素效果（裁剪完单机一下）这种情况是你进行裁剪单机一下的效果，说明就是还没有完全确定的状态。总结：只要不勾选删除裁剪像素就是会对裁剪过的部分进行预保留。内容识别不勾选勾选后
  • C# WPF自定义窗口 XMJ2002 wpf
    C#WPF自定义窗口书接上文，我们已经实现了如何利用百度智能云实现文字OCR功能，WPF制作文字OCR软件(一)：本地图片OCR识别，最后整体的效果是要呈现在一个窗口上的，而WPF的默认窗口并不能符合我们的需求，能够自己定义的内容少，所以这篇文章将介绍如何自定义窗口。整体实现效果如下：一、自定义标题栏首先需要在窗口定义的时候加上WindowStyle="None"AllowsTransparenc
  • 攻击者利用热门AI发动黑帽SEO攻击，通过污染搜索结果传播窃密木马 FreeBuf- 人工智能
    伪装成AI主题网站的恶意页面|图片来源：ZscalerZscaler威胁实验室研究人员发现一起精心策划的恶意软件攻击活动，攻击者利用ChatGPT和LumaAI等人工智能(AI)工具的热度，通过黑帽SEO（搜索引擎优化）技术劫持搜索引擎结果，诱导用户落入恶意软件陷阱。Zscaler警告称："这些攻击背后的威胁行为者正在利用ChatGPT和LumaAI等AI工具的热度。"这些欺诈活动至少从2025年
  • vue3 vs asp.net mvc fyifei0558 开发语言
    package.json≈.csprojpackage-lock.json≈packages.lock.jsonvite.config.js≈Startup.cs/Program.cs/configfilesindex.html≈_Layout.cshtmlpublic/≈wwwroot/
  • 图像解码之二——使用libpng解码png图片 weixin_55025383 mfcc++
    上文《图像解码之一——使用libjpeg解码jpeg图片》介绍了使用libjpeg解码jpeg图片。png图片应用也非常广泛，本文将会简单介绍怎样使用开源libpng库解码png图片。libpng的数据结构png_structp变量是在libpng初始化的时候创建，由libpng库内部使用，代表libpng的是调用上下文，库的使用者不应该对这个变量进行访问。调用libpng的API的时候，需要把这
  • 如何使用 ligpng 库进行图片解码应用开发openwrt linux sdd20x平台 ruihuan_2000 SSD20Xopenwrtlinux嵌入式c++
    文章目录前言一、libpng是什么？二、使用步骤1.引入库及头文件2.解码过程总结前言如何使用libpng库进行图片解码应用开发。一、libpng是什么？libpng是一个开源的、跨平台的图像处理库，用于处理和支持PNG（PortableNetworkGraphics）图像格式。PNG是一种无损压缩的图像格式，广泛用于互联网上的图像传输和存储。libpng提供了一系列的API和函数，使开发者可以在
  • 如何用AI开发完整的小程序＜10＞—总结 鱼雀AIGC AI开发编程人工智能小程序ai编程AIGCAI编程
    通过之前9节的学习。如何用Ai制作一款简单小程序的内容就已经都介绍完了。总结起来就以下几点：1、搭建开发制作环境2、创建页面（需要手动）3、在页面上制作UI效果（让Ai搞，自己懂了后可以自己调）4、实现代码交互功能（让Ai搞，自己不需要懂）5、如果需要引入外部资源，比如图片，音频，js配置文件等，就将对应的文件丢到项目里，然后告诉AI文件的位置，让AI自己去取然后实现对应功能即可。（图片，视频的引
  • 打造高效富文本编辑体验：Vue3 + wangEditor5 自定义上传音频与视频 皮熠艳
    打造高效富文本编辑体验：Vue3+wangEditor5自定义上传音频与视频【下载地址】Vue3wangEditor5自定义上传音频与视频Vue3+wangEditor5自定义上传音频与视频本仓库提供了一个资源文件，详细介绍了如何在Vue3项目中使用wangEditor5富文本编辑器，并自定义扩展音频、视频、图片菜单功能项目地址:https://gitcode.com/open-source-to
  • 人工智能-基础篇-5-建模方式（判别式模型和生成式模型）
    机器学习包括了多种建模方式，其中判别式建模（DiscriminativeModel）和生成式建模是最常见的两种。这两种建模方式都可以通过深度学习技术来实现，并用于创建不同类型的模型。简单来说：想要创建一个模型，依赖需求需要合适的建模方式来创建这个模型。通常建模方式主要分为两大类。一类是判别式模型，针对输入数据给出特定的输出。如：判断一张图片是猫还是狗，直接学习“猫”和“狗”的特征差异（如耳朵形状、
  • 鸿蒙系统（HarmonyOS）应用开发之实现瀑布流图片展示效果 伍哥的传说 HarmonyOS资源harmonyos华为前端鸿蒙鸿蒙系统
    项目概述科技图库是一款基于鸿蒙系统（HarmonyOS）开发的高品质图片浏览应用，专注于展示精选科技主题图片。应用采用现代化的瀑布流布局，为用户提供流畅、直观的浏览体验，让科技之美尽收眼底。主要功能1.瀑布流布局展示自适应网格：采用双列瀑布流布局，根据图片原始比例自动调整显示大小流畅滚动：优化的性能确保即使加载大量图片也能保持流畅的滚动体验优雅加载：加载状态优雅展示，提供良好的用户反馈2.高清图片
  • 蓝色教育培训通用PPT模板 puerppt 平面
    模板介绍本套蓝色教育培训通用PPT模板,模板编号：P22236，大小10MB,共27页,比例为16:9,由封面、目录、转场页、内容、结尾5个部分构成。内含青色,蓝色,灰色多种配色，精美其他风格设计，动态播放效果，精美实用。一份设计精美的PPT模板，可以让你在汇报演讲时脱颖而出。PPT模板都是源文件，文字、图片都可以编辑，内容、页面根据自己的需要增加删除。模板下载后请安装并使用Office或WPS软
  • 用python解决关于opencv对图片色点选取并与原图形成对照，代码与常见问题 枕书眠月 opencvopencv人工智能计算机视觉python嵌入式硬件开发语言
    下面我们将学习opencv和HSV，因为RGB相同的颜色在各种照明条件下可能看起来不同，HSV模型将颜色信息（色调）与亮度和强度分开，这使得检测黄色、红色或绿色等颜色变得更加容易，尤其是在不同的光照条件下HSV更胜一筹，RGB不太适合颜色检测。所以使用HSV（色相、饱和度、值）颜色模型来检测图像中的红色。接下来逐步完成每个步骤，包括导入库、加载图像、将图像转换为HSV色彩空间、创建红色蒙版、查找轮
  • App Store暗藏虚假抖音，内含间谍软件窃取照片和加密货币 FreeBuf- TikTokAppStoreiOSAndroid
    卡巴斯基网络安全研究人员近日发现名为SparkKitty的新型间谍软件活动，该恶意程序已感染苹果AppStore和谷歌Play官方商店的多个应用。这款间谍软件旨在窃取用户移动设备中的所有图片，疑似专门搜寻加密货币相关信息。该攻击活动自2024年初开始活跃，主要针对东南亚和中国用户。伪装流行应用渗透设备SparkKitty间谍软件通过看似无害的应用程序渗透设备，通常伪装成TikTok等流行应用的修改
  • 从0开始学习计算机视觉--Day04--线性分类 Chef_Chen 学习计算机视觉分类
    从宏观来看，卷积网络可以看做是由一个个不同的神经网络组件组合而成，就像积木一样通过不同类型的组件搭建形成，其中线性分类器是一个很重要的组件，在很多卷积网络中都有用到，所以了解清楚它的工作原理对我们后续的学习会有很大的帮助。线性分类器是参数模型中最简单，最基础的例子，下面我们用输入图片输出图片分类的模型的例子来更进一步地了解它。首先，我们输入一张图片到模型中，输入后我们就会得到f(x,W)，x指的是
  • uni-card组件，使用thumbnail图标，修改图片尺寸 胡斌附体 unicardthumbnail修改图片尺寸rpx与px样式覆盖important
    背景。uniapp开发微信小程序。使用uni-card组件，使用thumbnail图标，修改图片尺寸。uni-card文档链接尝试通过层层筛选获取样式进行修改（.classname.classname{}），但太麻烦，直接使用!important起作用。总结。对复杂问题再问问大模型。还是能给出正确的解决方案。此问题解决，通过了3层询问。首先问有没有更简单的方式，他给出了不加!important的方
  • Milvus中 Collections 级多租户 和 分区级多租户 的区别 背太阳的牧羊人 人工智能RAG优化方法milvus向量数据库
    原文链接图片内容中。1，所有租户共用一个Collection：所有租户共享一个Collection，租户特定字段用于过滤。2，每个租户一个分区：租户共享一个Collections，但他们的数据存储在不同的分区中。我们可以通过为每个租户分配一个专用分区来隔离数据。3，基于PartitionKey的多租户：这是一种可扩展性更强的方案，其中单个Collections使用分区Key来区分租户。它们看起来相
  • 基于YOLOv8的桃子成熟度检测系统，支持图片、视频、摄像头输入，PyQt5界面检测。识别并分类桃子的成熟度（未熟、半熟、成熟） QQ67658008 YOLO音视频qt桃子成熟水果成熟度检测系统
    基于YOLOv8的桃子成熟度检测系统，支持图片、视频、摄像头输入，PyQt5界面检测。识别并分类桃子的成熟度（未熟、半熟、成熟）文章目录调用示例加载预训练模型开始训练加载训练好的模型在验证集上评估加载训练好的模型文字及代码仅供参考。桃子成熟度分类检测数据集，主要用于桃子成熟度分类检测应用任务数据背景：模拟实际田间条件，涵盖多种可能影响桃子检测准确性的因素，如变化的自然光照强度、多果粘连现象以及由枝
  • 各种极难数学概念的介绍 程序鸠 #天才少年学习合集数学
    （图片摘自B站视频【毕导】这个视频里说的都是真的，但你却永远无法证明）1.李代数（LieAlgebras）定义与运算规则：李代数是一类非结合代数，其元素间的运算满足交替性（即[x,x]=0对所有元素x成立）和雅可比恒等式（即[x,[y,z]]+[y,[z,x]]+[z,[x,y]]=0）。这里的运算[⋅,⋅]称为李括号，它度量了元素间的“非交换性”。与李群的关系：李代数与李群紧密相关，李群是具有光
  • 鸿蒙开发：loading动画的几种实现方式
    前言本文基于Api13这两天在优化一些功能，发现之前网路库中的oading动画是通过帧动画实现的，而刷新库中的动画却是直接使用的GIF，而到了另一个项目中则又是通过属性动画的方式实现的，索性就针对这几种实现方式简单总结一下，希望可以帮助到有需要的朋友。首先，我们要知道一点，想要实现一个动态的图片，不仅仅是以上的几种方式，使用lottie也可以实现，所以在实际的开发中，应当根据自身需求需要，选择一种
  • 批量图片尺寸修改工具 - 高效图片处理软件 空中湖 图像处理python
    批量图片尺寸修改工具-高效图片处理软件主要功能特点1.批量处理图片尺寸支持同时调整多张图片的尺寸可处理JPG、PNG、GIF等多种常见图片格式自动识别文件夹中的所有图片文件2.智能尺寸调整可自定义设置目标宽度和高度支持只设置宽度或高度，自动保持原图比例采用高质量缩放算法(LANCZOS)，保持图片清晰度3.灵活的文件夹处理可选择是否递归处理子文件夹支持保持原始文件夹结构自动创建输出目录，避免文件覆
  • 批量图片压缩工具 - 高效图片优化解决方案 空中湖 图像处理python
    批量图片压缩工具-高效图片优化解决方案软件简介批量图片压缩工具是一款专为需要处理大量图片的用户设计的实用工具。它能够帮助您快速压缩JPG、PNG、GIF等多种格式的图片文件，在保持良好视觉质量的同时显著减小文件体积。点击查看软件展示页面主要功能1.多格式支持支持JPG/JPEG、PNG、GIF等多种常见图片格式自动识别文件类型并采用最优压缩算法2.批量处理可一次性选择多个文件或整个文件夹进行压缩支
  • Liunx安装中文字体 生命的演绎 Linux系统linux
    Lunix默认没有中文字库，很容易导致项目开发时出现中文字符乱码的情况，所以导致生成出来的图片中文信息不展示。这里先演示字体查看已安装字体的命令查看linux已安装字体fc-listAI写代码java运行1如果出现以下提示-bash:fc-list:commandnotfound说明Linux中没有安装字体库，需要先安装字体库yum-yinstallfontconfig执行命令之后，会有生成/us
  • iOS http封装 374016526 ios服务器交互http网络请求
    程序开发避免不了与服务器的交互，这里打包了一个自己写的http交互库。希望可以帮到大家。   内置一个basehttp，当我们创建自己的service可以继承实现。   KuroAppBaseHttp *baseHttp = [[KuroAppBaseHttp alloc] init]; [baseHttp setDelegate:self]; [baseHttp
  • lolcat ：一个在 Linux 终端中输出彩虹特效的命令行工具 brotherlamp linuxlinux教程linux视频linux自学linux资料
      那些相信 Linux 命令行是单调无聊且没有任何乐趣的人们，你们错了，这里有一些有关 Linux 的文章，它们展示着 Linux 是如何的有趣和“淘气” 。 在本文中，我将讨论一个名为“lolcat”的小工具 – 它可以在终端中生成彩虹般的颜色。 何为 lolcat ? Lolcat 是一个针对 Linux，BSD 和 OSX 平台的工具，它类似于 cat 命令，并为 cat
  • MongoDB索引管理（1）——[九] eksliang mongodbMongoDB管理索引
    转载请出自出处：http://eksliang.iteye.com/blog/2178427 一、概述       数据库的索引与书籍的索引类似，有了索引就不需要翻转整本书。数据库的索引跟这个原理一样，首先在索引中找，在索引中找到条目以后，就可以直接跳转到目标文档的位置，从而使查询速度提高几个数据量级。       不使用索引的查询称
  • Informatica参数及变量 18289753290 Informatica参数变量
    下面是本人通俗的理解，如有不对之处，希望指正 info参数的设置：在info中用到的参数都在server的专门的配置文件中（最好以parma）结尾 下面的GLOBAl就是全局的，$开头的是系统级变量，$$开头的变量是自定义变量。如果是在session中或者mapping中用到的变量就是局部变量，那就把global换成对应的session或者mapping名字。 [GLOBAL] $Par
  • python 解析unicode字符串为utf8编码字符串 酷的飞上天空 unicode
    php返回的json字符串如果包含中文，则会被转换成\uxx格式的unicode编码字符串返回。 在浏览器中能正常识别这种编码，但是后台程序却不能识别，直接输出显示的是\uxx的字符，并未进行转码。   转换方式如下   >>> import json >>> q = '{"text":"\u4
  • Hibernate的总结 永夜-极光 Hibernate
    1.hibernate的作用,简化对数据库的编码,使开发人员不必再与复杂的sql语句打交道   做项目大部分都需要用JAVA来链接数据库，比如你要做一个会员注册的 页面，那么 获取到用户填写的 基本信后，你要把这些基本信息存入数据库对应的表中，不用hibernate还有mybatis之类的框架，都不用的话就得用JDBC，也就是JAVA自己的，用这个东西你要写很多的代码，比如保存注册信
  • SyntaxError: Non-UTF-8 code starting with '\xc4' 随便小屋 python
    刚开始看一下Python语言，传说听强大的，但我感觉还是没Java强吧！ 写Hello World的时候就遇到一个问题，在Eclipse中写的，代码如下 ''' Created on 2014年10月27日 @author: Logic ''' print("Hello World!");  运行结果 SyntaxError: Non-UTF-8
  • 学会敬酒礼仪 不做酒席菜鸟 aijuans 菜鸟
    俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。 细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。 细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。 细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。 细节四：自己敬别人，如果碰杯，一
  • 《创新者的基因》读书笔记 aoyouzi 读书笔记《创新者的基因》
    创新者的基因   创新者的“基因”，即最具创意的企业家具备的五种“发现技能”：联想，观察，实验，发问，建立人脉。   第一部分破坏性创新，从你开始 第一章破坏性创新者的基因 如何获得启示： 发现以下的因素起到了催化剂的作用：(1) -个挑战现状的问题；(2)对某项技术、某个公司或顾客的观察；(3) -次尝试新鲜事物的经验或实验；(4)与某人进行了一次交谈，为他点醒
  • 表单验证技术 百合不是茶 JavaScriptDOM对象String对象事件
    js最主要的功能就是验证表单,下面是我对表单验证的一些理解,贴出来与大家交流交流  ,数显我们要知道表单验证需要的技术点, String对象,事件,函数   一:String对象;通常是对字符串的操作;   1,String的属性;   字符串.length;表示该字符串的长度; var str= "java"
  • web.xml配置详解之context-param bijian1013 javaservletweb.xmlcontext-param
    一.格式定义： <context-param> <param-name>contextConfigLocation</param-name> <param-value>contextConfigLocationValue></param-value> </context-param> 作用：该元
  • Web系统常见编码漏洞（开发工程师知晓） Bill_chen sqlPHPWebfckeditor脚本
    1.头号大敌：SQL Injection 原因：程序中对用户输入检查不严格，用户可以提交一段数据库查询代码，根据程序返回的结果， 获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。 本质: 对于输入检查不充分，导致SQL语句将用户提交的非法数据当作语句的一部分来执行。 示例： String query = "SELECT id FROM users
  • 【MongoDB学习笔记六】MongoDB修改器 bit1129 mongodb
    本文首先介绍下MongoDB的基本的增删改查操作，然后，详细介绍MongoDB提供的修改器，以完成各种各样的文档更新操作  MongoDB的主要操作 show dbs 显示当前用户能看到哪些数据库 use foobar 将数据库切换到foobar show collections 显示当前数据库有哪些集合 db.people.update，update不带参数，可
  • 提高职业素养，做好人生规划 白糖_ 人生
      培训讲师是成都著名的企业培训讲师，他在讲课中提出的一些观点很新颖，在此我收录了一些分享一下。注：讲师的观点不代表本人的观点，这些东西大家自己揣摩。   1、什么是职业规划：职业规划并不完全代表你到什么阶段要当什么官要拿多少钱，这些都只是梦想。职业规划是清楚的认识自己现在缺什么，这个阶段该学习什么，下个阶段缺什么，又应该怎么去规划学习，这样才算是规划。  
  • 国外的网站你都到哪边看？ bozch 技术网站国外
    学习软件开发技术，如果没有什么英文基础，最好还是看国内的一些技术网站，例如：开源OSchina，csdn，iteye,51cto等等。 个人感觉如果英语基础能力不错的话，可以浏览国外的网站来进行软件技术基础的学习，例如java开发中常用的到的网站有apache.org 里面有apache的很多Projects,springframework.org是spring相关的项目网站,还有几个感觉不错的
  • 编程之美-光影切割问题 bylijinnan 编程之美
    package a; public class DisorderCount { /**《编程之美》“光影切割问题” * 主要是两个问题： * 1.数学公式（设定没有三条以上的直线交于同一点）： * 两条直线最多一个交点，将平面分成了4个区域； * 三条直线最多三个交点，将平面分成了7个区域； * 可以推出：N条直线 M个交点，区域数为N+M+1。
  • 关于Web跨站执行脚本概念 chenbowen00 Web安全跨站执行脚本
    跨站脚本攻击(XSS)是web应用程序中最危险和最常见的安全漏洞之一。安全研究人员发现这个漏洞在最受欢迎的网站,包括谷歌、Facebook、亚马逊、PayPal,和许多其他网站。如果你看看bug赏金计划,大多数报告的问题属于 XSS。为了防止跨站脚本攻击,浏览器也有自己的过滤器,但安全研究人员总是想方设法绕过这些过滤器。这个漏洞是通常用于执行cookie窃取、恶意软件传播,会话劫持,恶意重定向。在
  • [开源项目与投资]投资开源项目之前需要统计该项目已有的用户数 comsci 开源项目
            现在国内和国外,特别是美国那边,突然出现很多开源项目,但是这些项目的用户有多少,有多少忠诚的粉丝,对于投资者来讲,完全是一个未知数,那么要投资开源项目,我们投资者必须准确无误的知道该项目的全部情况,包括项目发起人的情况,项目的维持时间..项目的技术水平,项目的参与者的势力,项目投入产出的效益.....
  • oracle alert log file（告警日志文件） daizj oracle告警日志文件alert log file
    The alert log is a chronological log of messages and errors, and includes the following items: All internal errors (ORA-00600), block corruption errors (ORA-01578), and deadlock errors (ORA-00060)
  • 关于 CAS SSO 文章声明 denger SSO
    由于几年前写了几篇 CAS 系列的文章，之后陆续有人参照文章去实现，可都遇到了各种问题，同时经常或多或少的收到不少人的求助。现在这时特此说明几点： 1.  那些文章发表于好几年前了，CAS 已经更新几个很多版本了，由于近年已经没有做该领域方面的事情，所有文章也没有持续更新。 2. 文章只是提供思路，尽管 CAS 版本已经发生变化，但原理和流程仍然一致。最重要的是明白原理，然后
  • 初二上学期难记单词 dcj3sjt126com englishword
    lesson 课 traffic 交通 matter 要紧；事物 happy 快乐的，幸福的 second 第二的 idea 主意；想法；意见 mean 意味着 important 重要的，重大的 never 从来，决不 afraid 害怕 的 fifth 第五的 hometown 故乡，家乡 discuss 讨论；议论 east 东方的 agree 同意；赞成 bo
  • uicollectionview 纯代码布局, 添加头部视图 dcj3sjt126com Collection
    #import <UIKit/UIKit.h> @interface myHeadView : UICollectionReusableView { UILabel *TitleLable; } -(void)setTextTitle; @end #import "myHeadView.h" @implementation m
  • N 位随机数字串的 JAVA 生成实现 FX夜归人 javaMath随机数Random
    /** * 功能描述 随机数工具类<br /> * @author FengXueYeGuiRen * 创建时间 2014-7-25<br /> */ public class RandomUtil { // 随机数生成器 private static java.util.Random random = new java.util.R
  • Ehcache（09）——缓存Web页面 234390216 ehcache页面缓存
    页面缓存 目录 1       SimplePageCachingFilter 1.1      calculateKey 1.2      可配置的初始化参数 1.2.1     cach
  • spring中少用的注解@primary解析 jackyrong primary
    这次看下spring中少见的注解@primary注解，例子 @Component public class MetalSinger implements Singer{ @Override public String sing(String lyrics) { return "I am singing with DIO voice
  • Java几款性能分析工具的对比 lbwahoo java
    Java几款性能分析工具的对比 摘自：http://my.oschina.net/liux/blog/51800   在给客户的应用程序维护的过程中，我注意到在高负载下的一些性能问题。理论上，增加对应用程序的负载会使性能等比率的下降。然而，我认为性能下降的比率远远高于负载的增加。我也发现，性能可以通过改变应用程序的逻辑来提升，甚至达到极限。为了更详细的了解这一点，我们需要做一些性能
  • JVM参数配置大全 nickys jvm应用服务器
    JVM参数配置大全 /usr/local/jdk/bin/java -Dresin.home=/usr/local/resin -server -Xms1800M -Xmx1800M -Xmn300M -Xss512K -XX:PermSize=300M -XX:MaxPermSize=300M -XX:SurvivorRatio=8 -XX:MaxTenuringThreshold=5 -
  • 搭建 CentOS 6 服务器(14) - squid、Varnish rensanning varnish
    （一）squid 安装 # yum install httpd-tools -y # htpasswd -c -b /etc/squid/passwords squiduser 123456 # yum install squid -y 设置 # cp /etc/squid/squid.conf /etc/squid/squid.conf.bak # vi /etc/
  • Spring缓存注解@Cache使用 tom_seed spring
    参考资料 http://www.ibm.com/developerworks/cn/opensource/os-cn-spring-cache/ http://swiftlet.net/archives/774   缓存注解有以下三个： @Cacheable      @CacheEvict     @CachePut
  • dom4j解析XML时出现"java.lang.noclassdeffounderror: org/jaxen/jaxenexception"错误 xp9802
    java.lang.NoClassDefFoundError: org/jaxen/JaxenExc 关键字: java.lang.noclassdeffounderror: org/jaxen/jaxenexception 使用dom4j解析XML时，要快速获取某个节点的数据，使用XPath是个不错的方法，dom4j的快速手册里也建议使用这种方式 执行时却抛出以下异常： Exceptio
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他