案例:
一、 创建一个huimaiche.sql
#设置编码
SET NAMES UTF8;
#如果存在huimaiche数据库就删除
DROP DATABASE IF EXISTS huimaiche;
#创建huimaiche
CREATE DATABASE huimaiche CHARSET UTF8;
#使用huimaiche数据库
USE huimaiche;
#创建一个car表
CREATE TABLE car(
cid INT PRIMARY KEY AUTO_INCREMENT,
cname VARCHAR(16),
count INT,
pic VARCHAR(32),
type VARCHAR(1024)
);
#插入数据
INSERT INTO car VALUES(NULL,'奥迪 A4L','492','img/30_1.jpg','lt8');
INSERT INTO car VALUES(NULL,'本田XR-V','410','img/30_2.jpg','lt8');
INSERT INTO car VALUES(NULL,'轩逸','406','img/8_1.jpg','lt8');
INSERT INTO car VALUES(NULL,'宝来','399','img/15_2.jpg','mt8');
INSERT INTO car VALUES(NULL,'MISTRA名图','370','img/8_3.jpg','mt8');
INSERT INTO car VALUES(NULL,'传祺G S4','359','img/15_1.jpg','mt8');
INSERT INTO car VALUES(NULL,'SUV1','492','img/suv_1.jpg','suv');
INSERT INTO car VALUES(NULL,'SUV2','492','img/suv_2.jpg','suv');
INSERT INTO car VALUES(NULL,'SUV3','492','img/suv_3.jpg','suv');
#查询表
SELECT * FROM car;
二、创建一个car_select.bytype.php
三、创建一个car_select.html
css样式:
body部分:
javaScript部分:
//引入jQuery文件