通过Web Api 和 Angular.js 构建单页面的web 程序

在传统的web 应用程序中，浏览器端通过向服务器端发送请求，然后服务器端根据这个请求发送HTML到浏览器，这个响应将会影响整个的页面，比如说：用户通过一个连接导航到一个页面，会发送一个请求到服务器端，接下来服务器将会发送一个新的页面给浏览器。
但是在单页面应用程序中，整个页面只是在浏览器一开始请求的时候才会加载，接下来的请求，下来的交互请求都是通过ajax 来完成的，这就意味着只有部分的页面会更新，并不需要去加载整个的页面，这就减少了对用户操作的响应时间，从而使用户有一个更流畅的体验。但是在传统的web 应用程序中，并不存在这样的架构，但是新兴的技术比如web api ，angular.js 等很容易的去设计和实现单页面的web 应用程序。如图便是单页面程序的原理：本文将演示如何通过web api 和angular.js 来创建web 应用程序的。首先打开vs 2013 然后新建一个asp.NET应用程序，注意勾选web api 选项，如图：在models 文件夹新建一个user类：然后创建一个web api :UserController,本文就演示如何加载和添加数据，相信如果看懂本文的话更新和删除都会做的。接下来我们就需要用anjular.js来创建接口了，首先需要安装angular.js 。angular.js 是一个开源的基于mvc的JavaScript框架，可以更好的开发和测试web应用程序。我们可以用vs 的包管理工具来安装angualr.js。视图>其他窗口>程序包管理器控制台 输入一下代码 安装angular.js：成功之后，Scripts 文件夹会有anjular.js 的相关文件。我们知道免费云主机域名anjular.js 基于mvc 的 首先我们新建一个controller 在scripts 文件夹命名为appcontroller.js然后视图的代码：其中代码中 :ng-app:表示的是告诉angular.js 哪个dom 的根元素用的这个模块。ng-controller:是告诉angular.js 哪个dom元素是用过这个controller。ng-click:表示用户点击的时候会调用哪个函数。{{}}：这个是数据绑定的语法。效果如图：

相关推荐: linux中apache错误日志怎么看

本篇内容主要讲解“linux中apache错误日志怎么看”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“linux中apache错误日志怎么看”吧! 在linux中，apache错误日志默认的位置是“/var/log…