忆之逸之
忆之逸之

HTML5 内置本地数据库之Sqlite

HTML5 内置本地数据库之Sqlite

一、关于HTML5和web本地数据库

SQLite 可以很好的支持关系型数据库所具备的一些基本特征，如标准SQL语法、事物、数据表和索引等，且占用资源较少，可在移动设备上轻松使用。
HTML5中添加了很多功能，将一些以前必须保存在服务器上的数据转向本地保存，提高了Web应用程序性能的同时还减轻了服务器的负担。然而关于Web SQL Database有一个不太好的消息（来自网络）：

我们经常在数据库中处理大量结构化数据，html5引入Web SQL Database概念，它使用 SQL 来操纵客户端数据库的 API，这些 API 是异步的，规范中使用的是SQLlite，悲剧正是产生于此，Web SQL Database规范页面有着这样的声明

HTML5 内置本地数据库之Sqlite_第1张图片

This document was on the W3C Recommendation track but specification work has stopped. The specification reached an impasse: all interested implementors have used the same SQL backend (Sqlite), but we need multiple independent implementations to proceed along a standardisation path.

大概意思就是

这个文档曾经在W3C推荐规范上，但规范工作已经停止了。目前已经陷入了一个僵局：目前的所有实现都是基于同一个SQL后端（SQLite），但是我们需要更多的独立实现来完成标准化。

也就是说这是一个废弃的标准了，虽然部分浏览器已经实现

一上来就泼凉水确实不太好 ，但是学习一下总归没有什么坏处的，对吧？
目前我已知的支持Web SQL Database的浏览器有chrome（估计还有别的，只是我没用到~），然而火狐和IE并不支持。
W3C目前力推的H5本地数据库是IndexedDB

二、H5 Sqlite数据库三个核心API

opendatabase：使用现有数据库或创建新数据库创建数据库对象

var db = openDatabase('myTel','1.0','test db',1024*100);
//四个参数分别是数据库名 版本 数据库描述 大小
//当该数据库不存在的时候创建并打开数据库，否则直接打开数据库。
//创建的数据库存于本地浏览器的Cache 文件夹。

transaction：事务，可根据情况控制事务提交或回滚

db.transaction(callback)
//用作事务处理，来操作数据库

executeSql：用于执行SQL查询

db.transaction(function(tx){
    tx.executeSql('SQL语句',[参数数组],dataHandler,errorHandler)
})
//executeSql的四个参数：
//1、操作数据库的SQL语句
//2、SQL语句中使用的参数的数组
//3、语句操作成功调用的方法
//4、语句操作失败调用的方法

关于dataHandler和errorHandler:

function dataHandler(transaction,results);
// 其中，results的rows属性中保存了查询到的每一条记录，rows.length属性可以获取记录的条数
// 可使用rows[index]或rows[item]来单独取到某条记录
function errorHandler(transaction,errMsg);

三、一个例子

下面使用一个比较完整的例子来演示。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sqlitetitle>
head>
<body onload="init()">
    
    姓名：<input type="text" id="name"/>
    电话：<input type="text" id="tel" />
    <input type="button" value="保存" onclick="saveData()" />
    <hr/>
    <input type="button" onclick="showAllData()" value="显示全部">
            <input type="button" onclick="delAllData()" value="清空全部">
    <hr/>
    <table id="datatable" border="1">

    table>
    <p id="'msg">p>

body>
<script type="text/javascript">
    var datatable = null;
    var db = openDatabase('myTel','1.0','test db',1024*100);//数据库名 版本 数据库描述 大小

    function init(){//初始化工作
        datatable = document.getElementById('datatable');
        showAllData();
    }
    function removeAllData(){//移除页面上展示的数据
        for(var i = datatable.childNodes.length-1;i>=0;i--){
            datatable.removeChild(datatable.childNodes[i]);
        }
        var tr = document.createElement('tr');
        var th1 = document.createElement('th');
        var th2 = document.createElement('th');
        th1.innerHTML = '姓名';
        th2.innerHTML = '电话';
        tr.appendChild(th1);
        tr.appendChild(th2);
        datatable.appendChild(tr);

    }
    function showData(row){//显示数据
        var tr = document.createElement('tr');
        var td1 = document.createElement('td');
        td1.innerHTML = row.name;
        var td2 = document.createElement('td');
        td2.innerHTML = row.tel;
        tr.appendChild(td1);
        tr.appendChild(td2);
        datatable.appendChild(tr);
    }
    function showAllData(){//显示所有数据

        db.transaction(function (tx){
            tx.executeSql('create table if not exists TelData(name TEXT,tel TEXT)',[],function(tx,res){

                },function(tx,err){
                    alert(err.message)
                });

            tx.executeSql('select * from TelData',[],function(tx,result){
                removeAllData();
                for(var i = 0 ;ifunction saveData(){//保存数据
        var name = document.getElementById('name').value;
        var tel = document.getElementById('tel').value;
        addData(name,tel);
        showAllData();
    }
    function addData(name,tel){//添加数据
        db.transaction(function(tx){
            tx.executeSql('insert into TelData values(?,?)',[name,tel],function(tx,rs){
                alert('yes');
            },
            function (tx,err){
                alert(err.source +'===='+err.message);
            })
        })
    }
    function  delAllData(){//删除所有数据
        db.transaction(function(tx){
            tx.executeSql('delete from TelData',[],function(tx,res){
                alert('删除成功~');
            },function (tx,err){
                alert('删除失败'+err.message);
            })
        })
        showAllData();
    }
script>
html>

执行结果：

添加一条数据：

HTML5 内置本地数据库之Sqlite_第2张图片

运行结果：

HTML5 内置本地数据库之Sqlite_第3张图片

再添两条：

HTML5 内置本地数据库之Sqlite_第4张图片

关闭浏览器后重新打开：

HTML5 内置本地数据库之Sqlite_第5张图片

全部清空之后

HTML5 内置本地数据库之Sqlite_第6张图片

你可能感兴趣的:(H5+CSS3)

  • 纯H5+CSS3实现下雨特效 前端-小苗00 css3前端css
    下面这是效果图：HTML部分代码：为方便大家复制：                                                                                                                                                                               
  • 尚硅谷H5+CSS3基础课笔记一（HTML部分） JayyyyW html5css
    课程简介C/S架构——图形化界面，B/S架构——网页相较于图形化界面，网页具有优势：无需安装；无需更新；跨平台语言：HTML，CSS，JavaScript拜见祖师爷伯纳斯李1994年建立万维网联盟（W3C），为制订网页开发的标准。结构——HTML，表现——CSS，行为——JavaScriptHTMLHypertextMarkupLanguage超文本标记语言，超文本指的是超链接注释是无结束的标签有
  • 《Web前端技术H5+CSS3》笔记--第四章 初识CSS3[云图智联] 云图智联IT教育
    1.1CSS概述1.1.1什么是CSSHTML标签原本被设计为用于定义文档内容。通过使用h1、p、table这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创
  • h5+css3基础面试题 我不是我不是 htmlcsscss3
    h5+css面试题一HTML5中新增了那些内容?广义上的html5指的是最新一代前端开发技术的总称,包括html5,css3,新增的webAPihtml,中新增了header,footer,main,nav等语义化标签,新增了video,audio媒体标签,新镇了canvas画布.新增了一些标签属性,例如input的placeholder.css中新增了:圆角,阴影,滤镜,vwvh单位,flex布
  • 前端H5+CSS3流光效果 foncen h5csshtmlcss3html5
    每次看到颜色渐变总是不由自主的想到流光,刚开始是考虑通过父子元素遮挡的想法实现,发现过于复杂,放弃选择博客之后豁然开朗.准备材料一张图片作为标题图标,没有其他了开始,创建stream.html文件处理小图标流光主题内容调整样式html{margin:0;padding
  • H5+CSS3 背景图毛玻璃效果实现方案 Azer.Chen css3csscss3htmlhtml5safari
    方案一、+filter:blur().background{width:100px;height:auto;filter:blur(20px);}优势：通过的方式引入背景图片或者图标，可以被搜索引擎抓取，可用于网站页面中较为重要的图片资源的引入。通过引入图片时，可以通过单独设置width或height的其中一个，并将另外外一个设置为auto，以实现图片在一个方向轴上的等比拉伸，可以避免图片的拉伸变
  • H5+Css3文本溢出添加省略号（包括插件） 骆骆爱学习 css3chrome前端
    一、单行溢出隐藏添加省略号p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}二、多行溢出隐藏省略号p{display:-webkit-box;-webkit-box-orient:vertical;/*设置省略号在容器第四行文本后*/-webkit-line-clamp:4;overflow:hidden;}局限性：使用web
  • H5+CSS3笔记 周与墨i
    关于授课（学习）许多人相信，他们的智力水平是生来是注定的，学业无成是因为先天不足。但实际情况是，当学习新东西时，大脑会发生改变，也就是说影响智力水平的因素在很大程度上是你本人掌握的。（自信）上课：主动参与学习可以有更好的效果。上课的跟着思路走-》琢磨-》提出问题。上课进行互动，可以开一些玩笑（调节气氛，没有恶意不影射谁），有\没有问题都要及时说出来。上课安排的课堂练习通常和当天的讲解内容及之前的知
  • 尚硅谷H5+CSS3基础课笔记二（CSS部分） JayyyyW css3前端css
    CSS3css（层叠样式表）处理网页的表现网页是一个多层的结构，用css可以分别为网页的每一个层设置样式，最终展示的是最上边一层。内联样式；内部样式表；外部样式表注释：/*...*/css基本语法：选择器+声明块选择器相关元素选择器：标签名{}id选择器：#id属性值{}类选择器：.class属性值{}通配选择器：*{}交集选择器：选择器1选择器2选择器n{}。这样一来就可以选择同时符合多个限定条
  • 面试题 yimi珊
    axios和ajax的区别axios是通过promise实现对ajax技术的一种封装axios可以运行nodejs里边，ajax只能在js中使用拦截请求和响应（Interceptors拦截器）axios可以并发请求h5+css3新特性有哪些h5的新特性：1.增加了语义化内容的元素，如header，footer，artical，section，nav2.增加了用于绘画的canvas元素以及svg元素
  • 使用Vue+Vue-router+el-menu实现菜单功能实战 经海路大白狗 Vue+vue.jsjavascript前端elementuispringboot
    前言上节回顾上一小节我们使用H5+CSS3实现了管理平台的架构布局，并且通过Vuex的使用，获取到前端数据本地化存储的username，绑定到右上角进行全局展示。还不了解上下文的同学可以回顾一下使用Vue+Vuex+CSS3完成管理端响应式架构模板实战。本节介绍本小节已经是专栏的第10篇博客了，我们将继续维护添加Vue-router的路由数据，这些路由都是后续实战业务的真实路由了，在添加部分路由的
  • 免费分享20套微信小程序源码 源码免费下载【强烈推荐】 淘源码d 精品源码推荐（免费）微信小程序小程序开发语言源码java
    淘源码：国内知名的源码免费下载平台微信小程序源码包括：商城系统、点餐外卖、垃圾分类、预约洗车、物业管理、校园跑腿、驾考学习、会议预约、图书管理、智能停车、在线答题等小程序源码。源码分享，文末获取源码！1、JAVA微信小程序商城源码带完整后台运行版00206架构为springmvc+mybatis+spring+maven+mysql后台前端使用boostrap-ace技术前台前端使用h5+css3
  • 我在乐字节学习前端的第三天-学习笔记：H5+CSS3面试题总结 codercore csshtmlchromecss3前端
    H5+css3面试题总结一、html5和html的区别：1.html5新增了语义化标签：footer、nav、section…2.html5完全支持css33.支持本地离线存储4.新增了canvas标签5.新增视频和音频标签HTML5离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；sessionStorage数据在浏览器关闭后自动删除。如何区分HTML和HTML5？DOCTY
  • 我在乐字节学习前端的第三天-学习笔记：H5+CSS3面试题总结 codercore csshtmlchromecss3前端
    H5+css3面试题总结一、html5和html的区别：1.html5新增了语义化标签：footer、nav、section…2.html5完全支持css33.支持本地离线存储4.新增了canvas标签5.新增视频和音频标签HTML5离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；sessionStorage数据在浏览器关闭后自动删除。如何区分HTML和HTML5？DOCTY
  • 我在乐字节学习前端的第三天-学习笔记：H5+CSS3面试题总结 爱编程的大百 前端面试csshtml5css3
    H5+css3面试题总结一、html5和html的区别：1.html5新增了语义化标签：footer、nav、section…2.html5完全支持css33.支持本地离线存储4.新增了canvas标签5.新增视频和音频标签HTML5离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；sessionStorage数据在浏览器关闭后自动删除。如何区分HTML和HTML5？DOCTY
  • H5+CSS3之如何简单的实现自适应一排两列布局 残剑破空落飞雪 CSSflex
    用FLEX设置一排两列50%的设置方法：HTML代码CSS代码html,body,section{width:100%;height:100%;margin:0;padding:0;}ul,li{list-style:none;margin:0;padding:0;width:100%;}.box{display:flex;flex-direction:row;flex-wrap:wrap;jus
  • 【江哥带你从“零”玩转Html5 + 跨平台开发】学习笔记 晓娜点点 html5css
    最近一段时间都没有写博客，一是因为有新的项目要做，而是最近在学习有关H5移动开发相关方面的内容，以下是看了“【江哥带你从“零”玩转Html5+跨平台开发】”总结的学习笔记，目前只是更新到了H5+CSS3，相关视频网站地址：http://bbs.520it.com/forum.php?mod=viewthread&tid=2418HTML学习笔记字符集：header标签中添加解决乱码，指定当前网页字
  • 《Web前端技术H5+CSS3》笔记--第六章 盒子模型[云图智联] 云图智联 前端htmlcsshtml5css3js
    所有HTML元素可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。1.1盒子模型在学习盒子模型之前，先来看一个生活中的例子。假如墙上排列着几幅画。对于每幅画来说，都有一个边框，在英文中称为border；每个画框中，画和边框
  • 《Web前端技术H5+CSS3》笔记--第三章 表单[云图智联] 云图智联 前端pythonjavacsshtmlhtml5
    1.1表单概述1.1.1表单在网页中的应用表单在网页中应用比较广泛，如申请电子邮件，用户需要首先填写注册信息，然后才能提交申请。又如希望登录邮箱收发电子邮件，也必须在登陆页面中输入用户名、密码才能进入邮箱，这就是典型的表单应用。通俗的讲，表单就是一个将用户信息组织起来的容器。将需要用户填写的内容放置在表单容器中，当用户单击“提交”按钮时，表单会将数据统一发送给服务器。表单的应用比较常见，典型的应用
  • 《Web前端技术H5+CSS3》笔记--第四章 初识CSS3[云图智联] 云图智联 前端htmlpythoncssjavajavascript
    1.1CSS概述1.1.1什么是CSSHTML标签原本被设计为用于定义文档内容。通过使用h1、p、table这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创
  • 《Web前端技术H5+CSS3》第二章 HTML基础[云图智联] 云图智联 前端列表csshtmlhtml5javascript
    1.1列表1.1.1列表及其应用1.什么是列表简单来说，列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来。2.列表的分类及其应用无序列表，语法：第一项第二项第三项有序列表，语法：第一项第二项第三项定义列表，语法：标题第一项第二项标题二第一项第二项无序列表|无序列表由ul标签和li标签组成，使用ul标签作为无序列表的声明，使用li标签作为每个列表项的起始。无序列表中
  • 《Web前端技术H5+CSS3》笔记--第一章 HTML基础[云图智联] 云图智联 前端htmlpythoncssjava人工智能
    1.1HTML简介1.1.1HTML：HyperTextMarkupLanguage（超文本标记语言）在学习使用HTML之前，大家经常会问，什么是HTML？HTML是用来描述页面的一种语言，它是一种超文本标记语言，也就是说，HTML不是一种编程语言，仅是一种标记语言。HTML由一套标记标签组成，在制作网页时，HTML使用标记标签来描述网页。1.1.2发展史1.1.3HTML5的优势HTML5自正式
  • H5+CSS3基础（常用） 404狗敏 面试题H5面试题
    （一）说一下h5的新特性1-切记回答这个问题不要只说语义化标签，如果只说这个就废了,可以从自己的体验方面，去分析的说，不要死记硬背2-可以先说一下h5新增的语义化标签和jsAPI01-语义化标签有:header,footer,aside,nav等02-还有在音频和视频方面的改进->1.视频（video）2.音频(audio)03-jsAPI有如本地存储->1.localStorage和Sessio
  • 清风带你学-H5+CSS3（五）移动端滑动,手势，布局 清风丶Spirit_Breeze H5+CSS3
    M-web了解touch事件的使用独立完成jdM的轮播图掌握区域滚动插件使用了解手势事件的原理安装less运行环境nodeJStouch事件触摸事件事件说明touchstart当手指触碰屏幕时候触发该事件touchmove当手指在屏幕上滑动时候触发该事件touchend当手指离开屏幕时触发该事件touchcancel当系统停止跟踪（被迫终止）触摸时候会触发。触摸点集合触摸点集合说明targetTo
  • 清风带你学-H5+CSS3（六）使用less维护rem布局项目 清风丶Spirit_Breeze H5+CSS3
    M-web掌握less的安装和编译掌握less的基本语法掌握在项目中使用less掌握rem适配的原理掌握rem+媒体查询适配掌握rem+flexible适配课程内容less什么是less作为一门标记性语言，CSS的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少CSS编写经验而很
  • 考核感慨 陈星如_三月
    回家了，晚上有点失眠了想起昨天下午的考核，h5+css3的制作网页考核，考核效果不尽如人意，可以说是很差基础知识掌握的不好，只会自己网页模仿中写到的用到的一点点知识，关于该元素引申出的其他实现方式，其他表达方式，其他类型一概不知知识面狭窄，可以说几乎没有知识面，是一些细碎的东西，自己心里也没有形成知识框架问起问题来，不会的很多，了解过XXX吗?没了解过其他表达方式你还知道吗？其他的没用过，没了解到
  • H5+CSS3简单动画 知识点 汇总 aoe41606
    乱入几个：1.h5的一个语义化标签figure:用于规定独立的流内容（图像图表照片代码等）figcapition：与figure配套使用，用于标签定义figure元素标题2.媒体查询：通过不同的媒体类型和条件定义样式规则；媒体查询大部分媒体特性都接受min和max用于表示“大于等于”或“小于等于”：width:min-width;max-width媒体查询能够用在@media和import规则上，
  • ASP.NET动态网站课程设计——个人网页 aisebu7819
    时光荏苒，岁月如梭，又是学期期末时，没错，我又来补课程设计了，hhh。本文主要讲述如何在用H5+CSS3写的静态网站的基础上，结合ASP.NET动态网站开发，制作一个动态的个人网页。首先需要熟悉一下VirtualStdio这个编译环境。打开VS，建立一个站点，创建一个空白网站，记得选用C#语言。然后可以看到熟悉的H5的基本框架，略有不同的是有些标签中有一些新的属性，比如runat="server"
  • H5+CSS3之如何简单的实现自适应一排两列布局 张三无语 css
    先上效果图：再来代码：html,body,section{width:100%;height:100%;margin:0;padding:0;}ul,li{list-style:none;margin:0;padding:0;width:100%;}.box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-b
  • Vue-h5+css3+vue实现图书管理案例 程序猿强哥 vue
    本案例采用idea进行开发先创建一个空项目h5+css3实现的静态页面效果h5+css3代码Document.grid{margin:auto;width:500px;text-align:center;}.gridtable{width:100%;border-collapse:collapse;}.gridth,td{padding:10;border:1pxdashedorange;heig
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他