首页 > Web开发 > 详细

002.AngularJs调用Restful实现CRUD

时间:2014-06-12 10:14:40      阅读:516      评论:0      收藏:0      [点我收藏+]

本节我们主要给大家介绍AngularJs如何调用Restful,实现数据的CRUD。

主要用到的技术:

后端:ASP.NET WebApi + SQLServer2008

前端:AngularJs,Bootstrap3

主要用到的开发工具

后端:VisualStudio2013 + SQLServer2008

前端:WebStorm8

 

1.创建后端项目AngularJs_WebApi

1.1建立空解决方案名称AngularJs_WebApi

bubuko.com,布布扣

1.2 创建AngularJs_WebApi_Server服务端项目

bubuko.com,布布扣

 

1.3 选择空的WebApi项目,并创建

bubuko.com,布布扣

bubuko.com,布布扣

1.4 新建控制器TestController类(用于测试)

bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

 

1.5 编写TestController.cs实现代码

bubuko.com,布布扣
using System.Net.Http;
using System.Web.Http;

namespace AngularJs_WebApi_Server.Controllers
{
    public class TestController : ApiController
    {
        public HttpResponseMessage Get()
        {
            return new HttpResponseMessage()
            {
                Content = new StringContent("我是通过Get请求的")
            };
        }

        public HttpResponseMessage Post()
        {
            return new HttpResponseMessage()
            {
                Content = new StringContent("我是通过Post请求的")
            };
        }

        public HttpResponseMessage Put()
        {
            return new HttpResponseMessage()
            {
                Content = new StringContent("我是通过Put请求的")
            };
        }
    }
}
bubuko.com,布布扣

1.6 通过Chrome应用程序REST Console测试刚才发布的服务(如果没有可以到应用商店中去下载)

bubuko.com,布布扣

测试Get请求http://localhost:31194/api/test

请输入我们的请求地址和请求方式

bubuko.com,布布扣

查看返回结果

bubuko.com,布布扣

测试Post请求http://localhost:31194/api/test

请输入我们的请求地址和请求方式

bubuko.com,布布扣

查看返回结果

bubuko.com,布布扣

测试Put请求http://localhost:31194/api/test

请输入我们的请求地址和请求方式

bubuko.com,布布扣

查看返回结果

bubuko.com,布布扣

 

(未完待续)

002.AngularJs调用Restful实现CRUD,布布扣,bubuko.com

002.AngularJs调用Restful实现CRUD

原文:http://www.cnblogs.com/angularjs/p/3782334.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!