AngularJs(三) deployd 服务的使用

时间:2022-09-23 16:04:48

使用服务建立数据

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

      一、开启Mongodb数据。

贴图:AngularJs(三) deployd 服务的使用

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

        AngularJs(三) deployd 服务的使用

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

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

        AngularJs(三) deployd 服务的使用

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

四、在dpd中输入 dashboard 命令:

后会弹出一个网页地址:

      AngularJs(三) deployd 服务的使用

        

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

AngularJs(三) deployd 服务的使用

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

那怎么建立数据呢,

AngularJs(三) deployd 服务的使用

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

AngularJs(三) deployd 服务的使用

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

AngularJs(三) deployd 服务的使用

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

AngularJs(三) deployd 服务的使用

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

在AngularJs访问可以使用:

  angular.module("exampleApp", [])
.controller("defaultCtrl", function ($scope,$http) {
$http.get("http://localhost:27017/products").success(function (data) {
$scope.datas = data;
}); });

<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(三) deployd 服务的使用

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

AngularJs(三) deployd 服务的使用的更多相关文章

  1. angularJS&lpar;三&rpar;:服务&lpar;Service&rpar;、http

    一.服务 服务是一个函数或对象,可在你的 AngularJS 应用中使用. 可以创建自己的服务,或使用内建服务 $location 注意 $location 服务是作为一个参数传递到 controll ...

  2. AngularJs &lpar;二&rpar; 搭建Deployd 服务爬坑

    Deployd 爬坑 按照书上的教程,介绍Deployd 这个东东,首先进入其deployd.com/网页,发现这个东东着实厉害. THE SIMPLEST WAY TO BUILD AN API 按 ...

  3. AngularJs之六(服务)

    服务:AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用.AngularJS 内建了30 多个服务. 最常用的服务:$location  服务,  $http 服务 ...

  4. AngularJS 的异步服务测试与Mocking

    测试 AngularJS 的异步服务 最近,在做项目时掉进了 AngularJS 异步调用 $q 测试的坑中,直接躺枪了.折腾了许久日子,终于想通了其中的道道,但并不确定是最佳的解决方案,最后还是决定 ...

  5. AngularJS内建服务以及自定义服务的用法

    在AngularJS中, 服务是一个比较重要的部分,它是一个对象或者是函数,可以在你的AngularJS的应用中使用.接下来介绍几种比较常用的内建服务以及自定义服务的方法. [内建服务] (1)loc ...

  6. 云计算的三种服务模式&colon;SaaS&sol;PaaS&sol;IaaS

    转载http://blog.chinaunix.net/uid-22414998-id-3141499.html 定义 云计算主要分为三种服务模式,而且这个三层的分法重要是从用户体验的角度出发的: S ...

  7. 让AngularJS的&dollar;http 服务像jQuery&period;ajax&lpar;&rpar;一样工作

    让AngularJS的$http 服务像jQuery.ajax()一样工作 $http的post . 请求默认的content-Type=application/json . 提交的是json对象的字 ...

  8. 云计算三种服务模式SaaS、PaaS和IaaS及其之间关系&lpar;顺带CaaS、MaaS&rpar;

    云计算架构图 很明显,这五者之间主要的区别在于第一个单词,而aaS都是as-a-service(即服务)的意思,这五个模式都是近年来兴起的,且这五者都是云计算的落地产品,所以我们先来了解一下云计算是什 ...

  9. Ⅳ&period;AngularJS的点点滴滴-- 服务

    服务(Angularjs很多方法都是服务组成的) 1.使用service方法创建的单例服务 <html> <script src="http://ajax.googleap ...

随机推荐

  1. &period;NET面试必备(整理)

    1.简述 private. protected. public. internal 修饰符的访问权限. private : 私有成员, 在类的内部才可以访问.public : 公共成员,完全公开,没有 ...

  2. oracle OFA

    Optimal Flexible Architecture 完全实现OFA至少需要三个文件系统位于不同的物理设备上,这些物理设备本身没有做条带或镜像.如果这些物理设备要做冗余与吞吐,建议使用一些存储相 ...

  3. iOS-default&period;png启动图片

    我在xcode5下写的代码,我下载了iOS6的模拟器,我用iOS6和iOS7的模拟器切换运行,有的时候可以运行有的时候不可以运行,报错: 2013-11-17 16:49:04.049 sim[474 ...

  4. ST-LINK调试完成

    今天真是一波三折啊. 买回来的st-link刚开始不会用,各种百度,还好有两个很好的教程.连接发在下面吧. http://blog.csdn.net/TXF1984/article/details/4 ...

  5. python特征提取——pyAudioAnalysis工具包

    作者:桂. 时间:2017-05-04  18:31:09 链接:http://www.cnblogs.com/xingshansi/p/6806637.html 前言 语音识别等应用离不开音频特征的 ...

  6. python 库之lxml安装 坑一个

    error: command 'C:\\Users\\Admin\\AppData\\Local\\Programs\\Common\\Microsoft\\Visual C++ for Python ...

  7. POJ 1006 生理周期&lpar;中国剩余定理&rpar;

    POJ 1006 生理周期 分析:中国剩余定理(注意结果要大于d即可) 代码: #include<iostream> #include<cstdio> using namesp ...

  8. 【译】Kafka最佳实践 &sol; Kafka Best Practices

    本文来自于DataWorks Summit/Hadoop Summit上的<Apache Kafka最佳实践>分享,里面给出了很多关于Kafka的使用心得,非常值得一看,今推荐给大家. 硬 ...

  9. PAT 1001 A&plus;B 解题报告

    PAT 1001 A+B 代码链接:传送门 题目链接:传送门 题目简述: 给定两个值a,b: 范围-1000000 <= a, b <= 1000000: 按指定格式输出a+b的结果,例: ...

  10. java 清除 bom

    参考工具  http://akini.mbnet.fi/java/unicodereader/ Utf8BomRemover 清除bom的方法 package cn.com.do1.component ...