一颗冉冉升起的新星
一颗冉冉升起的新星

微信JS-SDK上传照片到本地服务器 解析与实例

先附两张效果图

微信JS-SDK上传照片到本地服务器 解析与实例_第1张图片 微信JS-SDK上传照片到本地服务器 解析与实例_第2张图片 微信JS-SDK上传照片到本地服务器 解析与实例_第3张图片 微信JS-SDK上传照片到本地服务器 解析与实例_第4张图片 微信JS-SDK上传照片到本地服务器 解析与实例_第5张图片

实现此实例的思路：

  • 需要调用微信的JSSDK，所以首先要进行微信验证（验证需要的appid、生成签名的随机串、签名等信息需要后台提供）
  • 这里要的功能是可以多选，上传多张照片。而上传照片接口是需要一张一张上传到微信服务器的，所以这里用递归做了一个处理。
  • 最后得到的serverIds图片地址列表是本地图片上传后在微信服务器上的地址列表。如果想要保存到本地服务器，可以把它传给后台，由后台去和微信交互来得到并保存图片。

完整实现代码


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1 minimum-scale=1, user-scalable=no">
    <title>lianlian xixititle>

    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js">script>
    <style>
        .red { color: red; }
        .box > p { font-size: 14px; border-bottom: 1px solid #ddd; padding: 0.4rem; }
        .box > .uploadImgBox { padding: 0.266667rem 0.4rem; }
        .box > .uploadImgBox > h1 { border: none; font-weight: bold; padding: 0.1rem 0 0.2rem; }
        .box > .uploadImgBox > p { text-align: center; margin-top: 0.3rem; }
        .box > .uploadImgBox .imgBoxOne,
        .box > .uploadImgBox .imgBox { display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.2rem; border: 1px dotted #ddd; margin: 0.2rem; text-align: center; vertical-align: middle; position: relative; }
        .box > .uploadImgBox .imgBoxOne { font-size: 1rem; color: #666; }
        .box > .uploadImgBox .imgBox > img { width: 2.5rem; height: 2.5rem; }
        .box > .uploadImgBox .imgBox > .del { background: #fff; position: absolute; top: -0.25rem; right: -0.25rem; width: 0.5rem; height: 0.5rem; color: #9a9a9a; font-size: 20px; line-height: 0.45rem; border: 1px solid #ddd; border-radius: 0.25rem; }
        .box > .trueInstall { width: 50vw; margin: 0.533333rem auto 0.533333rem 25vw; color: #fff; background: #00CC99; border: none; border-radius: 0.8rem; padding: 0.32rem 1.6rem; font-size: 14px; }
    style>
head>

<body>
    <div class="box">
        <p>请上传照片p>
        <div class="uploadImgBox">
            <h1>上传照片h1>
            <div class="imgList" id="imgBox">
                <div class="imgBoxOne" id="addImg">+div>
                
            div>
            <p><span class="red">* span>温馨提示：至少上传一张图，拍正面以及编号。p>
        div>
        <button type="button" class="trueInstall" id="trueInstall">确定button>
    div>

    <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js">script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js">script>
    <script>
        var serverIds = [];     //用于存储要上传到本地服务器的照片 在微信服务器上的地址列表
        function delImg(dom){    //选择图片显示后 点击删除按钮删除图片（DOM 和 上面的图片列表）
            serverIds.splice($(dom).parent().prevAll().length-1,1);
            $(dom).parent().remove();
        }

        $(function(){
            $.ajax({        //请求获取微信验证需要的数据
                url:  "/wprovider/wechat/get_signature",
                type: "post",
                dataType: "json",
                data: { "url" : window.location.href },
                success: function (data) {
                    wx.config({        //微信验证
                        //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: data.data.appId, // 必填，企业号的唯一标识，此处填写企业号corpid
                        timestamp: data.data.timestamp, // 必填，生成签名的时间戳
                        nonceStr: data.data.nonceStr, // 必填，生成签名的随机串
                        signature: data.data.signature,// 必填，签名，见附录1
                        jsApiList: ['chooseImage','uploadImage']  // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                    });
                }
            });
            $("#addImg").on("click",function(){
                wx.chooseImage({
                    //count: 1, // 默认9
                    //sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                    //sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                    success: function(res) {
                        //返回选定照片的本地ID列表
                        var localIds = res.localIds;  //返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                        var i = 0, length = localIds.length;
                        function upload() {
                            wx.uploadImage({
                                localId: localIds[i],   //需要上传的图片的本地ID，由chooseImage接口获得
                                //isShowProgressTips: 1, // 默认为1，显示进度提示
                                success: function(res) {
                                    //var serverId = res.serverId; // 返回图片的服务器端ID
                                    (i==0) && ($("#imgBox").append($('
0]+'" alt="">×
')));
                                    i++;
                                    serverIds.push(res.serverId);
                                    if (i < length) {
                                        $("#imgBox").append($('
'" alt="">×
'));
                                        upload();   //用递归实现上传多张照片
                                    }
                                },
                                fail: function(res) { /* alert(JSON.stringify(res)); */ }
                            });
                        }
                        upload();
                    }
                });
            });

            $("#trueInstall").on("click",function(){
                //ajax将serverIds传递给后台
                alert(serverIds.length);
            });
        });
    script>
body>
html>

你可能感兴趣的:(微信开发)

  • 微信小程序游戏开发 红匣子实力推荐
    微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也正因为其便利性，微信小程序在各个领域都有广泛的应用，其中包括游戏领域。本文将为你介绍微信小程序游戏开发的基本知识。开发-联系电话：13642679953（微信同号）一、开发环境准备1.微信开发者工具：这是微信官方提供的开发工具，支持小程序的开发和调试。你可以在微信公众平台下载并安装。2
  • uni-app +vue+微信小程序 发布线上 快乐的高兴的学习代码中 小程序vue.js微信uni-app
    通过HBuilderx里写uni-app语言和vue来做微信小程序,在微信开发者工具里来看效果图发布步骤：1.先在HBuildeX开发工具--找到导航栏里的发行---再选择小程序微信（仅适用于uni-app）2.在微信开发者工具，运行小程序后，找到导航栏的上传上传那里会出现一个提示框，可以在那里写项目备注上传成功后会有提示3.打开微信开发者工具微信公众平台，登录相关账号，选择版本管理
  • 中秋猜灯谜_猜字谜小程序源码，无需服务器 北漂的老猿 代码吧猜灯谜
    这款小程序搭建是免服务器和域名的，serverless，没有后端;无需设置合法域名的!上传就可以使用;只需要使用微信开发者工具打开源码然后上传审核就可以了!这款小程序其实比较简洁，分两种模式青铜模式(普通)和王者模式(困难)，猜题里面还支持答案提示,当然是有次数限制的。代码免费下载
  • 微信开发者工具-出错：网络连接失败解决方案 一名在八月份找工作的测试员 前端微信小程序web小程序
    尝试了网上多种方案，一直不成功；以下为我尝试过百度的方案①设置-代理设置-选择“不使用任何代理，勾选后直连网络”；②控制面板->点击“网络和internet”->Internet选项->点击“高级”->点击还原高级设置和重置；win+R然后输入regedit，打开注册表编辑器，通过路径打开HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVer
  • uniapp从当前小程序跳转到另一个小程序 牧杉-惊蛰 uni-app前端微信小程序
    目标：从当前的自己的小程序跳转到另一个小程序要跳转的那个小程序得是发布的，不然appid是无效的（只能在手机上预览，不能在微信开发者工具里面跳转，微信开发者工具不支持）方法：1：uni.navigateToMiniProgram方法跳转uni.navigateToMiniProgram函数的使用参数说明：appId（string类型，必填）：要打开的小程序的appId。path（string类型，
  • 快手客户端一二面+美团前端一面+腾讯企业微信开发客户端一面 一粼 开发语言
    快手一面结志1、自我介绍2、对称加密非对称加密3、TCP/UDP4、在学校有什么课程是强项，说了过去几次面试中面到的C++的语言基础知识5、问C++、Java中兴趣在哪里6、问到项目，自己做的还是跟着学校老师做的，同样问到兴趣在哪里7、LRUCache，要求限制大小，代码实现；用的一个queue一个vector加sort排序，仿照线程池结构来写的，回去还查了资料，和说的时候一样要求要用到最小堆或者
  • 前端配置环境 葱头的故事 前端
    工具类配置一、下载GitBash下载地址二、下载google浏览器下载地址三、下载微信开发者工具下载地址四、下载vscode下载地址1、安装中文包安装中文包教程2、安装插件3、vscode中使用git教程4、setting.json我自己常用的：{"editor.fontSize":18,"[scss]":{"editor.defaultFormatter":"esbenp.prettier-vs
  • 微信小程序获取当前位置，支持位置搜索，拖拽定位 庞胖 uniapp微信小程序javascript前端
    场景：微信小程序收货地址，导航地址，定位等需求微信开发者工具示例：手机调试示例：附上完整代码（在程序里写入这个方法，写点击事件直接进行方法调用，会自动唤起微信地图页面，如上图所示）：getMapLocation(){uni.chooseLocation({success:(res)=>{console.log(res);//this.getRegionFn(res);//this.mapName=
  • 常用编程软件自定义字体大全（持续更新中） sky-stars 笔记编辑器
    常用编程软件自定义字体大全（持续更新中）VisualStudio2022自定义字体大小VisualStudioCode自定义字体大小IntelliJIDEA自定义字体大小Eclipse自定义字体大小PyCharm自定义字体大小AndroidStudio自定义字体大小微信开发者工具自定义字体大小NavicatPremium自定义字体大小
  • uniapp-Cli创建的项目导入微信开发者工具，后台接口报错，线上版本不报错。 tieniuya 笔记uni-app微信小程序
    【情况】今天在微信开发者工具中导入项目，导入之后发现有一个接口报500了，用手机查看线上的版本该接口未报错，后台也没有动过接口。控制台提示域名不在request合法域名列表中【原因分析】接口报错原因这个接口后台去调用了微信的后台接口，是通过wxcode来获取微信支付用的其他参数，因为Appid选错了，所以wxcode也错了，后台拿错的wxcode和小程序的appid去调微信接口，所以出现的问题。控
  • springboot基于微信小程序的医院医疗设备管理系统 来财小铺哈哈哈 javamysql微信小程序springboot
    springboot基于微信小程序的医院医疗设备管理系统。源码➕数据库➕文档(lw+ppt)。开发技术：微信开发者工具、Javaspringbootmysql。项目内容：微信小程序主要包括设备员、使用员、设备信息、设备教学、使用手册、报修工单、维修进度、配件申领等功能。
  • 解决：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors 建筑师 前端javascript开发语言小程序
    在微信开发工具中运行文档中的代码，出现如下错误：[渲染层错误]Someselectorsarenotallowedincomponentwxss,includingtagnameselectors,IDselectors,andattributeselectors.(./custom-tab-bar/index.wxss:36:15)(env:Windows,mp,1.06.2210310;lib
  • 微信开发者工具Bug A-炜晨科技 微信小程序bug前端微信小程序
    微信开发者工具的编译模式可以添加看不到的开发页面(例如:必须扫码才能看到的页面)但今天发现有一个bug(虽然早就了解到此软件问题很多,但这次遇到了新的问题)....添加新的页面编译模式后还是跳转到其他页面(一般默认首页)我的是1.05版本查阅文档后发现也有挺多人遇到这种情况代码编译之后，点击页面不跳转，但是切换机型之后就可以正常跳转，刷新之后又不能正常跳转，如此反复我也不知道怎么解决,现在只能尝试
  • uniapp之微信开发者工具如何切换编译模式 qq_60272948 前端框架
    用vscode软件做uniapp项目时，做其他页面时，每次使用微信开发者工具都要点击，才能进入其他页面。就十分的麻烦，所以可以在微信开发者工具进入编译模式，点击第三个添加编译模式，点击下拉箭头，选择你想直接启动跳转的页面然后点击确定这样，你修改vscode代码，就能直接跳转到你想进入的页面了。
  • 小程序运行到微信开发者工具切换页面白屏 门门men uniapp
    问题，小程序运行到Chrom，页面展示正常，运行到微信开发者工具时切换页面白屏；微信开发者工具版本过低，微信开发者工具>检查更新>更新后重启。
  • 关于微信小程序 ueing 微信小程序小程序
    微信小程序是一种轻量级的应用程序，可以在微信内部运行，为用户提供便捷的服务和交互体验。1.规划与设计需求分析：明确小程序的目标用户、核心功能以及预期达到的效果。原型设计：绘制小程序的页面布局草图或使用工具制作交互原型。UI设计：设计小程序的视觉风格，包括颜色方案、字体选择等。2.开发环境搭建注册开发者账号：在微信公众平台上注册成为开发者。(要注册成为微信开发者并创建小程序:需要注意对于某些主体类型
  • uniapp 开发微信小程序 出现启用组件按需注入问题如何解决 古猿写代码 uniappuni-app微信小程序小程序
    问题描述在使用uniapp开发微信小程序，进行上架发布时代码质量栏出现启用组件按需注入问题。虽然现实代码上传成功，但是作为一个吹毛求疵的老猿人，肯定是无法容忍的。那么如何解决呢？问题解决方案在uniapp端，特别注意不是在微信开发工具端，找到unpackage包，在下面找到app.json文件。在app.json文件中，加入一下代码：//解决启用组件按需注入问题"lazyCodeLoading":
  • android/flutter 打包报错 ':app:lintVitalRelease' MonkeyLei
    最近搞的一个flutter小项目，也是给同学用的一个东东。微信开发平台申请通过了，准备接入分享微信和朋友圈的功能，然后找了一个三方的flutter分享库。也是各种折腾了一天，作者也帮忙搞了搞，但是没怎么搞定！debug运行没问题，就是release版本打包的时候出问题了...各种报错如下：FAILURE:Buildfailedwithanexception.*Whatwentwrong:Execu
  • 表白墙微信小程序源码【源码好又多】 源码好又多 脱单交友小程序源码微信小程序小程序
    “关键句:“表白墙微信小程序源码"引读：表白墙微信小程序源码简单的一个故事,从校园开始,我们的爱情,也是从青春走到殿堂,这里不畏惧藏在心里的话,这里有这上万人的祈祷,不惧被任何人看到,匿名服务,大声说出你的爱。快来表白墙小程序表白吧!前端采用：微信小程序，小程序开发小程序开发小程序端1.将小程序源码导入微信开发者工具2.点击根目录下的setting.JS配置文件编辑，可将里面的域名修改为您的域名3
  • 微信小程序 构建npm报错 没有生成miniprogram_npm目录 MorrisGeek npm前端微信小程序
    问题拉取已有仓库，在目录下执行npminstall，再在微信开发者工具里点构建npm，报错说找不到/miniprogram_npm基础库2.27.1解决方法一、先在project.config.json中检查配置{"setting":{"packNpmManually":true,"packNpmRelationList":[{"packageJsonPath":"./package.json",
  • uniapp全局拦截401跳转到登录页 herry-弟弟 小程序微信小程序
    1.使用uniapp开发小程序时，有时候后端接口返回的状态码是401，也就是未登录状态，这时候我们需要拦截401并让它跳到登录页，但是在封装的请求中直接判断状态码为401时弹出uni.showModal点击确定跳转时微信开发工具显示正常，但是真机上就重复弹出了很多个（假如你当前页面请求了5个接口，那就会有5个窗口，你需要点击5下才能关闭），这时我们的想法是只让他显示一次，解决方法如下：//在mai
  • 企业微信应用开发调试结合cpolar域名配置回调本地接口 比奥利奥还傲. 企业微信docker运维服务器容器linux
    文章目录1.Windows安装Cpolar2.创建Cpolar域名3.创建企业微信应用4.定义回调本地接口5.回调和可信域名接口校验6.设置固定Cpolar域名7.使用固定域名校验企业微信开发者在应用的开发测试阶段，应用服务通常是部署在开发环境，在有数据回调的开发场景下，企业微信的回调数据无法直接请求到开发环境的服务。内网穿透工具可以帮助开发者将应用开发调试过程中的回调请求，穿透到本地的开发环境。
  • [花店]网上花店微信小程序的设计与实现 Selina .a 微信小程序小程序springboot微信前端
    文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp小程序开发软件：HBuilderX小程序运行软件：微信开发者目录目录前言系统展示管理员功能模块的实现鲜花列表公告信息管理公告类型管理用户功能介绍鲜花管理公告管理代码实现登录功能实现代码
  • 基于微信小程序的居民健康监测的设计与实现 Selina .a 微信小程序小程序springboot美食学习
    文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp小程序开发软件：HBuilderX小程序运行软件：微信开发者目录目录前言系统展示用户信息管理健康科普管理公告类型管理论坛信息管理代码实现登录功能实现代码注册功能实现代码密码重置功能实现
  • 基于微信的铁路订票平台小程序的设计与实现 Selina .a 微信小程序springboot微信小程序前端
    文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp小程序开发软件：HBuilderX小程序运行软件：微信开发者目录目录前言系统展示用户信息管理车次信息管理公告信息管理论坛信息管理代码实现登录功能实现代码注册功能实现代码密码重置功能实现
  • 基于微信小程序的美食推荐系统的设计与实现 Selina .a 微信小程序美食小程序springboot学习uni-appjava
    文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp小程序开发软件：HBuilderX小程序运行软件：微信开发者目录目录前言系统展示用户信息管理水果信息管理水果类型管理论坛信息管理代码实现登录功能实现代码注册功能实现代码密码重置功能实现
  • 微信开发笔记 ganyuanmen asp.net/C#
    一、申请成为开发者条件是有对外的服务器并启用提供微信服务的web服务，目前只支持80端口登录微信公众号，填以下的信息并提交给你的服务器认证，认证成功后就成为开发者这里的Token要与你的服务器中Token一致服务器上发布的网站,把处理文件（.ashx）设为默认文件，并发布在80端口,处理文件内容如下：usingSystem;usingSystem.Web;usingSystem.Web.Secur
  • 微信小程序开发之Vant组件库 蓝黑2020 微信小程序微信小程序vant
    文章目录环境Vant介绍示例微信小程序的npm支持安装npm包构建npm在微信小程序开发中使用Vant准备安装和配置一：安装二：修改app.json三：修改project.config.json四：构建npm包使用Button组件Calendar组件参考环境Windows11家庭中文版微信开发者工具Stable1.06.2401020调试基础库3.3.4nodev18.19.0npm10.2.3V
  • 【2023】uniapp+vue3+ts超实用模板(续）
    【2023】uniapp+vue3+ts超实用模板（续）接着上篇文章【2023】uniapp+vue3+ts超实用模板，我们继续优化模板。6、处理unocss生成的样式在小程序报错问题在上面模板的基础上，npmrundev:mp-weixin会在dist/dev/mp-weixin生成微信小程序文件，打开微信开发者工具，导入该文件夹，发现跑不起来，控制台报错，如下。发现是生成的app.wxss包含
  • Uniapp-开发小程序 TE-茶叶蛋 小程序开发vueuniappuni-app小程序
    文章目录前言一、npmrunxxx——cross-env:Permissiondenied解决方法（亲测有效）其他解决方法：二、macOS微信开发者工具选择uniapp用vscode开发总结前言macOS下uniapp开发小程序。一、npmrunxxx——cross-env:Permissiondenied拷贝过来的项目带node_modules.运行npmrunxxx报错上述错误。解决方法（亲测
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他