学校课程要求制作网页，能够访问数据库，前端异步加载数据
分为数据库的基本操作、js对网页元素的操作及ajax、xml配置、jar包的问题
一、数据库部分：
1.登录密码：000000
2.选择database：
查看所有数据库：show databases;
选择：use hello;
3.操作数据表：
查看：show tables;
创建：CREATE TABLE table_name (column_name column_type);
create table t_username (id int primary key auto_increment,name varchar(40),level int);
插入数据：INSERT INTO table_name ( field1, field2,...fieldN )
VALUES
( value1, value2,...valueN );
insert into trafficanalyzation values (1,2018-1-1 01:00:11,"location",1,0,1);
整行插入，可以省略字段名
查阅数据： SELECT column_name,column_name
FROM table_name
[WHERE Clause]
[LIMIT N][ OFFSET M]
查询语句中你可以使用一个或者多个表，表之间使用逗号(,)分割，并使用WHERE语句来设定查询条件。
SELECT 命令可以读取一条或者多条记录。
你可以使用星号（*）来代替其他字段，SELECT语句会返回表的所有字段数据
你可以使用 WHERE 语句来包含任何条件。
你可以使用 LIMIT 属性来设定返回的记录数。
你可以通过OFFSET指定SELECT语句开始查询的数据偏移量。默认情况下偏移量为0。
修改数据：UPDATE table_name SET field1=new-value1, field2=new-value2
[WHERE Clause]
你可以同时更新一个或多个字段。
你可以在 WHERE 子句中指定任何条件。
你可以在一个单独表中同时更新数据。
删除数据：DELETE FROM table_name [WHERE Clause]
!!! 如果没有指定 WHERE 子句，MySQL 表中的所有记录将被删除。
你可以在 WHERE 子句中指定任何条件
您可以在单个表中一次性删除记录。
删除，添加或修改表字段:
如下命令使用了 ALTER 命令及 DROP 子句来删除以上创建表的 i 字段：
mysql> ALTER TABLE testalter_tbl DROP i;
如果数据表中只剩余一个字段则无法使用DROP来删除字段。
MySQL 中使用 ADD 子句来向数据表中添加列，如下实例在表 testalter_tbl 中添加 i 字段，并定义数据类型:
mysql> ALTER TABLE testalter_tbl ADD i INT;
如果需要修改字段类型及名称, 你可以在ALTER命令中使用 MODIFY 或 CHANGE 子句 。
例如，把字段 c 的类型从 CHAR(1) 改为 CHAR(10)，可以执行以下命令:
mysql> ALTER TABLE testalter_tbl MODIFY c CHAR(10);
使用 CHANGE 子句, 语法有很大的不同。 在 CHANGE 关键字之后，紧跟着的是你要修改的字段名，然后指定新字段名及类型。尝试如下实例：
mysql> ALTER TABLE testalter_tbl CHANGE i j BIGINT;
二、js部分
1.js的变量是var，并且是动态识别类型的，数据类型时独立的。说到底就是JavaScript虽然这么叫，但是与java无关
2.jQuery动态修改、添加的内容与onclick这些函数时未绑定的，需要用on方法
$(selector).on(event,childSelector,data,function)
event 必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值，也可以是数组。必须是有效的事件。
childSelector 可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。
data 可选。规定传递到函数的额外数据。
function 可选。规定当事件发生时运行的函数。
$(".top-menu").on("click", ".statistic", function(){
$("iframe").replaceWith(' <iframe src="statistic.jsp" frameborder="0" width=100% height=560px></iframe> ');
});
3.ajax异步的 JavaScript 和 XML。下面的方法可以动态地获得值，但不能动态地获得动态的值。所以用json配合servlet
ajax因为jQuery才变得简单，jQuery是js的一个库（getJSON是其中的一个函数）
jQuery 库包含以下特性：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
var xmlhttp;
//兼容性写法创建请求实例,IE5 6支持else里面的方法
if (window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：
xmlhttp.open("POST","domodify.jsp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
var id = myform.modify_id.value;
var time = myform.modify_time.value;
var location = myform.modify_location.value;
var isRetro = myform.modify_retrograde.value;
var isRun = myform.modify_runredlight.value;
var isCross = myform.modify_crossyellowline.value;
var toPost = "modify_id="+id+"&modify_time="+time+"&modify_location="+
location+"&modify_retrograde="+
isRetro+"&modify_runredlight="+isRun+"&modify_crossyellowline="+isCross;
xmlhttp.onreadystatechange = callback;//状态改变的时候执行这个函数,用来判断是否请求完毕
xmlhttp.send(toPost);
function callback(){
//请求完成表示
if(xmlhttp.readyState ==4 && xmlhttp.status==200){
alert(xmlhttp.responseText);//相应返回的text
// alert(xmlhttp.responseXML);//相应返回的xml
if (xmlhttp.responseText){//这里直接判断不为空,应该根据数据库返回值来进行不同的显示
var spanid = document.getElementById("spanid");
spanid.innerHTML = "注册成功";
}
}
}
三、xml
1.tomcat无法启动，目前都是xml的问题。拼写正确的情况下，是类中的内容有错，并且eclipse不会报错
（结合 四、 运行时报classnotfound，可以百度或自己检查哪里有错），需要逐步检查至错误地点
2.例子（两个servlet共存）
<servlet>
<servlet-name>Test</servlet-name>
<servlet-class>javasrc.Test</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Test</servlet-name>
<url-pattern>/Test</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>DoModify</servlet-name>
<servlet-class>javasrc.DoModify</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>DoModify</servlet-name>
<url-pattern>/DoModify</url-pattern>
</servlet-mapping>
四、jar包的位置
tomcat和IDE本身访问的位置不同，tomcat只会在web-INF的lib（没有自己建立）下寻找jar包，与网页有关的jar包必须包含其中，比如json的包
相反，MySQL的包则不必要，它在java build path里配置