SQLite   数据库引擎实现了主要的 SQL-92 标准，引擎本身只有一个文件，大小不到 300k ，但是并不作为一个独立的进程运行，而是动态或者静态的链接到其他应用程序中。它生成的数据库文件是一个普通的磁盘文件，可以放置在任何目录下。SQLite 本身是 C 语言开发的，开源也跨平台，并且被所有的主流编程语言支持。

wikipedia.org

三、基本命令

 

1、进入命令行环境：sqlite3

打开一个控制台窗口，输入 sqlite3 回车，这时你就进入了 SQLite 命令行环境，如图

它显示了版本号，并告诉你每一条 SQL 语句必须用分号 ； 结尾 

 

2、命令行帮助：.help

在命令行环境下输入 .help 回车，显示所有可使用的命令以及这些命令的帮助。注意：所有的命令开头都是一个点

 

3、退出命令行环境

.quit 或者 .exit  都可以退出

 

四、数据库和表的相关命令

 

1、创建一个新的数据库：sqlite3     文件名

先建立一个 Db 目录，并在 Db 目录中创建一个 test.db 数据库文件，打开控制台窗口，命令如下：

mkdir Db

cd Db

sqlite3 test.db

 

2、打开一个已经存在的数据库：sqlite3 已经存在的文件名

创建一个新数据库和打开一个已经存在的数据库命令是一模一样的，如果文件在当前目录下不存在，则新建；如果存在，则打开。

 

3、导入数据：.read     数据文件

打开记事本，并将下列 SQL 语句复制到记事本中，保存为 test.sql 到上面说到的 Db 目录下，在命令行环境中输入

.read   test.sql

即将所有的数据导入到 test.db 数据库中。

test.db 导入数据

BEGIN TRANSACTION;
CREATE TABLE Cars(Id integer PRIMARY KEY, Name text, Cost integer);
INSERT INTO Cars VALUES(1,'Audi',52642);
INSERT INTO Cars VALUES(2,'Mercedes',57127);
INSERT INTO Cars VALUES(3,'Skoda',9000);
INSERT INTO Cars VALUES(4,'Volvo',29000);
INSERT INTO Cars VALUES(5,'Bentley',350000);
INSERT INTO Cars VALUES(6,'Citroen',21000);
INSERT INTO Cars VALUES(7,'Hummer',41400);
INSERT INTO Cars VALUES(8,'Volkswagen',21600);
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Orders(Id integer PRIMARY KEY, OrderPrice integer CHECK(OrderPrice>0), 
                    Customer text);
INSERT INTO Orders(OrderPrice, Customer) VALUES(1200, "Williamson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(200, "Robertson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(40, "Robertson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(1640, "Smith");
INSERT INTO Orders(OrderPrice, Customer) VALUES(100, "Robertson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(50, "Williamson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(150, "Smith");
INSERT INTO Orders(OrderPrice, Customer) VALUES(250, "Smith");
INSERT INTO Orders(OrderPrice, Customer) VALUES(840, "Brown");
INSERT INTO Orders(OrderPrice, Customer) VALUES(440, "Black");
INSERT INTO Orders(OrderPrice, Customer) VALUES(20, "Brown");
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Friends(Id integer PRIMARY KEY, Name text UNIQUE NOT NULL, 
                     Sex text CHECK(Sex IN ('M', 'F')));
INSERT INTO Friends VALUES(1,'Jane', 'F');
INSERT INTO Friends VALUES(2,'Thomas', 'M');
INSERT INTO Friends VALUES(3,'Franklin', 'M');
INSERT INTO Friends VALUES(4,'Elisabeth', 'F');
INSERT INTO Friends VALUES(5,'Mary', 'F');
INSERT INTO Friends VALUES(6,'Lucy', 'F');
INSERT INTO Friends VALUES(7,'Jack', 'M');
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE IF NOT EXISTS Customers(CustomerId integer PRIMARY KEY, Name text);
INSERT INTO Customers(Name) VALUES('Paul Novak');
INSERT INTO Customers(Name) VALUES('Terry Neils');
INSERT INTO Customers(Name) VALUES('Jack Fonda');
INSERT INTO Customers(Name) VALUES('Tom Willis');

CREATE TABLE IF NOT EXISTS Reservations(Id integer PRIMARY KEY, 
                                        CustomerId integer, Day text);
INSERT INTO Reservations(CustomerId, Day) VALUES(1, '2009-22-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(2, '2009-28-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(2, '2009-29-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(1, '2009-29-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(3, '2009-02-12');
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Names(Id integer, Name text);
INSERT INTO Names VALUES(1,'Tom');
INSERT INTO Names VALUES(2,'Lucy');
INSERT INTO Names VALUES(3,'Frank');
INSERT INTO Names VALUES(4,'Jane');
INSERT INTO Names VALUES(5,'Robert');
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Books(Id integer PRIMARY KEY, Title text, Author text, 
                   Isbn text default 'not available');
INSERT INTO Books VALUES(1,'War and Peace','Leo Tolstoy','978-0345472403');
INSERT INTO Books VALUES(2,'The Brothers Karamazov',
                         'Fyodor Dostoyevsky','978-0486437910');
INSERT INTO Books VALUES(3,'Crime and Punishment',
                         'Fyodor Dostoyevsky','978-1840224306');
COMMIT

 

 4、列出所有的数据表： .tables

完成上面所有的工作以后，我们就可以列出所有的数据表了

 

5、显示数据库结构：.schema

其实就是一些 SQL 语句，他们描述了数据库的结构，如图

  

 

6、显示表的结构：.schema    表名

 

7、导出某个表的数据： .dump    表名

这时我们可以看到，整个表以 SQL 语句的形式为导出来了，但是只是显示在终端上，如何把它导出到文件中呢？

 

8、设置导出目标： 

.output     文件名  

或者

.output   stdout

先运行 .output cars.sql ，然后再运行 .dump 命令试试看？如果要回复成导出到终端（标准输出），则运行 .output stdout

 

五、数据显示相关命令

 

1、设置分隔符：.separator    分隔符

我们可以首先运行 SELECT * FROM Names； ，可以看到默认的分隔符是 | 

运行.separator : 以后，再 SELECT * FROM Names；，可以看到分隔符已经变成 : 了

 

2、设置显示模式：.mode    模式

有好几种显示模式，默认的是 list 显示模式，一般我们使用 column 显示模式，还有其他几种显示模式可以 .help 看 mode 相关内容。看看下面的图，和上面是不是显示的不一样了？

 

3、显示标题栏：.headers   on

看看，是不是又不太一样了？

 

4、设置每一列的显示宽度：.width     w1,w2,w3.........

一些内容，默认的宽度显示不下，这个命令就有用了

 

5、设置 NULL 值显示成什么样子： .nullvalue     你想要的NULL值格式

默认情况下NULL值什么也不显示，你可以设置成你自己想要的样子

 

6、列出当前显示格式设置情况：.show

 

7、配置文件 .sqliterc

如果我们每次进入命令行都要重新设置显示格式，很麻烦，其实 .show 命令列出的所有设置项都可以保存到一个 .sqliterc 文件中，这样每次进入命令行就自动设置好了。.sqlterc 文件在 Linux 下保存在用户的 Home 目录下，在 Windows 下可以保存到任何目录下，但是需要设置环境变量让数据库引擎能找到它，感兴趣的可以看看帮助。 

在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象， 但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。

一、坐标系

其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝右，Y轴正向朝下，如下图

声明：为本文为原创文章，作者保留所有权利！欢迎转载，转载请注明作者左洸和出处博客园

二、Stroke 和 Fill

HTML5中将图形分为两大类：

第一类称作 Stroke，我的理解就是轮廓、勾勒或者线条，总之，图形是由线条组成的；

第二类称作 Fill，就是填充区域

上下文对象中有两个绘制矩形的方法，可以让我们很好的理解这两大类图形的区别：

一个是 strokeRect，还有一个是 fillRect

下面的代码分别用这两个方法来绘制矩形，你可以分别点击两个按钮来看看有什么不同，从而理解 stroke 和 fill 的区别

设置画布

<canvas id="test1" width="200" height="200" style=" background-color: grey">你的浏览器不支持 &lt;canvas&gt;标签，请使用 Chrome 浏览器 或者 FireFox 浏览器</canvas>
<input type="button" value="strokeRect"  onclick="strokeRect();"/>
<input type="button" value="fillRect"  onclick="fillRect();"/>

strokeRect 和 fillRect

function strokeRect(){
    var canvas = document.getElementById('test1');
    var ctx=canvas.getContext("2d");
    ctx.clearRect(0,0,200,200);
    ctx.strokeStyle="blue";
    ctx.strokeRect(10,10,180,180);
}

function fillRect(){
    var canvas = document.getElementById('test1');
    var ctx=canvas.getContext("2d");
    ctx.clearRect(0,0,200,200);
    ctx.fillStyle="blue";
    ctx.fillRect(10,10,180,180);
}

你的浏览器不支持 <canvas>标签，请使用 Chrome 浏览器 或者 FireFox 浏览器

三、颜色

上下文对象有两个属性可以用来设置颜色：strokeStyle 和 fillStyle

strokeStyle 的值决定了你当前要绘制的线条的颜色

fillStyle 的值决定了你当前要填充的区域的颜色

颜色值应该是符合CSS3 颜色值标准的有效字符串。下面的例子都表示同一种颜色。

关于颜色，以后会有更多的说明。

四、基本绘图

除了上面给出的两个绘制矩形的方法外，上下文对象还有几个方法可以用来绘制一些基本图形，如下：

moveTo(x,y)：moveTo方法并不能画出任何东西，它只是将画笔的当前点移动到(x,y)处

lineTo(x,y)：从当前点到（x,y）点绘制一条直线。注意：绘制完成后，当前点就变成了(x,y)，除非你用 moveTo 方法去改变他

arc(x, y, radius, startAngle, endAngle, anticlockwise) ：绘制一条弧线

quadraticCurveTo(cp1x, cp1y, x, y)
bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) ：这两个方法都是绘制贝叶斯曲线，具体用法看参考手册

rect(x, y, width, height) ：绘制一个矩形。注意： 当它被调用时，moveTo 方法会自动被调用，参数为(0,0)，于是起始坐标又恢复成初始原点了。

有了直线、弧线、曲线、方形和圆形这几种基本图形，我们就可以组合出更复杂的图形了

五、理解绘制路径 Drawing Path

上一篇文章中说过，我们绘制的图形是先绘制到一个抽象的上下文对象中（其实就是内存中），然后再将上下文对象输出到显示设备上，这个输出到显示设备的过程不需要我们操心。但是有时候我们并不想立刻输出每一次绘制动作，也许我想让一组绘制动作完成以后，再集中一块输出， 比如一个围棋棋盘有19×19条直线组成，正常情况下需要向想显示设备输出19×19次，但是如果我们先暂停向显示设备输出，等在上下文中（内存中）全部绘制完成19×19条直线时，再向显示设备输出，只需要输出一次就可以了。

这种情况在HTML5中叫做绘制路径，它由几个上下文对象的方法组成：

beginPath() ：开始路径，意思就是在你调用这个方法后，你绘制的图形就不会再向屏幕输出了，而只是画到了上下文对象中（内存中）

stroke() ：将你调用 beginPath 方法以后绘制的所有线条，一次性输出到显示设备上

closePath() ：如果你调用 beginPath 方法以后，在上下文对象中进行了一系列的绘制，但是得到的图形是不闭合的，这个方法将会帮你补上最后一条直线，将你的图形闭合起来。

注意：closePath并不向屏幕输出图形，而只是在上下文对象中补上一条线，这个步骤不是必需的。

fill() ：

如果你的绘制路径组成的图形是封闭的，这个方法将用 fillStyle 设置的颜色填充图形，然后立即向屏幕输出；

如果绘制路径不是封闭的，这个方法会先将图形闭合起来，然后再填充输出。

注意：所有的 fill 图形，如 fillRect 等，都是立刻向屏幕输出的，他们没有绘制路径这个概念

下面的代码将绘制一个简单的填充三角形。

注意：绘制三角形的时候，默认的背景色为白色，默认的前景色为黑色。

设置画布

<canvas id="test2" width="200" height="200" style="border:1px solid #c3c3c3;">你的浏览器不支持 &lt;canvas&gt;标签，请使用 Chrome 浏览器 或者 FireFox 浏览器</canvas>
<input type="button" value="画三角"  onclick="drawTri();"/>
<input type="button" value="清除"  onclick="clearTri();"/>

绘制三角形

<script type="text/javascript">
    function drawTri(){
        var canvas = document.getElementById('test2');
        var ctx=canvas.getContext("2d");
        ctx.beginPath();
        ctx.moveTo(75,50);
        ctx.lineTo(100,75);
        ctx.lineTo(100,25);
        ctx.fill();
    }
    function clearTri(){
        var canvas = document.getElementById('test2');
        var ctx=canvas.getContext("2d");
        ctx.clearRect(0,0,200,200);
    }
</script>

你的浏览器不支持 <canvas>标签，请使用 Chrome 浏览器 或者 FireFox 浏览器

六、半个单位的坐标

这里还要回过头来说说坐标，下面的代码是在画布上绘制网格，点击“画网格”按钮可以看见效果

设置画布

<canvas id="test3" width="500" height="375" style="border:1px solid #c3c3c3;">你的浏览器不支持 &lt;canvas&gt;标签，请使用 Chrome 浏览器 或者 FireFox 浏览器</canvas>
<input type="button" value="画网格"  onclick="drawMap();"/>
<input type="button" value="清除"  onclick="clearMap();"/>

绘制网格

<script type="text/javascript">
    function drawMap(){
        var canvas = document.getElementById('test3');
        var ctx=canvas.getContext("2d");
        ctx.beginPath();
        for (var x = 0.5; x < 500; x += 10) {
            ctx.moveTo(x, 0);
            ctx.lineTo(x, 375);
        }
        for (var y = 0.5; y < 375; y += 10) {
            ctx.moveTo(0, y);
            ctx.lineTo(500, y);
        }
        ctx.strokeStyle = "#eee";
        ctx.stroke();
    }
    function clearMap(){
        var canvas = document.getElementById('test3');
        var ctx=canvas.getContext("2d");
        ctx.clearRect(0,0,500,375);
    }
</script>

你的浏览器不支持 <canvas>标签，请使用 Chrome 浏览器 或者 FireFox 浏览器

这段代码中，有一处奇怪的地方，就是坐标循环是从0.5开始的，这是为什么呢？

如下图，假如我想绘制一条从(1,0)到(1,3)的线，由于线的默认宽度是一个像素，所以在我想象中应该绘制成深绿色的部分，即在坐标 1 两边各占半个像素的宽度。

然而，浏览器的最小单位是一个像素，所以他会向两边扩展，实际绘制出来的浅绿色的部分，即占用了两个像素的宽度。这样，我们绘制的线条在坐标上就不精确了

如下图，如果我们给出的起始坐标是(1.5,0)和(1.5,3)，那么线条的宽度才是正确的一个像素。

七、清空画布

上面给出的两段代码中，我们都用到了清空画布，用到的方法如下：

clearRect(x,y,width,height)：

它接受四个参数， x 和 y 指定矩形左上角(相对于原点)的位置，width 和 height 是矩形的宽和高。调用该方法会将给出的矩形区域中所有绘制图形都清空，露出画布的背景

声明：为本文为原创文章，作者保留所有权利！欢迎转载，转载请注明作者左洸和出处博客园

//==========================================

一、wxpython 包的安装
在 教程 1 中，有人按照给出的代码运行，出现了如下错误：
ImportError: No module named wx

这是因为 wxpython 不是默认的包，需要自己安装。具体的安装地址是：
http://www.wxpython.org/download.php

您可以根据自己系统的平台和python版本选择相应的包下载，安装好后就不会出现上面的错误了。下载页面中还有一个 Demo 包，里面包含了大量的示例代码和帮助文件，是学习 wxpython 的好帮手。

二、Frame

Frame 其实就是窗体，前面我们生成窗体的时候没有给他任何参数，只生成了一个默认的窗体，生成默认窗体的代码如下：

其实 wx.Frame 可以传入很多参数，由此来控制生成窗体的样式和行为，现在我们来看看 Frame构造函数的原型：

参数1：parent
父窗体。如果没有父窗体，可以设为 None。

参数2：id
窗体编号。如果设置为-1，则系统自动给他分配一个编号。默认为-1.

参数3：title
窗体的标题栏，即Caption。默认为空。

参数4：pos
窗体的位置坐标。默认值为(-1,-1),则窗体的位置由系统决定。

参数5：size
窗体的大小。默认值为(-1,-1),则窗体的大小由系统决定。

参数6：style
窗体样式。默认值为 DEFAULT_FRAME_STYLE
默认样式 DEFAULT_FRAME_STYLE 是下面这些值的复合：
wxMINIMIZE_BOX | wxMAXIMIZE_BOX | wxRESIZE_BORDER | wxSYSTEM_MENU | wxCAPTION | wxCLOSE_BOX | wxCLIP_CHILDREN
它包括最小化按钮、最大化按钮、系统菜单、标题栏、关闭按钮、可变大小等等。您也可以根据自己的需求改变样式，具体请参照帮助。

参数7：name
窗体名称。

可以看到，7个参数中6个都有默认值，只有第一个参数 parent 需要设置一下，所以一个最简单的窗体就是：
frame = wx.Frame(None)

三、几个小例子

窗体标题：
frame = wx.Frame(None,title="Hello World")

位置和大小：
frame = wx.Frame(None,title="世界你好",size=(300,150),pos=(200,200))

样式一：只有一个光秃秃的标题栏
frame = wx.Frame(None,style=wx.CAPTION)

样式二：只有客户区，没有标题栏，也不能改变大小
frame = wx.Frame(None,style=0)

样式三：只有一个关闭按钮，不能改变大小
frame = wx.Frame(None,style= wx.SYSTEM_MENU | wx.CAPTION | wx.CLOSE_BOX)

 
//==========================================