框架之前 ，完整项目整理

1数据库

create DATABASE dd; 数据库的创建

CREATE TABLE `easybuy_order` ()创建表

字段名 VARCHAR(20) NOt NULL PRIMARY KEY COMMENT '学号主键',

最后一个字段不能用， 字符类型用 ''

insert into(表字段,表字段)values(对应的值) 如果是添加全部值，前面的字段名不用写

delete from where = ？；upDate 表名 SET 字段名=?,字段名=？

select * from 表名 where id = ?

创建表间关系

-- ALTER TABLE 外键表 ADD CONSTRAINT 外键名 FOREIGN key(外键字段) REFERENCES 主表(主表字段);   

主表字段必须是主键

2,html

写完样式后，如果运行改不过来，可能是浏览器的数据已经存在·，这时要清楚数据

不管是html还js jq 最重要的是写完保存

<link rel="stylesheet" href="css/licai.css" />
        
        <script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
        <script type="text/javascript" src="js/licai.js" ></script>

设置css

{
    width: 500px;
    height: 300px;

       color: red;
    margin: auto;
    border: 3px blueviolet solid;  设置边框
}

下拉列表

            <select>
                <option value="0">请选择</option>
                <option value="1">R1</option>
                <option value="2">R2</option>
                <option value="3">R3</option>
           </select>

设置单选框

<input name="1" type="radio" value="男" checked="checked"/> 男
<input name="1" type="radio" value="女"  /> 女</td>

设置多选框

<input name="qu1" type="checkbox" value="运动" /> 运动
<input name="qu2" type="checkbox" value="阅读"  /> 阅读
<input name="qu3" type="checkbox" value="旅游"  /> 旅游3js

js 

1.jQuery是一个  js框架,封装了js的属性和方法。让用户使用起来更加便利,并且增强了 js的功能.

2、jquery与js最直观的区别就是外观上jQuery对象比js对象多了"$()"。

JS：

div.value;取值；

div.value = xxx;赋值

JUQERY：

div.val();无参数是取值，有参数是赋值。

JS操作样式的方法只能获取内联样式，不能取内嵌的和外部的。

JQUERY操作样式的方法可以是内联的也可以是内嵌的。

我们现在用的都是jQuer

基本格式

jQuery

$(function(){
    function ccc(){
        alert("哈哈")
    }
     ccc()
})

获取字段值

var name1= $("#username").val()

test() 方法用于检测一个字符串是否匹配某个模式，用于格式验证.

1
var str = "Visit W3School";
var patt1 = new RegExp("W3School");

var result = patt1.test(str);

document.write("Result: " + result);


2

var shoji1 = /^1[345678]\d{9}$/;  
if(!shoji1.test($("#username").val())){
			alert("手机格式错误")
			return false;
}
test() 方法用于检测一个字符串是否匹配某个模式.

JQ获取单选框和多选框和下拉列表的值。

获取单选框值
$(function(){
	function dnaxuan(){
		var xinbie = "女"
			if($("#nan").is(":checked")){
				xinbie="男"
			}
			alert(xinbie);


<!--获取单选框中选中的值-->
            var sex = $("input[name='sex']:checked").val();
            var type = $("input[name='type']:checked").val();
	}
	$("#bu").click(function(){
		dnaxuan()
	})
})




获取多选框值
var aaa =""
var bbb =""
var ccc =""

		if($("#33 input:eq(0)").is(":checked")){
			aaa="运动"
		}
		if($("#33 input:eq(1)").is(":checked")){
			bbb="阅读"
		}
		if($("#33 input:last").is(":checked")){
			ccc="旅游"
		}	

JS获得属性和值

	document.getElementById("nan")  返回拥有指定id的第一个对象的引用

document.getElementById("aaa").innerText="男猪脚";  修改文本内容
	var a = document.getElementById("nan").value;  得到拥有指定id的第一个对象的引用的值
    document.getElementsByName("danxuan") //得到指定名称的对象的集合
	var b = document.getElementsByName("danxuan")[0].value; 得到指定名称的对象的集合中第一个元素的值
	alert(a)
	alert(b)

servlet也可以直接获取，不过要把name改成一样的，是多个数据用getParameterValues();

String xinbie = request.getParameter("xinbie");
        System.out.println(xinbie);
        String[] qu = request.getParameterValues("qu");
        for (String s:qu) {
            System.out.println(s);
        }

ajax使用

1 直接连接 json文件

$(function(){
				$.ajax({
				type:"get",
				url:"json22.json",
				success:function(num){
					for (var i = 0; i < num.length; i++) {
						alert(num[i].name+"  "+num[i].id)
					}
				}
				})	
			})

2.在连接servlet中使用

js页面
$(function(){
    $("#id").blur(function () {
        var id = $("#id").val();
        $.ajax({
            url: "aServlet?opt=" + id,
            success: function (num) {
                var $li = "";
                if (num == 0) {
                    $li = "<span style="+"'color: red'"+">" + "代码可用" + "</span>"
                } else {
                    $li = "<span style="+"'color: black'"+">" + "代码不可用" + "</span>"
                }
                $("#jia span").html($li);
            }
        });
    })
})

servlet页面
        request.setCharacterEncoding("UTf-8");
        response.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=UTF-8");
        FinancingProductService f = new FinancingProductService();
        PrintWriter out=response.getWriter();
        String opt= request.getParameter("opt");
        String json="";
            int sf= f.findid(Integer.valueOf(opt));
            if (sf==0){
                json = JSON.toJSONString(0);
            }else {
                json = JSON.toJSONString(1); /* 将对象转成json格式的String类型的变量 */
            }
            out.print(json.toString());
        out.flush();
        out.close();