CMS&BootStrap

Meven

一种项目构建工具，能够帮助开发者，迅速的加载jar和jar依赖

Ifname标签：在页面中嵌入页面

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

CSS等需要放入WEB-INF下面

富文本编辑器

<script type="text/javascript" src="js/wangEditor.min.js"></script>
    <script type="text/javascript">
        //初始化富文本框
        var E = window.wangEditor;
        //职位描述
        var editor = new E('#describe');
        
        //任职要求
        var editor2 = new E('#require');
        
        
        //职位描述
        var $txtDescribe = $('#txtDescribe');
        //职位描述中的信息同步到隐藏域
        editor.customConfig.onchange = function(html) {
            $txtDescribe.val(html);
        }
        // 初始化 textarea 的值
        editor.create();
        $txtDescribe.val(editor.txt.html());
        
        //任职要求
        var $txtRequire = $('#txtRequire');
        //职位描述中的信息同步到隐藏域
        editor2.customConfig.onchange = function(html) {
            $txtRequire.val(html);
        }
        editor2.create();
        // 初始化 textarea 的值
        $txtRequire.val(editor2.txt.html());
    </script>
    </script>

View Code

Ajax

一种解决异步问题的机制，可以解决页面返回的同步问题是一种JSP技术

这是传统的同步机制：

异步机制

这样就都是同一张页面，不用销毁页面

package cn.jiedada.controller;

import java.util.Random;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import cn.jiedada.damain.Jobs;

@Controller
public class AjaxController {
    @RequestMapping("/ajaxGet")
    @ResponseBody
    public String getAjax(String name){
        System.out.println(name);
        return name;
    }
    @RequestMapping("/ajaxPost")
    @ResponseBody
    public Double getPost(String name){
        System.out.println(name);
        Random random = new Random();
        return random.nextDouble();
    }
}

View Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <form action="">
        <input/>
        <input/>
        <input type="submit" value="提交"/>
    </form>
    <input type="button" onclick="getRandmDouble()" value="获得随机数">
    <script type="text/javascript">
        function getRandmDouble(){
            var name="tom";
            var xhr = getXhr();
            xhr.open("get","ajaxPost");
            xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
            xhr.send("name="+name);
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4 && xhr.status==200)
                    {
                        alert(xhr.responseText);
                    }
            }            
        }
        function getXhr() {
            var xhr = null;
            if(window.XMLHttpRequest){//针对其他浏览器
                xhr = new XMLHttpRequest();
            }else{
                xhr = new ActiveXObject('Microsoft.XMLHTTP');
            }
            return xhr;
        }
        /* var xhr = getXhr();
        xhr.open("get","ajaxGet?name=tom");
        xhr.send(null);
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4 && xhr.status==200)
                {
                    alert(xhr.responseText);
                }
        } */
    </script>
</body>
</html>

View Code

传入也分为get和post传入