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();