乐趣区

关于java:SpringSpringMVCMyBatis

jiezi

一、JavaWeb 框架整顿
定义：javaWeb 是实现浏览器 (B) 和服务器 (S) 沟通的技术。咱们须要进行服务器端的开发(即 B /S’Browser/Server’ 模型开发)，须要先理解前端技术。

JavaWeb
前端技术：HTML、CSS、JS、JQuery、XML、tomcat

1、HTML（把握）：超文本标记语言
一般标签:<p></p> <h1></h1> <br/>
重要标签：<table></table> 表格, 格式化显示数据, 其中 <tr> 示意行，<td> 示意列，

        <tr rowspan ="x"> 单元格跨 x 行 <td colspan="x"> 单元格跨 x 列 
        <form></form> 表单
           <form action="表单提交的地位" method="GET/POST" enctype="application/x-www-form-urlencoding">
           enctype="application/x-www-form-urlencoding" 为默认的表单提交编码方式
           enctype="mutipart/form-data" 文件上传
           </form>

<script></script> 写脚本的中央，编写 js 代码或者引入 js 库(Js 为 JavaScript，即 JavaWeb 的脚本语言)
<link></link> 引入 CSS 款式
<style></stype> 编写款式

2、CSS（理解）：层叠样式表单
性能：B/ S 开发时， B 端浏览器端开发时有三要素，构造（HTML）- 体现（CSS）- 行为（JavaScipt）
【会查文档找 css 款式】
css 款式语法：

选择器{
    款式名 1：款式值；款式名 2：款式值；}

3、JS（把握）：JavaScript 脚本语言
【根本语法】：
1) 申明变量：

 var temp1 = "aaa";
 temp1=1;(js 语言中没有数据类型之分，可间接写变量值, 因而 js 是一种弱类型脚本语言)

2)申明对象

 var obj = {
     在此填写对象属性
     lastName(属性名):"张三"，age:18
 }  
 obj 即对象 
 应用对象属性：alert(obj. 属性名)  
 增加属性：obj. 新增加属性名 = 属性值;

3)申明办法

 形式一：申明：function hello(参数表轻易写，Js 语言中无重载){}
 调用：hello(1,2);
 形式二：申明：var hello=function(){}定义一个变量，这个变量是一个函数
 调用：hello()

【事件】
事件定义：用户和浏览器交互的行为

 window.onload=function(){文档加载实现事件：（页面里所有内容全副显示胜利）}
 $(function(){文档加载实现（dom 准备就绪）})
 先调用 dom, 再调用 windom.onload。但 win 比拟保险

dom 是 html 中各个标签的封装为的对象，至于对象标签中的连贯是否曾经胜利不论。将 dom 数回复，dom 准备就绪只是将标签的属性和值筹备好了，外面比方加载的图片并不一定筹备好了。DOM 定义了拜访和操作 HTML 文档的规范办法，相当于网页的 API。
区别：window.onload 反复调用不会执行屡次，只会执行最初一次。$(function)反复调用有意义，相当于屡次调用 $ 办法。
罕用事件：
1)如何给一个元素绑定上事件：

 eg: 给 a 元素绑定事件
 <a href="hello" id="aEle"> 你好 </a>
 //href 为超链接
 var aEla= document.getElementById("aEle");
 // 通过 id 查找元素
 aEla.onclick=function(){
 //onclick 函数：当元素被点击时执行
   alert("你好")；//alert 为弹窗函数，用于显示带有指定音讯和一个 ok 按钮的弹窗
   return false；// 勾销默认行为。本来 a 元素中有超链接，点击该元素时，会发送 hello 申请跳转页面。return false 使得页面不跳转。}

4、Jquery(精通)
JQUery 是 js 库
【选择器】

  是一串非凡的字符串，语法 $("选择器字符串")
  jQuery 选择器容许您对 HTML 元素组或单个元素进行操作。【根本】#id  $("id 名") 找到一个指定 id 名的标签
   element $("标签名") 找到所有的“标签名”标签
   .class $(".mini") 找到所有 class 为 mini 的元素
   * $(*) 找到所有元素
   selector1,selector2,selectorN $("#b01",".big","form","#a01 *")
   找到 id 为 b01 的元素，和 class 为 big 的元素，以及所有 form 的表单，以及 id 为 a01 下的所有元素。【层级】ancestor descendant 找后辈，例如 $("#a01 *")
  parent > child 找子元素 $("a>#btn01") 找到 a 标签下 id 为 btn01 的子元素
  prev + next 找下一个兄弟 $("#btn01 + .mini"): 找到 id 为 btn01 的下一个同级元素，并且该元素 class 为 mini
  prev ~ siblings 找所有同辈兄弟 $("#deleteBtn01 ~ a")找到 id 为 deleteBtn01 所有标签为 a 的同级兄弟。重点：:first
  $("a:first"): 找到第一个 a 标签
  $(":first")：找到文档第一个标签，即 <html>
  $("a :first"): 找到 a 的第一个后辈元素
  $("a+:first")：找到 a 的第一个兄弟
  $("#btn0>:eq(1)")找到 id 为 btn01 索引为 1 的子元素，即第二个元素
  $("#btn0>a:eq(1)")找到 id 为 btn01 下的第二个 a 标签
  :last
  :eq(index)
  :empty $("a:empty")找到所有没有标签体的 a 元素
  [attribute] $("a[id]")有 id 属性的所有 a 标签
  [attribute=value]
  :checked 找到所有选中的（复选框、单选框等，不包含 select 中的 option）:selected 匹配所有选中的的 option 元素
  筛选中的办法：肯定是再帅选后果的根底上调用办法进行筛选
  find(e|o|e) $("div".find(".mini"))找到所有 div 下的 class 为 mini 的元素（包含子元素和后辈）children([expr]) $("div".find(".mini"))找到所有 div 下的 class 为 mini 的子元素
  parent([expr]) $("#div01").parent(".mini")找到 div01class 为 minide 父元素
  parents([expr])找先人【层级关系】<div>
  <a><p> 张三 </p></a>
  <h1> 你好 </h1>
  </div>
  a 和 h1 互为兄弟，div 是 a 和 h1 的父亲，p 是 a 的子元素，p 是 div 的后辈元素；a 既是 div 的子元素又是 div 的后辈元素

【文档操作(对 dom 的增删改)】
API 中的文档解决

append(content|fn) 
appendTo(content)
<p id="p01"> 张三 </p>
a.append(b) a 外面加 b
$("#p1").append("<a href="hello">hello</a>")；在张三前面加
能够链式调用：$("#p01").append().append()
办法返回是 jQuery 对象可链式调用任何 jQuery 办法
$("#p01").append().append().click(function(){})给 p01 绑上事件

【属性操纵】
获取到元素的属性值、文本内容

  <form>
     <input id="01" name="username">
  </form>
  
  <a href="hello"> <b> 你好 </b> </a>
  
  attr(name|pro|key,val|fn) $("#01").attr("username") 扭转 $("#01").attr("username"，"李四")
  prop(n|p|k,v|f) $("#01").prop("username")
  自定义属性获取和应用 attr，标签本来本人的属性应用 prop $()
  html([val|fn]) $("a").html(); 获取的是 <b> 你好 </b>, 还能够设置
  text([val|fn]) $("a").text() 只是获取和设置文本，失去 你好
                 $("a").text("<b> 你好 </b>") , 获取的是 <b> 你好 </b>
  val([val|fn|arr])获取表单项的值 $("#01").val

【事件】
【外围函数】$

  能够将 dom 对象转为 jQuery 对象
  var btn01=document.getElementId("btn01")// 此为 dom 对象
  $(btn01)// 转换为 jquery 对象，能够调用 append 办法     
  转回为 dom 对象：$(btn01)[0]

$ 的用法：
1) 传入参数为 [函数] 时，$(function(){})相当于 window.onload=function(){}
2) 选择器 $(“ 选择器 ”)
3) 传入参数为 [HTML 字符串] 时：创立 html 元素(jquery 对象)
4) dom 和 jquery 转化

退出移动版