码迷,mamicode.com
首页 > Web开发 > 详细

AngularJs(三) deployd 服务的使用

时间:2016-05-18 00:06:55      阅读:697      评论:0      收藏:0      [点我收藏+]

标签:

使用服务建立数据

                在AngularJS(二)中,我搭建好了deployd服务,现在启动服务,创建正在的数据(开始是使用模拟数据),使用cmd命令

      一、开启Mongodb数据。

                贴图:技术分享

                二:测试是否正常开启,使用mongo命令。在CMD中输入:

        技术分享

        Mongodb默认建立的数据时test,说明mongodb已经开启。

             三、 使用我们搭建好的deployd 服务建立数据,首先是开启服务。

        技术分享

                   -p  表示:我的Mongodb数据库的默认端口是27017.

           四、在dpd中输入 dashboard 命令:

                  后会弹出一个网页地址:

      技术分享

        

             点击+ 号选择第一个Collection。 创建自己的表名;products

         技术分享

        你看到右边的属性列,是我先前建立好的数据。

        那怎么建立数据呢,

        技术分享

         大A那里有你所需要的类型名。 是否必须required ,为什么是这些数据类型,不明白的可以看下mongdb数据类型。

        技术分享

        输入你要填写的值:这里我给大家展示下我填好的值,如果你想更改那条数据,直接双击该条数据直接就可修改,很是方便。

 

        技术分享

 

 数据添加好就是这个样子了,来验证下数据是否真的添加进去了吧。重新打开浏览器输入:

  技术分享

可以看到我们的数据已经成功添加了。

 

       在AngularJs访问可以使用:

       

技术分享
1  angular.module("exampleApp", [])
2             .controller("defaultCtrl", function ($scope,$http) {
3                 $http.get("http://localhost:27017/products").success(function (data) {
4                     $scope.datas = data;
5                 });
6               
7             });
View Code

<div id="todPannel" class="panel" ng-controller="defaultCtrl">
<form id="myForm" novalidate>
<div class="well">
<table class="table table-striped">
<tr ng-repeat="item in datas">
<td ng-repeat="pro in item">
{{pro}}
</td>
</tr>
</table>

</div>
<div class="well">




</div>

</form>
</div>

技术分享

    搭建服务,基本到这里,感谢大家关注,后续将AngularJs进行到底。。。

AngularJs(三) deployd 服务的使用

标签:

原文地址:http://www.cnblogs.com/fandong90/p/5503572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!