snake_hand
snake_hand

Knockout学习之与服务器的数据交互

到目前为止，已经对MVVM模式如何帮自己整洁的管理针对动态UI的客户端代码，
以及Knockout的可监听、绑定、依赖的工作方式有了很好的理解。
在绝大部分的Web应用中，你需要从服务器获取数据，再将修改后数据返回。
因为Knockout是一个纯客户端库，它能灵活的与各种服务器端技术(ASP.NET,Rails,PHP...)
和任何架构模式，数据库合作。只要服务器端能收发JSON格式数据(so easy)，我们就可以使用这种技术。

例子情景
google的Tasks应该很多人都用过吧。我们也来尝试一个。

View Code 
<!DOCTYPE HTML>
<html>
<head>
    <title>Custom Bindings</title>
    <script src="../JS/jquery-latest.min.js" type="text/javascript"></script>
    <script src="knockout-2.2.0.js" type="text/javascript"></script>
    <style type="text/css">
    body { font-family: Helvetica, Arial }
    input:not([type]), input[type=text], input[type=password], select { background-color: #FFFFCC; border: 1px solid gray; padding: 2px; }
    .codeRunner ul { list-style-type: none; margin: 1em 0; background-color: #cde; padding: 1em; border-radius: 0.5em;  }
    .codeRunner ul li a { color: Gray; font-size: 90%; text-decoration: none }
    .codeRunner ul li a:hover { text-decoration: underline }
    .codeRunner input:not([type]), input[type=text] { width: 30em; }
    .codeRunner input[disabled] { text-decoration: line-through; border-color: Silver; background-color: Silver; }
    .codeRunner textarea { width: 30em; height: 6em; }
    .codeRunner form { margin-top: 1em; margin-bottom: 1em; }
    </style>
</head>
<body class="codeRunner">
    <h3>Goagle Tasks</h3>
    <form data-bind="submit:addTask">
        Add task:<input data-bind="value:newTaskText" placeholder="What needs to be done?" />
        <button type="submit">Add</button>
    </form>
    <ul data-bind="foreach:tasks,visible:tasks().length > 0 ">
        <li>
            <input type="checkbox" data-bind="checked:isDone" />
            <input type="text" data-bind="value:title,disable:isDone" />
            <a href="#" data-bind="click:$parent.removeTask">Delete</a>
        </li>
    </ul>
    You have <b data-bind="text:incompleteTasks().length">&nbsp</b>incomplete task(s)
    <span data-bind="visible:incompleteTasks().length==0">- it's beer time!</span>
    
    <script type="text/javascript">
        //Model
        function Task(data) {
            this.title = ko.observable(data.title);
            this.isDone = ko.observable(data.isDone);
        }
        //ViewModel
        function TaskListViewModel() {
            //Data
            var self = this;
            self.tasks = ko.observableArray([]);
            self.newTaskText = ko.observable();
            self.incompleteTasks = ko.computed(function() {
                return ko.utils.arrayFilter(
                    self.tasks(),
                    function(task) {
                        return !task.isDone();
                    }
                );
            });
            //Operations
            self.addTask = function() {
                self.tasks.push(new Task({ title: this.newTaskText() }));
                self.newTaskText("");
            };
            self.removeTask = function(task) {
                self.tasks.remove(task);
            };
        }

        ko.applyBindings(new TaskListViewModel());
    </script>
</body>
</html>

先给一个简单的单机版Tasks，add-remove功能都是完备的，看一下代码就差不多知道它是怎么运转的了，很简单。

接下来将会演示如何变成在线版。

 从服务器获取数据

发送Ajax请求是从后台获取JSON最简单的方法。
所以这次用jQuery的$.getJSON和$.ajax方法来完成。
获取数据-->将其绑定到ViewModel-->UI自动完成动态更新 这就是我们要的最终效果。

在服务器上有一些用来处理Ajax请求并返回JSON格式数据的代码。

<%@ WebHandler Language="C#" Class="KnockHandler" %>

using System;
using System.Web;

public class KnockHandler : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.Write("[{\"title\":\"上午去喝茶\"},{\"title\":\"下午在公司Coding\"},{\"title\":\"晚上约妹纸\"},{\"title\":\"洗洗睡吧\"}]");
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }
}

在TaskListViewModel末尾添加上接收返回数据的代码，并用它填入tasks数组。

//ViewModel
function TaskListViewModel() {
    //Load data from server
    $.getJSON("KnockHandler.ashx",{type:"tasks"}, function(data) {
        var mappedTasks = $.map(data, function(item) {
            return new Task(item);
        });
        self.tasks(mappedTasks);
    });
}

要注意的是你不能在加载数据后调用ko.applyBindings。

许多新手会犯这种错误：每次从后台获取到数据后都尝试重新绑定他们的UI，
结果那是无效的。没有必要重新绑定，因为只更新既存的ViewModel就足够更新整个UI了。

这段代码利用从后台返回的原始数据数组，通过使用jQuery的$.map方法，将每一个条目的数据生成一个Task实例。
然后将生成的Task对象数组插入tasks数组中。因为tasks是被监听的，所以UI也会随之更新。

手动的还是动态的？
在之前的代码中演示了手动方式来获取并映射数据的方式。如果更加的自动化，可以看一下官方mapping API
它功能包括：
1.动态构建任意可监听数据的对象图表
2.通过约定方式映射或使用明确配置的映射回调
3.即使某个对象图表已经在页面上存在了，当你从数据库获取到最新数据后，仍然可以更新相应的UI.

向服务器返回数据：方法1
通过Ajax请求返回数据是没问题的，但我们还有更简单的方法值得参考。
如果在<form>标签里绑定了一些Model数据，那么你可以简单的直接把form发送到服务器。
这完全是小菜一碟，例如，在View底部添加如下form标签：

<form action="KnockHandler.ashx?type=saveform" method="post">
    <textarea name="tasks" data-bind="value:ko.toJSON(tasks)"></textarea>
    <button type="submit">Save</button>
</form>

这里添加的<textarea>标签只是为了显示数据发生了什么：当Task内容发生变化时，该<textarea>绑定的内容也会动态的更新。
所以当点击提交按钮时，后台就会受到这个JSON数据
我们没必要让用户看到这个<textarea>，所以用一个隐藏的<input>代替就可以了。

<input type="hidden" name="tasks" data-bind="value:ko.toJSON(tasks)" />

至于在后台如何处理接收到的JSON数据，方式很多很简单，这里就不再赘言了。
这里有一个ASP.NET版本的例子。

向服务器返回数据：方法2
方法一是通过<form>标签的post方式向服务器发送数据，当然我们也完全可以
发送Ajax请求来替换它。例如，用一个普通的<button>标签代替在方法一中添加的<form>标签

<button data-bind="click:save">Save</button>

然后再在TaskListViewModel中实现save方法

function TaskListViewModel(){
    // .. all the existing code
    
    self.save = function() {
        $.ajax({
                url:"KnockHandler.ashx"
                ,data: {
                    data: ko.toJSON({ tasks: self.tasks })
                    ,type:"saveform"
                }
                ,type:"get"
                ,contentType:"application/json"
                ,success:function(result){
                    alert(result);
                }
            }
        );
    };
}

服务器端内容

View Code 
<%@ WebHandler Language="C#" Class="KnockHandler" %>
using System;
using System.Web;

public class KnockHandler : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        string type = context.Request.Params["type"];
        switch (type)
        {
            case "tasks":
                getTasks(context); break;
            case "saveform":
                saveForm(context); break;
        }
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

    private void getTasks(HttpContext context)
    {
        string result = "[{\"title\":\"上午去喝茶\"}"
            +",{\"title\":\"下午在公司Coding\"}"
            +",{\"title\":\"晚上约妹纸\"}"
            +",{\"title\":\"洗洗睡吧\"}]";
        
        context.Response.Write(result);
    }

    private void saveForm(HttpContext context)
    {
        string result = context.Request.Params["data"].ToString();
        context.Response.Write("Server has received the data:\r" + result);
    }
}

这里只是简单的写了一下而已。实际上如果将Knockout与ASP.NET MVC相结合的话，效果相当不错。

 官方的学习教程这就学完了，接下来要做的就剩下各种API的学习啦

 

 

 

 

 

你可能感兴趣的:(knockout)

  • 「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强 界面开发小八哥 DevExtreme界面控件UI开发devexpresshtml5
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 《这样写出好故事》读后记 文心之
    这样写出好故事：玩转情节与结构(美)詹姆斯·斯科特·贝尔摘录于2019年7月LOCK代表主角（Lead）、目标（Objective）、冲突（Confrontation）和冲击结尾（Knockout）。稳固的情节永远始于有趣的主角。最好的情节中，主角必须引人注目，迫使我们从头到尾都盯着他瞧。目标是小说的动力，驱动故事前进，避免主角在原地踏步。目标通常分成两种形式：想取得某样事物，或逃离某样事物。扎实
  • 界面控件DevExtreme v23.2新版亮点 - 全新的Fluent主题 界面开发小八哥 界面控件UI开发html5DevExtreme23.2javascript
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 写作赚钱：如何写好小说或者故事三 赵刚zg
    这集说下冲突的基础，总结为四种元素LOCK，分别是主角（LEAD）、目标（Objective）、正面对抗（Confrontation）和精彩的结尾（Knockout）。这四种要素相当于地基，只有把地基打得越扎实，顶层才会建得越高。1.值得追随的主角正面角色是代表社会群体价值观的人物，反面角色是违背社会群体价值观的人物。对于反面角色读者期望看到被救赎。印证那句天网恢恢疏而不漏。还有一类非英雄主角，对
  • knockout调试线上环境，无法通过nginx转发的备选方案 学敲代码的Stars 前端
    有时候通过nginx转发会403，此时需要一个开发的备选方案替换文件分是否经过编译两种情况。未编译已编译步骤启用本地替换在本地新建一个文件夹，随便命名为test控制台启用本地替换找到需要改的文件，随便编辑，再ctrl加s保存修改代码在本地文件中修改代码or直接在代码编辑器里改如果未编译，这样即可如果编译（文件名后面带编码，每次刷新会改变），需要在进入这块代码的模块之前，拿到新的编码，对应修改本地文
  • 2019-03-07 14d3a39418be
    2019.3.7搏击篇boxer1拳击运动员boxingglove拳击手套boxingshoe拳击鞋infighting近战straightpunch直拳uppercut上钩拳righthook右钩拳foul2犯规punchbag沙袋punchball沙球boxingmatch拳击比赛referee3裁判员boxingring拳击台rope围绳winner胜利者loserbyaknockout被击
  • 2018-06-05 杨小样儿2013
    类库-一些在开发WEB应用时非常有用的函数的集合。你的代码起主导作用，并且决定何时调用类库的方法。例如：jQuery等。框架-一种WEB应用的特殊实现，你的代码只需要填充一些具体信息。框架起主导作用，并且决定何时调用你的代码。例如：knockout,ember等。对于像游戏和有图形界面的编辑器之类的应用，会进行频繁且复杂的DOM操作，和CRUD应用不同。因此，可能不适合用Angular来构建。在这
  • 一款针对Outlook的红队安全研究工具 H_00c8
    关于KnockOutlookKnockOutlook是一款基于C#开发的工具，该工具可以跟Outlook的COM对象进行交互，并且能够帮助红队安全研究人员执行各种安全操作。命令行使用功能操作安全检测（check）枚举Outlook安装详细信息，以便构造正确的注册表项并检索编程访问安全设置。如果此值设置为“Warnwhenantivirusisinactiveorout-of-date”，它将会查询
  • 2020-10-29 dsjflower
    #和秋叶一起学新媒体写作第五章“好故事：教你像好莱坞编剧一样写故事”一、LOCK原则中的四个字母分别代表什么？L--Lead（主角）有一个引人注目的主角O--Objective(目标）有一个驱动角色的目标C--Confrontation（冲突）有一个难以克服的冲突K--Knockout（结尾）有一个冲击情感的结尾二、用“4个小”LOCK原则写一个最近发生在你身上的故事，发到朋友圈，看看2小时内的点
  • 「盘点」界面控件DevExtreme UI v23.1中的API增强 界面开发小八哥 uidevexpress界面控件UI开发DevExtreme
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • Node脚手架编写初学者教程 weixin_33961829 jsonjavascriptgitViewUI
    Node脚手架编写初学者教程完整的脚手架代码编写你的第一个脚手架前言随着NodeJs的崛起，现代前端工程已经变得越来越复杂。前端框架如雨后春笋。从Backbone,Ember,Knockout,Spine,Batman框架的崛起到Angular,React,Vue平分天下，我们经历太多代码风格的变革。不可避免学习新的框架，复杂的环境又让初学者很难入手。就拿React来说，我们要使用Babel,We
  • Element el-table表格表头拖拽、行拖拽组件封装详细教程【简单粗暴】 全栈小定 Element-UI前端前端vue.jsel-tableelementuisortablejs
    文章目录简介安装2.使用3.解析及常见问题3.1行拖拽3.2表头列拖拽简介el-table+Sortable.js实现表头拖拽、行拖拽Sortable.jsSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Boots
  • 界面控件DevExtreme图表和仪表(v23.1) - 新功能(Angular,React,Vue,jQuery) 界面开发小八哥 angular.jsreact.jsvue.jsUI开发devexpress
    本文将为大家总结下DevExtreme在v23.1版本中发布的一些与图表和仪表盘相关的功能。DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。获取DevExtremev23.1正式版下载(Q技术交流：909157416）图表
  • Ember.js 入门指南 （二） 乌洛米 计算机编程
    @(Ember)[MVVM|前端框架|HTML桌面应用]序言经常有人质疑，在前端搞MV*有什么意义？也有人跟我提出这样的疑问：以AngularJS，Knockout，BackBone为代表的MV*框架，它跟jQuery有什么区别？我jQuery用得好好的，有什么必要再引入这种框架？其实，不管我们使用的是一个类库还是一个框架，都不应该忘记我们最终目的，或许你正在为一个项目做技术选型，或许你正在为你的
  • 界面控件DevExtreme v23.1新版亮点 - 数据层、可访问性功能升级 界面开发小八哥 devexpresswinformc#UI控件界面开发
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • html5+table+行拖动,sortable+element 实现表格行拖拽 蔡振原 html5+table+行拖动
    背景1、vue项目中的表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍Sortable.js介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：NojQueryrequired.SupportsMeteor,AngularJS,React,Polymer,Vue,KnockoutandanyCSSlibrary,e.g.Bootstrap
  • element+sortablejs插件实现拖拽排序效果 avoidaily 工作笔记vue
    背景1、后台管理系统中表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍Sortable.js介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：NojQueryrequired.SupportsMeteor,AngularJS,React,Polymer,Vue,KnockoutandanyCSSlibrary,e.g.Bootstrap
  • 界面控件DevExtreme v23.1 - UI组件 & UI模板库增强 界面开发小八哥 uiUI开发devexpress界面控件
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 记录贴：前后端分离架构历程 节奏昂 Java架构java开发语言
    文章目录总结重点参考链接总结重点从经典的JSP+Servlet+JavaBean的MVC时代，到SSM（Spring+SpringMVC+Mybatis）和SSH（Spring+Struts+Hibernate）的Java框架时代，再到前端框架（KnockoutJS、AngularJS、vueJS、ReactJS）为主的MVVM时代，然后是Nodejs引领的全栈时代，技术和架构一直都在进步。虽然“
  • Vincent van Gogh 05 Doris_super
    ThepotatoEatersishisfirstknockoutmasterpiece.《吃土豆的人》是梵高的第一幅杰作。It'saresumeofeverythinghe'sfeltandthoughtuptonow.这幅作品是梵高目前为止所思所想的那些事儿的一个摘要。Everythingthatwouldmakehimarevolutionaryartistisalreadyhere.那些使
  • Doctors knock out sheep to discover anesthesia's dark side 遇见_E
    Doctorsknockoutsheeptodiscoveranesthesia'sdarkside医生使绵羊昏睡，以了解麻醉技术的阴暗面•anesthesia/ˌænəsˈθiːʒə/n.麻醉e.g.例句：``Thesurgerywascarriedoutunderanesthesia._词性拓展：anesthetic（n.麻醉药；麻醉剂）•darkside阴暗面Beneathgreensurg
  • 拖拽排序需求 -- sortable在vue中的使用 wanshuai QwQ sortablevuevuejavascript
    什么是sortableSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、ElementUI。你可以用来拖拽div、table等元素。sortable.js中文文档.需求场景需要对表格数据进行拖拽排
  • 停止学习框架！ 不二之家
    我们作为开发者，需要时刻跟上技术的步伐。我们每天都在学习各种编程语言、框架、库，似乎我们知道的工具越多，我们的生活就会更美好。我们乐于在Angular、React、Vue、Riot、Ember、Knockout之间辗转腾挪，学习一个又一个新的框架。但我们其实在浪费时间。©TheWolfofWallStreet(2013)byMartinScorsese我的导师曾经给我上了一课：导师："艾德，你在做
  • vscode 搭建nodemon+ts+ts-node 的开发环境 RMITcoder
    我司由于业务调整需要重新对现有的webportal进行开发.现有的portal存在10年并且承载了大量业务,里面有jq,knockout和angularjs还有react15和16简直就是一个前端发展史有没有.那么这么复杂的业务逻辑的dashboard开发必然要ts如何初始化一个npm项目和这里不再细说在server下安装依赖包$npminstall--save-devts-nodenodemon
  • CRISPR/Cas9 原理 Seurat_Satija
    ScienceGuidesCRISPRGuideimgCRISPRGuideCRISPR101eBookCTAJumpTo:CRISPRGuideOverviewKnockoutGenerationNickaseHDRBaseEditActivationorRepressionEpigeneticsMultiplexGenomeEngineeringGenome-wideScreeningFluo
  • 2021-08-25 基于Base editor的CRISPR Screen——BARBEKO NAome
      前面我们介绍了CRISPRScreen和基于标签化sgRNA的iBAR。以往应用与CRISPRScreen的系统主要包括knockout（KO），CRISPRa和CRISPRi。对于KO系统，其一个显著的弊端就是会引入双链DNA断裂，这对于细胞本身是有“毒”的，因此基于KO系统的CRISPRScreen会导致偏高的假阳性。CRISPRa和CRISPRi虽然不会引入双链DNA断裂，但其对基因的调
  • vue 3.0 初始化时如何调用methods里面的方法 沪上百卉 javascript前端vue
    methods:{Tab(type){this.tabActive=type;window.location.href.split('=')[1]=type;},Knockout(){this.$confirm("是否选用?","提示",{type:"warning",}).then(()=>{this.$message({type:"success",message:"成功！",});}).ca
  • 听说后端的你在学 React 阿里云云栖号 我是程序员react.js前端前端框架云计算
    一、React是什么在React之前前端有三个里程碑意义的library/frameworkjQuery解决了浏览器兼容和DOM元素快捷操作问题，其链式操作API也对后续前端框架产生了深刻影响；Knockout提出了前端代码MVVM分层理念，数据通过模板映射为UI视图，大幅度减少了DOM操作；AngularJS在MVVM基础上引入了双向绑定，数据变化自动反映到UI，视图上的操作也反向自动更新数据；
  • 界面控件DevExtreme PivotGrid，拥有新的HTML编码体验！ 界面开发小八哥 html界面控件web开发DevExtremeUI开发
    虽然DevExtreme刚刚发布了v23.1，但今天我们仍然要继续总结一下之前的主要更新（v22.2）中发布的一些与DevExtremePivotGrid（透视网格）组件相关的重要特性。DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的We
  • 实现双向数据绑定proxy比defineProperty优劣如何 meow_possion
    vue三要素响应式：如何监听数据变化（双向数据绑定）模版引擎：如何解析模板渲染：vue如何将监听到的数据变化和解析后的html进行渲染实现双向数据绑定有挺多种方法：knockoutJS基于观察者模式的双向数据绑定，Ember基于数据模型的双向数据绑定，而angularjs是基于脏值检查。Vue则是基于数据劫持。基于数据劫持的优点无需显式调用。vue利用发布者订阅者模式+数据劫持，可以直接通知变化并
  • 桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？ 换个号韩国红果果 html小球碰撞
    稍微想了一下，然后解决了很多bug，最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后，遍历整个在dom树中的其他小球，看一下它们与当前小球的距离是否小于球半径的两倍？若小于说明下一次绘制该小球（设为a）前要把他的方向变为原来相反方向（与a要碰撞的小球设为b），即假如当前小球的距离小于球半径的两倍的话，马上改变当前小球方向。那么下一次绘制也是先绘制b，再绘制a，由于a的方向已经改变
  • 《高性能HTML5》读后整理的Web性能优化内容 白糖_ html5
    读后感         先说说《高性能HTML5》这本书的读后感吧，个人觉得这本书前两章跟书的标题完全搭不上关系，或者说只能算是讲解了“高性能”这三个字，HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲，再去分析性能优化的内容，这样才会有吸引力。因为只是在线试读，没有机会看后面的内容，所以不胡乱评价了。  
  • [JShop]Spring MVC的RequestContextHolder使用误区 dinguangx jeeshop商城系统jshop电商系统
        在spring mvc中，为了随时都能取到当前请求的request对象，可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量，如request, response等。         在jshop中，对RequestContextHolder的
  • 算法之时间复杂度 周凡杨 java算法时间复杂度效率
          在 计算机科学 中， 算法 的时间复杂度是一个 函数 ，它定量描述了该算法的运行时间。这是一个关于代表算法输入值的 字符串 的长度的函数。时间复杂度常用 大O符号 表述，不包括这个函数的低阶项和首项系数。使用这种方式时，时间复杂度可被称为是 渐近 的，它考察当输入值大小趋近无穷时的情况。 这样用大写O()来体现算法时间复杂度的记法，
  • Java事务处理 g21121 java
    一、什么是Java事务 通常的观念认为，事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性（atomicity）、一致性（consistency）、隔离性（isolation）和持久性（durability）的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时，所有被该事务影响的数据都应该恢复到事务执行前的状
  • Linux awk命令详解 510888780 linux
    一.  AWK 说明   awk是一种编程语言，用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件，或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能，是linux/unix下的一个强大编程工具。它在命令行中使用，但更多是作为脚本来使用。    awk的处理文本和数据的方式：它逐行扫描文件，从第一行到
  • android permission 布衣凌宇 Permission
    <uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中，改值可以修改上传 <uses-permission android:na
  • Oracle和谷歌Java Android官司将推迟 aijuans javaoracle
    北京时间 10 月 7 日，据国外媒体报道，Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行，这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测，谷歌 Oracle 案很可能会被推迟。　　该案中的第二波辩护被安排在 10 月 17 日出庭，从目前看来
  • linux shell 常用命令 antlove linuxshellcommand
    grep [options] [regex] [files] /var/root # grep -n "o" * hello.c:1:/* This C source can be compiled with:
  • Java解析XML配置数据库连接(DOM技术连接 SAX技术连接) 百合不是茶 sax技术Java解析xml文档dom技术XML配置数据库连接
        XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习   XML配置数据库的连接主要技术点的博客; JDBC编程 : JDBC连接数据库 DOM解析XML:  DOM解析XML文件 SA
  • underscore.js 学习（二） bijian1013 JavaScriptunderscore
            Array Functions 所有数组函数对参数对象一样适用。1.first   _.first(array, [n])   别名: head, take       返回array的第一个元素，设置了参数n，就
  • plSql介绍 bijian1013 oracle数据库plsql
    /* * PL/SQL 程序设计学习笔记 * 学习plSql介绍.pdf * 时间：2010-10-05 */ --创建DEPT表 create table DEPT ( DEPTNO NUMBER(10), DNAME NVARCHAR2(255), LOC NVARCHAR2(255) ) delete dept; select
  • 【Nginx一】Nginx安装与总体介绍 bit1129 nginx
    启动、停止、重新加载Nginx nginx 启动Nginx服务器，不需要任何参数u nginx -s stop 快速(强制)关系Nginx服务器 nginx -s quit 优雅的关闭Nginx服务器 nginx -s reload 重新加载Nginx服务器的配置文件 nginx -s reopen 重新打开Nginx日志文件  
  • spring mvc开发中浏览器兼容的奇怪问题 bitray jqueryAjaxspringMVC浏览器上传文件
        最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.     在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
  • Lua的io库函数列表 ronin47 lua io
    1、io表调用方式：使用io表，io.open将返回指定文件的描述，并且所有的操作将围绕这个文件描述 　　io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr 　　2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄 　　多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
  • java-26-左旋转字符串 bylijinnan java
    public class LeftRotateString { /** * Q 26 左旋转字符串 * 题目：定义字符串的左旋转操作：把字符串前面的若干个字符移动到字符串的尾部。 * 如把字符串abcdef左旋转2位得到字符串cdefab。 * 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n)，辅助内存为O(1)。 */ pu
  • 《vi中的替换艺术》-linux命令五分钟系列之十一 cfyme linux命令
    vi方面的内容不知道分类到哪里好，就放到《Linux命令五分钟系列》里吧！ 今天编程，关于栈的一个小例子，其间我需要把”S.”替换为”S->”(替换不包括双引号)。 其实这个不难，不过我觉得应该总结一下vi里的替换技术了，以备以后查阅。   1 所有替换方案都要在冒号“:”状态下书写。 2 如果想将abc替换为xyz，那么就这样 :s/abc/xyz/ 不过要特别
  • [轨道与计算]新的并行计算架构 comsci 并行计算
         我在进行流程引擎循环反馈试验的过程中，发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段，而整个流程中又充满着很多并行路由，每个并行路由中又包含着一些并行节点，那么当整个流程图开始循环反馈过程的时候，这个流程图的运行过程是否变成一个并行计算的架构呢？      
  • 重复执行某段代码 dai_lm android
    用handler就可以了 private Handler handler = new Handler(); private Runnable runnable = new Runnable() { public void run() { update(); handler.postDelayed(this, 5000); } }; 开始计时 h
  • Java实现堆栈（list实现） datageek 数据结构——堆栈
    public interface IStack<T> { //元素出栈，并返回出栈元素 public T pop(); //元素入栈 public void push(T element); //获取栈顶元素 public T peek(); //判断栈是否为空 public boolean isEmpty
  • 四大备份MySql数据库方法及可能遇到的问题 dcj3sjt126com DBbackup
    一：通过备份王等软件进行备份前台进不去？ 用备份王等软件进行备份是大多老站长的选择，这种方法方便快捷，只要上传备份软件到空间一步步操作就可以，但是许多刚接触备份王软件的客用户来说还原后会出现一个问题：因为新老空间数据库用户名和密码不统一，网站文件打包过来后因没有修改连接文件，还原数据库是好了，可是前台会提示数据库连接错误，网站从而出现打不开的情况。 解决方法：学会修改网站配置文件，大多是由co
  • github做webhooks：[1]钩子触发是否成功测试 dcj3sjt126com githubgitwebhook
    转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html github和svn一样有钩子的功能，而且更加强大。例如我做的是最常见的push操作触发的钩子操作，则每次更新之后的钩子操作记录都会在github的控制板可以看到！ 工具/原料 github 方法/步骤
  • ">的作用" target="_blank">JSP中的作用 蕃薯耀
    JSP中<base href="<%=basePath%>">的作用 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  • linux下SAMBA服务安装与配置 hanqunfeng linux
    局域网使用的文件共享服务。 一.安装包： rpm -qa | grep samba samba-3.6.9-151.el6.x86_64 samba-common-3.6.9-151.el6.x86_64 samba-winbind-3.6.9-151.el6.x86_64 samba-client-3.6.9-151.el6.x86_64 samba-winbind-clients
  • guava cache IXHONG cache
    缓存，在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说，cache 就是为了提升系统性能而开辟的一块内存空间。 　　缓存的主要作用是暂时在内存中保存业务系统的数据处理结果，并且等待下次访问使用。在日常开发的很多场合，由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时，当我们发现我们的系统这个数据请求量很大的时候，频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
  • Query的开始--全局变量,noconflict和兼容各种js的初始化方法 kvhur JavaScriptjquerycss
    这个是整个jQuery代码的开始，里面包含了对不同环境的js进行的处理，例如普通环境，Nodejs，和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解  完整资源： http://www.gbtags.com/gb/share/5640.htm jQuery 源码：   (
  • 美国人的福利和中国人的储蓄 nannan408
       今天看了篇文章，震动很大，说的是美国的福利。    美国医院的无偿入院真的是个好措施。小小的改善，对于社会是大大的信心。小孩，税费等，政府不收反补，真的体现了人文主义。    美国这么高的社会保障会不会使人变懒？答案是否定的。正因为政府解决了后顾之忧，人们才得以倾尽精力去做一些有创造力，更造福社会的事情，这竟成了美国社会思想、人
  • N阶行列式计算(JAVA) qiuwanchi N阶行列式计算
    package gaodai; import java.util.List; /** * N阶行列式计算 * @author 邱万迟 * */ public class DeterminantCalculation { public DeterminantCalculation(List<List<Double>> determina
  • C语言算法之打渔晒网问题 qiufeihu c算法
    如果一个渔夫从2011年1月1日开始每三天打一次渔，两天晒一次网，编程实现当输入2011年1月1日以后任意一天，输出该渔夫是在打渔还是在晒网。 代码如下：   #include <stdio.h> int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/ { if((a%4 == 0 && a%100 != 0
  • XML中DOCTYPE字段的解析 wyzuomumu xml
    DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.   私有DTD <!DOCTYPErootSYST
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他