SpringSpringMVCMyBatis

Posted 徐媛媛

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了SpringSpringMVCMyBatis相关的知识，希望对你有一定的参考价值。

一、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>定义表头

        <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转化

以上是关于SpringSpringMVCMyBatis的主要内容，如果未能解决你的问题，请参考以下文章

SpringSpringMVCMyBatis 的全注解方式整合

SpringSpringMVCMybatis框架整合配置SSM模板

idea中怎么整合springspringmvcmybatis

基于Maven + SSM （SpringSpringMVCMybatis）构建一个简单的测试项目

Android Adapter代码片

代码片|水波纹