Ajax-增删改查实现

一、Ajax-查询全部

简介	查询楼宇，可以根据任何条件进⾏查询（如查询指定的楼宇名称等）。默认是查询所有楼宇。无分页显示
ip	http://112.74.63.8
端口	8081
请求路径	/api/v1/budding/getBuddings
请求类型	GET
参数名	buddingname、address、propertyunit、region
状态码定义	1000：请求正确响应；3000：请求出错；如程序出现异常，参数不正确等

• 正确JSON示例：

{
    "status": 1000,
    "msg": "OK",
    "data": {
        "list": [
            {
                "id": 1,
                "buddingname": 楼宇1,
                "address": "广东省广州市海珠区聚德中路87号",
                "propertyunit": 河南新乡拉斐国际1号楼A梯,
                "region": 广州市,
                "inserttime": null,
                "updatetime": null
            }
        ],
     }
}

• 查询全部-ajax代码段：

<script type="text/javascript">
$(function(){
        $.ajax({
        url:"http://112.74.63.8:8081/api/v1/budding/getBuddings",
        type:"GET",
        dataType:'json',
        contentType:"application/json;charset=utf-8",
        success:function(data){
            //成功连接api接口
            if(data.status == "1000"){  
            //获取api接口传过来的数据
            var list = data.data.list;
            for(var i = 0; i < list.length; i++){
            var ids = list[i].id;
            var buddingname = list[i].buddingname;
            var address = list[i].address;
            var propertyunit = list[i].propertyunit;
            var region = list[i].region;
            var idsddd = ids;
            //输出格式并填充
            //1.复选框；2.数据库里的序号；3.楼宇名称；4.地址；5.产权单位；6.市；7.编辑按钮。
            //ajax里按钮只能用input属性。
            var tr = "" +
                "" + ""+ 
                "" + ids + ""+ 
                "" + buddingname + ""+
                "" + address + "" +
                "" + propertyunit + "" +
                "" + region +""+
                "" + ""+
                "";
            //将查得的数据每一条都插入到表格中  
            $("#tbMain").append(tr); 
            }
        }
    },
    error: function(content) {
        alert("失败");
    }
    }); 
});
</script>

实现效果：图1

二、Ajax-条件查询

简介	根据任何条件进⾏查询（如查询指定的楼宇名称等）。无分页显示
ip	http://112.74.63.8
端口	8081
请求路径	/api/v1/budding/getBuddings
请求类型	GET
参数名	buddingname、address、propertyunit、region
状态码定义	1000：请求正确响应；3000：请求出错；如程序出现异常，参数不正确等
示例1	http://localhost:8082/api/v1/budding/getBuddings?address=yyfffyy 这个表示查询楼宇地址为yyffyy的所有楼宇
示例2	http://localhost:8082/api/v1/budding/getBuddings?address=yyfffyy&buddingname=fff 这个表示查询楼宇地址为yyffyy并且楼宇名为fff的所有楼宇

• 正确JSON示例：

{
    "status": 1000,
    "msg": "OK",
    "data": {
        "list": [
            {
                "id": 1,
                "buddingname": 楼宇1,
                "address": "广东省广州市海珠区聚德中路87号",
                "propertyunit": 河南新乡拉斐国际1号楼A梯,
                "region": 广州市,
                "inserttime": null,
                "updatetime": null
            }
        ],
     }
}

• 条件查询-ajax代码段：

<script type="text/javascript">
//搜查按钮
$("input[id='search']").click(function(){ 
    //清空table界面里的填充数据，但保留css样式及表头
    $("#dataTables tr:not(:first)").empty("");
    //编写url后缀格式
    var string_search;
    var string_search0 = "buddingname=";
    var string_search1 = "address=";
    var string_search2 = "propertyunit=";
    //获取搜索框的值
    var buddingname_ss = $('#buddingname_search').val();
    var address_ss = $('#address_search').val();
    var propertyunit_ss = $('#propertyunit_search').val();
    //判断搜索框的值是否为空
    if (buddingname_ss != '') {
            string_search = string_search0 + buddingname_ss;
    }
    if (address_ss != '') {
            string_search += "&" + string_search1 + address_ss;
    }
    if (propertyunit_ss != '') {
            string_search += "&" + string_search2 + propertyunit_ss;
    }

    $.ajax({ 
                url:"http://112.74.63.8:8081/api/v1/budding/getBuddings?"+string_search,
                type:"GET",
                dataType:'json',
                contentType: "application/json;charset=utf-8",

                success:function(data){
                    console.log(data);
                    console.log(data.msg);
                    if(data.status == "1000"){
                    //获取接口数据
                    var list = data.data.list;
                    for(var i = 0; i < list.length; i++){
                    var ids = list[i].id;
                    var buddingname = list[i].buddingname;
                    var address = list[i].address;
                    var propertyunit = list[i].propertyunit;
                    var region = list[i].region;
                    var idsddd = ids;
                    var tr = "" +
                        "" + ""+
                        "" + ids + ""+
                        "" + buddingname + ""+
                        "" + address + "" +
                        "" + propertyunit + "" +
                        "" + region +""+
                        "" + ""+
                        "";
                    //将查得的数据每一条都插入到表格中 
                    $("#tbMain").append(tr); 
                    }
                    }
                    }, 
                error: function(content) {
                    alert("失败");
                }
    });

});
</script>

实现效果：图2

三、Ajax-删除

简介	根据楼宇id删除楼宇，支持批量删除(也就是可以传入多个楼宇的id,用于删除)。无分页显示
ip	http://112.74.63.8
端口	8081
请求路径	/api/v1/budding/deleteBudding
请求类型	GET
参数名	ids
状态码定义	1000：请求正确响应；3000：请求出错；如程序出现异常，参数不正确等
示例1	http://localhost:8082/api/v1/budding/deleteBudding?ids=12&ids=13&ids=14 这个表述删除id为12，13，14的楼宇

• 正确JSON示例：

{
    "status": 1000,
    "msg": "楼宇删除成功",
    "data": null
}

• 删除功能-ajax代码段：

<script type="text/javascript">
//删除按钮
$("input[id='delete_buildInfor']").click(function(){ 
        // 编辑url后缀格式
        var ids;
        var stringIds_1 = "ids=";
        var stringIds;

        // 获取复选框选定状态
        var checkboxs = document.getElementsByName("checkbox");
        for(i=0;i<checkboxs.length;i++){
            if(checkboxs[i].checked == true){
                ids = checkboxs[i].value;
                if (i == 0) {
                    stringIds =  stringIds_1 + ids;
                }else{
                    stringIds += "&" + stringIds_1 + ids;
                }
            }
        }
            $.ajax({       
                url:"http://112.74.63.8:8081/api/v1/budding/deleteBudding?"+stringIds,
                type:"GET",
                dataType:'json',
                contentType: "application/json;charset=utf-8",
                success:function(data){
                    console.log(data);
                    console.log(data.msg);

                    if(data.status == "1000"){
                        alert("删除成功!");
                        //重新刷新界面
                        window.location.href = "24buildingInformation.html"; 
                    }
                    else{
                        alert("删除失败，请重试!");
                    }
                },
                error: function(content) {
                    alert("失败");
                }
            });
}); 
</script>

实现效果：略

四、Ajax-修改

简介	根据楼宇id，获取楼宇信息。
ip	http://112.74.63.8
端口	8081
请求路径	/api/v1/budding/getBudding/id
请求类型	GET
状态码定义	1000：请求正确响应；3000：请求出错；如程序出现异常，参数不正确等
示例1	http://127.0.0.1:8082/api/v1/budding/getBudding/15 表示查询楼宇id为15的信息

• 正确JSON示例：

{
    "status": 1000,
    "msg": "OK",
    "data": {
        "id": 15,
        "buddingname": "fff",
        "address": "yyfffyy",
        "propertyunit": "sdfaads",
        "region": "hasdfasdfhhh",
        "inserttime": "2018-11-03 16:39:34",
        "updatetime": null
    }
}

简介	根据楼宇id，更新楼宇信息。
ip	http://112.74.63.8
端口	8081
请求路径	/api/v1/budding/updateBudding
请求类型	POST
请求参数	其中id是必传项，表示需要更新的楼宇id，然后其他的参数为非必需传入的参数，也就是需要更新那项就传入更新的项即可
状态码定义	1000：请求正确响应；3000：请求出错；如程序出现异常，参数不正确等

• 正确JSON示例：

{
    "status": 1000,
    "msg": "楼宇更新成功",
    "data": null
}

• 更改功能-ajax代码段：

<script type="text/javascript">
//编辑按钮
$(document).on('click', '#edit', function () {
    //获取该行id，在此序号列为id值。
    var td_get = $(this).parents("tr").find("td");
    var id_get = td_get.eq(1).text();
    
    $.ajax({  
             url:"http://112.74.63.8:8081/api/v1/budding/getBudding/"+id_get,
             type:"GET",
             dataType:'json',
             contentType: "application/json;charset=utf-8",
             success:function(data){
            if(data.status == "1000"){
            
            //获取该id的所有属性值
            var id = data.data.id; 
            var buddingname = data.data.buddingname; 
            var address = data.data.address;
            var propertyunit = data.data.propertyunit;
            var region = data.data.region;
            
            //清空当前界面
            $("#dataTables").empty("");
            $("#jz").empty("");
            $("#ys").empty("");
            
            //将id的所有属性值，赋值到编辑界面，即可编辑的文本框中
            //disabled='disabled' 表示不可更改
            var text = "
" +
                "楼宇id："+ "
" + ""+ "
"+
                "
" +"楼宇名称："+ "
" + ""+ "
"+ 
                "
" + "楼宇地址："+ "
" + ""+ "
"+
                "
" + "楼宇产权单位："+ "
" + ""+ "
"+
                "
" + "区域："+ "
" + ""+ "
"+            
                "
" + ""+ "
" + 
                ""
;
           $("#light1").append(text);
            }
            },
            error: function(content) {
                   alert("失败");
            }
    });  

    
});

//在编辑界面，取消editTd编辑按钮
$(document).on('click', '#cancel_edit', function () {
   //此方法是自己写的，局部刷新页面，重新加载数据
   window.location.href="24buildingInformation.html";
});

//在编辑界面，保存editTd编辑按钮
$(document).on('click', '#save_edit', function () {
    //获取编辑界面里，文本框内的值
    var id_save = $("#id_edit").val();
    var buddingname_save = $("#buddingname_edit").val();
    var address_save = $("#address_edit").val();
    var propertyunit_save = $("#propertyunit_edit").val();
    var region_save = $("#region_edit").val();  
    var data= {id:id_save,buddingname:buddingname_save,address:address_save,propertyunit:propertyunit_save,region:region_save};
   //输出当前td值
    $.ajax({
                type:"POST",
                contentType:'application/json;charset=UTF-8',
                url:"http://112.74.63.8:8081/api/v1/budding/updateBudding",
                //将值转换为api可接受的json格式
                dataType:'json',
                data:JSON.stringify(data),

                success:function(data){
                    console.log(data);
                    console.log(data.msg);

                    if(data.status == "1000"){
                        alert("更新成功!");
                        window.location.href = "24buildingInformation.html"; 
                    }
                    else{
                        alert("更新失败，请重试!");
                    }

                },
                error: function(content) {
                    alert("失败");
                }
            });

   
});
</script>

实现效果：图3

五、Ajax-新增

简介	新增一条楼宇信息
ip	http://112.74.63.8
端口	8081
请求路径	/api/v1/budding/insertBudding
请求类型	POST
参数名	buddingname、address、propertyunit、region
状态码定义	1000：请求正确响应；3000：请求出错；如程序出现异常，参数不正确等

• 正确JSON示例：

{
    "status": 1000,
    "msg": "楼宇插入成功",
    "data": null
}

• 新增功能-ajax代码段：

<script type="text/javascript">
//新增按钮
$("input[id='submit_message']").click(function(){
            //获取文本框内输入的值
            var buddingname = $.trim($("#buddingname").val());
            var address = $.trim($("#address").val());
            var propertyunit = $.trim($("#propertyunit").val());
            var region = $.trim($("#city").val());
            var data= {buddingname:buddingname,address:address,propertyunit:propertyunit,region:region};

            $.ajax({
                type:"POST",
                contentType:'application/json;charset=UTF-8',
                url:"http://112.74.63.8:8081/api/v1/budding/insertBudding",
                dataType:'json',
                data:JSON.stringify(data),

                success:function(data){
                    console.log(data);
                    console.log(data.msg);

                    if(data.status == "1000"){
                        alert("新增成功!");
                        window.location.href = "24buildingInformation.html"; 
                    }
                    else{
                        alert("新增失败，请重试!");
                    }

                },
                error: function(content) {
                    alert("失败");
                }
            });
        });
</script>

实现效果：图4

六、前端html主要代码

• 搜查文本框代码&及table代码

<div id="jz">
                            <label>楼宇名称label>
                            <input id="buddingname_search" name="buddingname_search" type="text" >

                            <label>楼宇地址label>
                            <input id="address_search" name="address_search"  type="text" >

                            <label>楼宇产权公司label>
                            <input id="propertyunit_search" name="propertyunit_search"  type="text">

                            <input type="button" id="search"  value="查询">
                            //弹窗函数
                            <input type="button" id="delete_buildInfor" value="删除">
                            
div>
                       
<div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="dataTables">

                                    <thead id="thead1">
                                        <tr>
                                            <th>选择th>
                                            <th>序号th>
                                            <th>楼宇名th>
                                            <th>地址th>
                                            <th>产权th>
                                            <th>区域th>
                                            <th>编辑th> 
                                        tr>
                                    thead>
                                    <br>
                                    <tbody id="tbMain">tbody>
                                table>
                            div>
                            <div id="light1">div> //弹窗
div>

• 弹窗代码

//前端代码
//注意：放到<body>body>里，不要影响主界面的响应。
<div id="light" class="white_content">
    <form role="form">
                                        <div class="form-group">
                                            <label>楼宇名称label>
                                            <input class="form-control" id="buddingname" type="text" name="buddingname">
                                        div>
                                        <div class="form-group">
                                            <label>楼宇地址label>
                                            <input class="form-control" id="address" type="text" name="address">
                                        div>                                
                                        <div class="form-group">
                                            <label>产权公司label>
                                            <input class="form-control" id="propertyunit" type="text" name="propertyunit">
                                        div>
                                        <div class="form-group">
                                            <label>区域label>
                                            
                                            select>
                                            <select id="city" name="city" class="form-control">
                                            select>
                                        div>
                                        <div class="submit-w3l">
                                        <input type="button" id="submit_message" value="提交">
                                        
                                        div>

    form>
    div> 

/*弹窗css */
div.white_content { 
            display: none; 
            position: absolute; 
            top: 25%; 
            left: 25%; 
            width: 55%; 
            height: 55%; 
            padding: 20px; 
            border: 10px solid gray; 
            background-color: white; 
            z-index:1002; 
            overflow: auto; 
} 

//弹窗的跳出及关闭函数
<script type="text/javascript">
        $(function(){
        })
        function openDialog(){
            document.getElementById('light').style.display='block';
            //document.getElementById('fade').style.display='block'
        }
        function closeDialog(){
            document.getElementById('light').style.display='none';
            //document.getElementById('fade').style.display='none'
        }
</script>

• 省市下拉菜单

1. 设置初始值

<body onload="initCities('直辖市','北京')">body>

2. 调用js函数

/*参考‘六，弹窗代码’*/
select>
<select id="city" name="city" class="form-control">select>
 
  
 
   
引入js文件
 
  
 
  
<script src=".../../cities.js"></script>
 
  
//不能导入文件，这里列出cities.js代码，自行建立cities.js文件。
var where = new Array(32);
 
function comefrom(loca,locacity) { this.loca = loca; this.locacity = locacity; }
 
where[0]= new comefrom("选择省份","选择城市");
where[1] = new comefrom("直辖市","选择城市|北京|上海|天津|重庆"); 
where[2] = new comefrom("特别行政区","选择城市|香港|澳门");  
where[3] = new comefrom("河北","选择城市|石家庄|邯郸|邢台|保定|张家口|承德|廊坊|唐山|秦皇岛|沧州|衡水");
where[4] = new comefrom("山西","选择城市|太原|大同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城");
where[5] = new comefrom("内蒙古","选择城市|呼和浩特|包头|乌海|赤峰|呼伦贝尔盟|阿拉善盟|哲里木盟|兴安盟|乌兰察布盟|锡林郭勒盟|巴彦淖尔盟|伊克昭盟");
where[6] = new comefrom("辽宁","选择城市|沈阳|大连|鞍山|抚顺|本溪|丹东|锦州|营口|阜新|辽阳|盘锦|铁岭|朝阳|葫芦岛");
where[7] = new comefrom("吉林","选择城市|长春|吉林|四平|辽源|通化|白山|松原|白城|延边");
where[8] = new comefrom("黑龙江","选择城市|哈尔滨|齐齐哈尔|牡丹江|佳木斯|大庆|绥化|鹤岗|鸡西|黑河|双鸭山|伊春|七台河|大兴安岭");
where[9] = new comefrom("江苏","选择城市|南京|镇江|苏州|南通|扬州|盐城|徐州|连云港|常州|无锡|宿迁|泰州|淮安");
where[10] = new comefrom("浙江","选择城市|杭州|宁波|温州|嘉兴|湖州|绍兴|金华|衢州|舟山|台州|丽水");
where[11] = new comefrom("安徽","选择城市|合肥|芜湖|蚌埠|马鞍山|淮北|铜陵|安庆|黄山|滁州|宿州|池州|淮南|巢湖|阜阳|六安|宣城|亳州");
where[12] = new comefrom("福建","选择城市|福州|厦门|莆田|三明|泉州|漳州|南平|龙岩|宁德");
where[13] = new comefrom("江西","选择城市|南昌市|景德镇|九江|鹰潭|萍乡|新馀|赣州|吉安|宜春|抚州|上饶");
where[14] = new comefrom("山东","选择城市|济南|青岛|淄博|枣庄|东营|烟台|潍坊|济宁|泰安|威海|日照|莱芜|临沂|德州|聊城|滨州|菏泽");
where[15] = new comefrom("河南","选择城市|郑州|开封|洛阳|平顶山|安阳|鹤壁|新乡|焦作|濮阳|许昌|漯河|三门峡|南阳|商丘|信阳|周口|驻马店|济源");
where[16] = new comefrom("湖北","选择城市|武汉|宜昌|荆州|襄樊|黄石|荆门|黄冈|十堰|恩施|潜江|天门|仙桃|随州|咸宁|孝感|鄂州");
where[17] = new comefrom("湖南","选择城市|长沙|常德|株洲|湘潭|衡阳|岳阳|邵阳|益阳|娄底|怀化|郴州|永州|湘西|张家界");
where[18] = new comefrom("广东","选择城市|广州|深圳|珠海|汕头|东莞|中山|佛山|韶关|江门|湛江|茂名|肇庆|惠州|梅州|汕尾|河源|阳江|清远|潮州|揭阳|云浮");
where[19] = new comefrom("广西","选择城市|南宁|柳州|桂林|梧州|北海|防城港|钦州|贵港|玉林|南宁地区|柳州地区|贺州|百色|河池");
where[20] = new comefrom("海南","选择城市|海口|三亚");
where[21] = new comefrom("四川","选择城市|成都|绵阳|德阳|自贡|攀枝花|广元|内江|乐山|南充|宜宾|广安|达川|雅安|眉山|甘孜|凉山|泸州");
where[22] = new comefrom("贵州","选择城市|贵阳|六盘水|遵义|安顺|铜仁|黔西南|毕节|黔东南|黔南");
where[23] = new comefrom("云南","选择城市|昆明|大理|曲靖|玉溪|昭通|楚雄|红河|文山|思茅|西双版纳|保山|德宏|丽江|怒江|迪庆|临沧");
where[24] = new comefrom("西藏","选择城市|拉萨|日喀则|山南|林芝|昌都|阿里|那曲");
where[25] = new comefrom("陕西","选择城市|西安|宝鸡|咸阳|铜川|渭南|延安|榆林|汉中|安康|商洛");
where[26] = new comefrom("甘肃","选择城市|兰州|嘉峪关|金昌|白银|天水|酒泉|张掖|武威|定西|陇南|平凉|庆阳|临夏|甘南");
where[27] = new comefrom("宁夏","选择城市|银川|石嘴山|吴忠|固原");
where[28] = new comefrom("青海","选择城市|西宁|海东|海南|海北|黄南|玉树|果洛|海西");
where[29] = new comefrom("新疆","选择城市|乌鲁木齐|石河子|克拉玛依|伊犁|巴音郭勒|昌吉|克孜勒苏柯尔克孜|博尔塔拉|吐鲁番|哈密|喀什|和田|阿克苏");
where[30] = new comefrom("台湾","选择城市|台北|高雄|台中|台南|屏东|南投|云林|新竹|彰化|苗栗|嘉义|花莲|桃园|宜兰|基隆|台东|金门|马祖|澎湖");
where[31] = new comefrom("国外","选择城市|德国|新加坡|美国|加拿大|澳大利亚|日本|英国|巴西|俄罗斯|尼日利亚|马来西亚|爱尔兰|奥地利|挪威|意大利|西班牙|泰国|芬兰|丹麦|荷兰|阿联酋|瑞典|瑞士|比利时|新西兰|法国|韩国|匈牙利|越南|以色列|科威特|希腊|南非|葡萄牙|墨西哥|印尼|其他");
 
function select() {
	with(document.getElementById("province")) { var loca2 = options[selectedIndex].value; }
	for(i = 0;i < where.length;i ++) {
		if (where[i].loca == loca2) {
				loca3 = (where[i].locacity).split("|");
				for(j = 0;j < loca3.length;j++) { 
					with(document.getElementById("city")) { 
						length = loca3.length; 
						options[j].text = loca3[j]; 
						options[j].value = loca3[j]; 
					//	var loca4=options[selectedIndex].value;
					}
				}
				break;
		}
	}
} 
 
 
function initCities(province,city) {
	var flag = 0;
	with(document.getElementById("province")) {
		length = where.length;
		for(k=0;k<where.length;k++) { 
			options[k].text = where[k].loca; 
			options[k].value = where[k].loca; 
			if(province !=null && province == where[k].loca){
				//带有数值的初始化
				options[k].text = "选择省份"; 
				options[k].value = "选择省份";
				flag = 1;
			}
		}
		if(province !=null && province != ""){
			options[selectedIndex].text = province; 
			options[selectedIndex].value = province;
		}else{
			options[selectedIndex].text = where[0].loca; 
			options[selectedIndex].value = where[0].loca;
		}
	}
	with(document.getElementById("city")) {
		//未选择省份
		if(flag == 0){
			var loca3 = (where[0].locacity).split("|");
			length = loca3.length;
			for(var l=0;l<length;l++) { 
				options[l].text = loca3[l]; 
				options[l].value = loca3[l]; 
			}
			options[selectedIndex].text = loca3[0]; 
			options[selectedIndex].value = loca3[0];
		}else{
		//选择了省份,先遍历找出省份的where
			temp= 0;
			for(var p=0;p<where.length;p++){
				if(where[p].loca == province)
					break;
			}
			var loca4 = (where[p].locacity).split("|");
			length = loca4.length;
			for(var c=0; c< length;c++){
				options[c].text = loca4[c];
				options[c].value = loca4[c];
				if(city == loca4[c]){
					options[c].text = "选择城市";
					options[c].value = "选择城市";
					temp = c;
				}
			}
			options[selectedIndex].text = loca4[temp]; 
			options[selectedIndex].value = loca4[temp];
		}
	}
} 
 
  

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    

                        
                        

                            
 
                        
                        
                        

                            

                        
                        
                        

                            

                        
                    
                
            
        
    
    

        
你可能感兴趣的:(前端)
        

            

                

                    
Long类型前后端数据不一致
                        igotyback
前端
                        
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
                    
                    
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
                    
                    
【加密社】Solidity 中的事件机制及其应用
                        加密社
闲侃区块链智能合约区块链
                        
加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
                    
                    
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
                    
                    
HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
                    
                    
springboot+vue项目实战一-创建SpringBoot简单项目
                        苹果酱0567
面试题汇总与解析springboot后端java中间件开发语言
                        
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
                    
                    
博客网站制作教程
                        2401_85194651
javamaven
                        
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
                    
                    
最简单将静态网页挂载到服务器上(不用nginx)
                        全能全知者
服务器nginx运维前端html笔记
                        
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
                    
                    
补充元象二面
                        Redstone Monstrosity
前端面试
                        
1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
                    
                    
微信小程序开发注意事项
                        jun778895
微信小程序小程序
                        
微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
                    
                    
字节二面
                        Redstone Monstrosity
前端面试
                        
1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
                    
                    
前端代码上传文件
                        余生逆风飞翔
前端javascript开发语言
                        
点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
                    
                    
uniapp实现动态标记效果详细步骤【前端开发】
                        2401_85123349
uni-app
                        
第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
                    
                    
360前端星计划-动画可以这么玩
                        马小蜗

                        
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
                    
                    
Vue + Express实现一个表单提交
                        九旬大爷的梦

                        
最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
                    
                    
前端知识点
                        ZhangTao_zata
前端javascriptcss
                        
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
                    
                    
第三十一节:Vue路由:前端路由vs后端路由的了解
                        曹老师

                        
1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
                    
                    
华雁智科前端面试题
                        因为奋斗超太帅啦
前端笔试面试问题整理javascript开发语言ecmascript
                        
1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l
                    
                    
如何建设数据中台（五）——数据汇集—打破企业数据孤岛
                        weixin_47088026
学习记录和总结中台数据中台程序人生经验分享
                        
数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi
                    
                    
分布式锁和spring事务管理
                        暴躁的鱼
锁及事务分布式springjava
                        
最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据
                    
                    
前端CSS面试常见题
                        剑亦未配妥
前端面试前端css面试
                        
边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
                    
                    
【JS】前端文件读取FileReader操作总结
                        程序员-张师傅
前端前端javascript开发语言
                        
前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
                    
                    
【前端】vue 报错:The template root requires exactly one element
                        程序员-张师傅
前端前端vue.jsjavascript
                        
【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
                    
                    
从单体到微服务：FastAPI ‘挂载’子应用程序的转变
                        黑金IT
fastapi微服务fastapi架构
                        
在现代Web应用开发中，模块化架构是一种常见的设计模式，它有助于将大型应用程序分解为更小、更易于管理的部分。FastAPI，作为一个高性能的PythonWeb框架，提供了强大的支持来实现这种模块化设计。通过“挂载”子应用程序，我们可以为不同的功能区域（如前端接口、管理员接口和用户中心）创建独立的应用程序，并将它们整合到一个主应用程序中。本文将详细介绍如何在FastAPI中使用“挂载”子应用程序的方
                    
                    
创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几
                        uthRaman
前端ui服务器
                        
前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
                    
                    
了解 UNPKG：前端开发者的包管理利器
                        小于负无穷
前端javascripttypescriptcsshtml5node.js
                        
在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
                    
                    
前端three.js的Sprite模拟下雪动画效果
                        qq_35430208
three.js前端javascript三维场景中下雪效果threejs实现下雪效果
                        
一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add
                    
                    
系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机
                        rabbit_it
qiankun学习前端框架前端阿里云
                        
一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性
                    
                    
ODOO不同版本与平台选择
                        chouchengyin2080
c#操作系统运维
                        
1.10.0vs11.0vs8.0截至2017年底，最新的ODOO发布版为ODOO11.0，但功能上有一定精简（去除财务模块，去除工作流支持），技术上变动较大（代码逐步迁移至Python3，前端框架改写得抽象）。所以如果是从生产使用的角度来讲，ODOO10.0是当前最好选择，因为其更稳定，第三方模块也更多更全面。而如果是ODOO技术爱好从业者，则逐步迁移至ODOO11.0也有必要，因为其底层技术架
                    
                    
Nuxt Kit 自动导入功能：高效管理你的模块和组合式函数
                        qcidyu
好用的工具集合代码效率前端技巧Vue开发组合式函数模块管理自动导入NuxtKit
                        
title:NuxtKit自动导入功能：高效管理你的模块和组合式函数date:2024/9/14updated:2024/9/14author:cmdragonexcerpt:通过使用NuxtKit的自动导入功能，您可以更高效地管理和使用公共函数、组合式函数和VueAPI。无论是单个导入、目录导入还是从第三方模块导入，您都可以通过简单的API调用轻松实现。categories:前端开发tags:N
                    
                                
ztree设置禁用节点
                                    3213213333332132
JavaScriptztreejsonsetDisabledNodeAjax
                                    
ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 
 
 
$(function(){            	
                showTree();
	            setDisabledNode();

});
                   
        
                                
                                
JVM patch by Taobao
                                    bookjovi
javaHotSpot
                                    
在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。 
  
7050685：jsdbproc64.sh has a typo in the package name 
7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 
7060619：C1 should respect inline and
                                
                                
将session存储到数据库中
                                    dcj3sjt126com
sqlPHPsession
                                    
CREATE TABLE sessions (
  id CHAR(32) NOT NULL,
  data TEXT,
  last_accessed TIMESTAMP NOT NULL,
  PRIMARY KEY (id)
); 
  
<?php
/**
 * Created by PhpStorm.
 * User: michaeldu
 * Date
                                
                                
Vector
                                    171815164
vector
                                    
public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) {
		for (int i = 0; i < cart.size(); i++) {
			if (cart.get(i).getId().equals(id)) {
				cart.remove(i);
				
                                
                                
各连接池配置参数比较
                                    g21121
连接池
                                    
        排版真心费劲，大家凑合看下吧，见谅~ 
      
  
Druid 
DBCP 
C3P0 
Proxool   
数据库用户名称 Username Username User     
数据库密码 Password Password Password     
驱动名
                                
                                
[简单]mybatis insert语句添加动态字段
                                    53873039oycg
mybatis
                                    
      mysql数据库,id自增,配置如下： 
      
<insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id"
		parameterType=&
                                
                                
struts2拦截器配置
                                    云端月影
struts2拦截器
                                    
struts2拦截器interceptor的三种配置方法 
方法1. 普通配置法 
 
<struts> 
    <package name="struts2" extends="struts-default"> 
        &
                                
                                
IE中页面不居中，火狐谷歌等正常
                                    aijuans
IE中页面不居中
                                    
问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
                                
                                
String,int,Integer,char 几个类型常见转换
                                    antonyup_2006
htmlsql.net
                                    
如何将字串 String 转换成整数 int? 
int i = Integer.valueOf(my_str).intValue(); 
 
int i=Integer.parseInt(str); 
 
如何将字串 String 转换成Integer ? 
Integer integer=Integer.valueOf(str); 
 
如何将整数 int 转换成字串 String ? 
1.
                                
                                
PL/SQL的游标类型
                                    百合不是茶
显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
                                    
游标是oracle中的一个结果集,用于存放查询的结果; 
  
PL/SQL中游标的声明; 
1,声明游标

2,打开游标(默认是关闭的);

3,提取数据

4,关闭游标
 
  
  
注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标 
  
隐式游标:主要是对DML数据的操作隐
                                
                                
JUnit4中@AfterClass @BeforeClass @after @before的区别对比
                                    bijian1013
JUnit4单元测试
                                    
一.基础知识 
JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法   对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源  对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
                                
                                
精通Oracle10编程SQL(12)开发包
                                    bijian1013
oracle数据库plsql
                                    
/*
 *开发包
 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数）
 */
--包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成
--建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等
--在包规
                                
                                
【EhCache二】ehcache.xml配置详解
                                    bit1129
ehcache.xml
                                    
在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ 
ehcache.xml ： http://ehcache.org/ehcache.xml 
ehcache.xsd ： http://ehcache.org/ehcache.xsd 
ehcache配置文件的根元素是ehcahe 
  ehcac
                                
                                
java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL
                                    白糖_
javaeclipsespringtomcatWeb
                                    
今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： 
<listener>
	<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener> 
 随后启动
                                
                                
angular.element
                                    boyitech
AngularJSAngularJS APIangular.element
                                    
angular.element 
描述:      包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）       如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
                                
                                
java-给定两个已排序序列，找出共同的元素。
                                    bylijinnan
java
                                    

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;


public class CommonItemInTwoSortedArray {

	/**
	 * 题目：给定两个已排序序列，找出共同的元素。
	 * 1.定义两个指针分别指向序列的开始。
	 * 如果指向的两个元素
                                
                                
sftp 异常，有遇到的吗？求解
                                    Chen.H
javajcraftauthjschjschexception
                                    
com.jcraft.jsch.JSchException: Auth cancel 
 at com.jcraft.jsch.Session.connect(Session.java:460) 
 at com.jcraft.jsch.Session.connect(Session.java:154) 
 at cn.vivame.util.ftp.SftpServerAccess.connec
                                
                                
[生物智能与人工智能]神经元中的电化学结构代表什么?
                                    comsci
人工智能
                                    
     我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色.... 
 
     我们可以尝试一下...在某些神经
                                
                                
通过LAC和CID获取经纬度信息
                                    dai_lm
laccid
                                    
方法1： 
用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度 
 
方法2： 
发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
                                
                                
JAVA的困难分析
                                    datamachine
java
                                    
前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。 
  
-----------------------------------------------------------------------------------------
                                
                                
小学5年级英语单词背诵第二课
                                    dcj3sjt126com
englishword
                                    
money 钱 
paper 纸 
speak 讲，说 
tell 告诉 
  
remember 记得，想起 
knock 敲，击，打 
question 问题 
number 数字，号码 
  
learn 学会，学习 
street 街道 
carry 搬运，携带 
send 发送，邮寄，发射 
  
must 必须 
light 灯，光线，轻的 
front 
                                
                                
linux下面没有tree命令
                                    dcj3sjt126com
linux
                                    
centos p安装 
yum -y install tree 
  
mac os安装 
brew install tree 
  首先来看tree的用法  
tree  中文解释：tree
功能说明：以树状图列出目录的内容。
语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
                                
                                
Map迭代方式，Map迭代，Map循环
                                    蕃薯耀
Map循环Map迭代Map迭代方式
                                    
Map迭代方式，Map迭代，Map循环 
  
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年
                                
                                
Spring Cache注解+Redis
                                    hanqunfeng
spring
                                    
Spring3.1 Cache注解  
依赖jar包： 
<!-- redis -->
		<dependency>
			<groupId>org.springframework.data</groupId>
			<artifactId>spring-data-redis</artifactId>
			
                                
                                
Guava中针对集合的 filter和过滤功能
                                    jackyrong
filter
                                    
在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子： 
 
   

@Test
public void whenFilterWithIterables_thenFiltered() {
    List<String> names = Lists.newArrayList("John"
                                
                                
学习编程那点事
                                    lampcy
编程androidPHPhtml5
                                    
一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 
接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
                                
                                
架构师之流处理---------bytebuffer的mark,limit和flip
                                    nannan408
ByteBuffer
                                    
1.前言。 
  如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。 
2.例子. 
 

例子代码:
     String str = "helloWorld";  
        ByteBuffer buff  = ByteBuffer.wrap(str.getBytes());  
        Sy
                                
                                
org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1
                                    Everyday都不同
$转义el表达式
                                    
最近在做Highcharts的过程中，在写js时，出现了以下异常： 
  
严重: Servlet.service() for servlet jsp threw exception 
org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, 
                                
                                
用Java实现发送邮件到163
                                    tntxia
java实现
                                    
/*

 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。

 本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。

 此篇仅介绍用
                                
                                
探索实体类存在的真正意义
                                    java小叶檀
POJO
                                    
一. 实体类简述   
 实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 
POJO（Plain Old Java Objects）简单的Java对象 
  
它的一般格式就是 
public class A{
      private String id;
      public Str
                                
                
            
        
    


    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    

        

            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        
版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.