许多时候,学会一种技术的有效方式就是使用它解决实际中的问题。在这一节,我们将学习使用 Knockout 来创建一个常见的应用,库存管理应用。
应用概览
在创建我们的应用之前,我们需要一个公司,来理解应用解决的问题。我们的应用将能够完成下列任务:
浏览公司销售的每种产品,跟踪 SKU 数量和说明。
对每种产品的价格,费用和数量进行赋值。
当公司决定销售某种新产品的时候,可以创建新的产品。
当公司停售某种产品的时候,可以删除这种产品。
第一步 定义命名空间
在我们实际开始开发应用之前,很重要的一个问题就是规划我们如何组织我们的程序,将我们应用的代码与浏览器界面和本地函数进行分离。你可能奇怪对于这么小的应用我们为什么要这么做。对于 JavaScript 应用的最佳实践来说,这么做无论如何都是非常重要的。通过命名空间,即使对于一个很小的应用来说,在以后随着应用的不断扩展,也可以确保容易进行维护,并且与第三方的组件进行分隔。( 例如许多的脚本插件 )
我们将在前面创建的 app.js 中定义我们的命名空间。下面代码就是定义定名空间的代码。
// Define the namespace window.myApp = {};
第二步 创建模型
我们创建的第一个模型将用来表示我们的产品对象。我们通过创建一个名为 Product.js 的文件来完成这个任务。文件的内容如下所示。
(function (myApp) { // Product Constructor Function function Product() { var self = this; // "SKU" property self.sku = ko.observable(""); // "Description" property self.description = ko.observable(""); // "Price" property self.price = ko.observable(0.00); // "Cost" property self.cost = ko.observable(0.00); // "Quantity" property self.quantity = ko.observable(0); } // add to our namespace myApp.Product = Product; }(window.myApp));
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索sku
, 应用
, 产品
, property
, knockoutjs
, knockoutjs前端技术knockout
, knockoutjs+ajax+mvc4
, 一个
, Self
, observable
, knockoutjs绑定
, knockoutjs分页
knockoutjs教程
knockoutjs、knockoutjs 中文手册、knockoutjs 教程、knockoutjs视频教程、angularjs knockoutjs,以便于您获取更多的相关知识。