首页 > 学院 > 开发设计 > 正文

002.AngularJs调用Restful实现CRUD

2019-11-14 16:38:15
字体:
来源:转载
供稿:网友

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

主要用到的技术:

后端:asp.net WebApi + SQLServer2008

前端:AngularJs,Bootstrap3

主要用到的开发工具

后端:VisualStudio2013 + SQLServer2008

前端:WebStorm8

 

1.创建后端项目AngularJs_WebApi

1.1建立空解决方案名称AngularJs_WebApi

image

1.2 创建AngularJs_WebApi_Server服务端项目

image

 

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

image

image

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

image

image

image

 

1.5 编写TestController.cs实现代码

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请求的")            };        }    }}

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

image

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

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

image

查看返回结果

image

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

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

image

查看返回结果

image

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

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

image

查看返回结果

image

 

(未完待续)


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表