Node.js 为什么赢了';我的数据库中是否有angularjs、AngularUI路由器和looback api?
index.htmlNode.js 为什么赢了';我的数据库中是否有angularjs、AngularUI路由器和looback api?,node.js,angular-ui-router,loopbackjs,loopback,Node.js,Angular Ui Router,Loopbackjs,Loopback,index.html <!DOCTYPE html> <html lang="en"> <head> <title>User Management Tool</title> <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/angular/angul
<!DOCTYPE html>
<html lang="en">
<head>
<title>User Management Tool</title>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<script src="bower_components/ng-resource/dist/ng-resource.js"></script>
<script src="client/js/lb-services.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
<script src="bower_components/ui-router/release/angular-ui-router.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="userApp">
<!-- NAVIGATION -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">User Management Tool</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a ui-sref="home">All Users <span class="sr-only">(current)</span></a></li>
<li><a ui-sref="create">Create a User</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">User Admin</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div ui-view></div>
</body>
</html>
<div class="container-fluid">
<div class="row">
<div class="col-md-9">
<h1>All Users</h1>
</div>
<br>
<div class="col-md-3">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div><!-- /input-group -->
</div><!-- /.col-lg-6 -->
</div><!-- /.row -->
</div><!--/.container-fluid -->
<div class="container-fluid" ng-controller="UserController as users">
<table class="table table-hover">
<thead>
<tr>
<th>EID</th>
<th>First Name</th>
<th>Last Name</th>
<th>Active</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users">
<td>{{user.eid}}</td>
<td>{{user.first_nm}}</td>
<td>{{user.last_nm}}</td>
<td>{{user.active}}</td>
</tr>
</tbody>
</table>
</div>
<div ui-view></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<h1>Create a User</h1>
</div>
<div class="col-md-4">
</div>
</div>
</div>
<div class="container-fluid" ng-controller="CreateUserController">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<form class="create-form" role="form" ng-submit="add(code)" name="create">
<div class="form-group">
<label for="user_eid">EID</label>
<input type="text" class="form-control" ng-model="user.user_eid" placeholder="Enter EID">
</div>
<div class="form-group">
<label for="user_first_nm">First Name</label>
<input type="text" class="form-control" ng-model="user.user_first_nm" placeholder="Enter First Name">
</div>
<div class="form-group">
<label for="user_last_nm">Last Name</label>
<input type="text" class="form-control" ng-model="user.user_last_nm" placeholder="Enter Last Name">
</div>
<div class="form-group">
<label for="user_email_adr">Email Address</label>
<input type="text" class="form-control" ng-model="user.user_email_adr" placeholder="Enter Item Type">
</div>
<div class="form-group">
<label for="user_role">Role</label>
<input type="text" class="form-control" ng-model="user.user_role" placeholder="Enter Status Code">
</div>
<div class="form-group">
<label for="user_active">Active</label>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" ng-model="user.user_active" checked>
Yes
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" ng-model="user.user_active">
No
</label>
</div>
</div>
<div class="form-group">
<label for="insrt_dt">Creation Date</label>
<input type="date" class="form-control" ng-model="code.insrt_dt" placeholder="Enter Creation Date">
</div>
<div class="form-group">
<label for="insrt_user_id">Creator EID</label>
<input type="text" class="form-control" ng-model="code.insrt_user_id" placeholder="Enter Creator EID">
</div>
<div class="form-group">
<label for="upd_dt">Update Date</label>
<input type="date" class="form-control" ng-model="code.upd_dt" placeholder="Enter Update Date">
</div>
<div class="form-group">
<label for="upd_user_id">Update User EID</label>
<input type="text" class="form-control" ng-model="code.upd_user_id" placeholder="Enter Update User EID">
</div>
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group">
<button type="submit" class="btn btn-primary btn-lg">Submit</button>
</div>
</div>
<pre>{{user | json}}
</pre>
</form>
</div>
</div>
</div>
partial home.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>User Management Tool</title>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<script src="bower_components/ng-resource/dist/ng-resource.js"></script>
<script src="client/js/lb-services.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
<script src="bower_components/ui-router/release/angular-ui-router.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="userApp">
<!-- NAVIGATION -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">User Management Tool</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a ui-sref="home">All Users <span class="sr-only">(current)</span></a></li>
<li><a ui-sref="create">Create a User</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">User Admin</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div ui-view></div>
</body>
</html>
<div class="container-fluid">
<div class="row">
<div class="col-md-9">
<h1>All Users</h1>
</div>
<br>
<div class="col-md-3">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div><!-- /input-group -->
</div><!-- /.col-lg-6 -->
</div><!-- /.row -->
</div><!--/.container-fluid -->
<div class="container-fluid" ng-controller="UserController as users">
<table class="table table-hover">
<thead>
<tr>
<th>EID</th>
<th>First Name</th>
<th>Last Name</th>
<th>Active</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users">
<td>{{user.eid}}</td>
<td>{{user.first_nm}}</td>
<td>{{user.last_nm}}</td>
<td>{{user.active}}</td>
</tr>
</tbody>
</table>
</div>
<div ui-view></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<h1>Create a User</h1>
</div>
<div class="col-md-4">
</div>
</div>
</div>
<div class="container-fluid" ng-controller="CreateUserController">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<form class="create-form" role="form" ng-submit="add(code)" name="create">
<div class="form-group">
<label for="user_eid">EID</label>
<input type="text" class="form-control" ng-model="user.user_eid" placeholder="Enter EID">
</div>
<div class="form-group">
<label for="user_first_nm">First Name</label>
<input type="text" class="form-control" ng-model="user.user_first_nm" placeholder="Enter First Name">
</div>
<div class="form-group">
<label for="user_last_nm">Last Name</label>
<input type="text" class="form-control" ng-model="user.user_last_nm" placeholder="Enter Last Name">
</div>
<div class="form-group">
<label for="user_email_adr">Email Address</label>
<input type="text" class="form-control" ng-model="user.user_email_adr" placeholder="Enter Item Type">
</div>
<div class="form-group">
<label for="user_role">Role</label>
<input type="text" class="form-control" ng-model="user.user_role" placeholder="Enter Status Code">
</div>
<div class="form-group">
<label for="user_active">Active</label>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" ng-model="user.user_active" checked>
Yes
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" ng-model="user.user_active">
No
</label>
</div>
</div>
<div class="form-group">
<label for="insrt_dt">Creation Date</label>
<input type="date" class="form-control" ng-model="code.insrt_dt" placeholder="Enter Creation Date">
</div>
<div class="form-group">
<label for="insrt_user_id">Creator EID</label>
<input type="text" class="form-control" ng-model="code.insrt_user_id" placeholder="Enter Creator EID">
</div>
<div class="form-group">
<label for="upd_dt">Update Date</label>
<input type="date" class="form-control" ng-model="code.upd_dt" placeholder="Enter Update Date">
</div>
<div class="form-group">
<label for="upd_user_id">Update User EID</label>
<input type="text" class="form-control" ng-model="code.upd_user_id" placeholder="Enter Update User EID">
</div>
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group">
<button type="submit" class="btn btn-primary btn-lg">Submit</button>
</div>
</div>
<pre>{{user | json}}
</pre>
</form>
</div>
</div>
</div>
所有用户
走!
开斋节
名字
姓
活跃的
{{user.eid}
{{user.first_nm}}
{{user.last_nm}
{{user.active}
部分创建.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>User Management Tool</title>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<script src="bower_components/ng-resource/dist/ng-resource.js"></script>
<script src="client/js/lb-services.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
<script src="bower_components/ui-router/release/angular-ui-router.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="userApp">
<!-- NAVIGATION -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">User Management Tool</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a ui-sref="home">All Users <span class="sr-only">(current)</span></a></li>
<li><a ui-sref="create">Create a User</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">User Admin</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div ui-view></div>
</body>
</html>
<div class="container-fluid">
<div class="row">
<div class="col-md-9">
<h1>All Users</h1>
</div>
<br>
<div class="col-md-3">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div><!-- /input-group -->
</div><!-- /.col-lg-6 -->
</div><!-- /.row -->
</div><!--/.container-fluid -->
<div class="container-fluid" ng-controller="UserController as users">
<table class="table table-hover">
<thead>
<tr>
<th>EID</th>
<th>First Name</th>
<th>Last Name</th>
<th>Active</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in users">
<td>{{user.eid}}</td>
<td>{{user.first_nm}}</td>
<td>{{user.last_nm}}</td>
<td>{{user.active}}</td>
</tr>
</tbody>
</table>
</div>
<div ui-view></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<h1>Create a User</h1>
</div>
<div class="col-md-4">
</div>
</div>
</div>
<div class="container-fluid" ng-controller="CreateUserController">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<form class="create-form" role="form" ng-submit="add(code)" name="create">
<div class="form-group">
<label for="user_eid">EID</label>
<input type="text" class="form-control" ng-model="user.user_eid" placeholder="Enter EID">
</div>
<div class="form-group">
<label for="user_first_nm">First Name</label>
<input type="text" class="form-control" ng-model="user.user_first_nm" placeholder="Enter First Name">
</div>
<div class="form-group">
<label for="user_last_nm">Last Name</label>
<input type="text" class="form-control" ng-model="user.user_last_nm" placeholder="Enter Last Name">
</div>
<div class="form-group">
<label for="user_email_adr">Email Address</label>
<input type="text" class="form-control" ng-model="user.user_email_adr" placeholder="Enter Item Type">
</div>
<div class="form-group">
<label for="user_role">Role</label>
<input type="text" class="form-control" ng-model="user.user_role" placeholder="Enter Status Code">
</div>
<div class="form-group">
<label for="user_active">Active</label>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" ng-model="user.user_active" checked>
Yes
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" ng-model="user.user_active">
No
</label>
</div>
</div>
<div class="form-group">
<label for="insrt_dt">Creation Date</label>
<input type="date" class="form-control" ng-model="code.insrt_dt" placeholder="Enter Creation Date">
</div>
<div class="form-group">
<label for="insrt_user_id">Creator EID</label>
<input type="text" class="form-control" ng-model="code.insrt_user_id" placeholder="Enter Creator EID">
</div>
<div class="form-group">
<label for="upd_dt">Update Date</label>
<input type="date" class="form-control" ng-model="code.upd_dt" placeholder="Enter Update Date">
</div>
<div class="form-group">
<label for="upd_user_id">Update User EID</label>
<input type="text" class="form-control" ng-model="code.upd_user_id" placeholder="Enter Update User EID">
</div>
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group">
<button type="submit" class="btn btn-primary btn-lg">Submit</button>
</div>
</div>
<pre>{{user | json}}
</pre>
</form>
</div>
</div>
</div>
创建用户
开斋节
名字
姓
电子邮件地址
角色
活跃的
对
不
创建日期
创造者节
更新日期
更新用户EID
提交
{{user | json}}
在本地主机上运行web应用时,我看到以下错误:
TypeError:无法设置未定义的属性“$save”
位于module.factory.config.factory.provider.$get()
另外,我没有运行$http脚本,因为我已经安装并正在使用lb服务进行调用和返回请求。问题在于我无法向数据库发送请求或从数据库中提取数据。我也在运行Node
非常感谢您的帮助和见解 你看到我的例子了吗?如果您仍然遇到问题,请告诉我。您是否看到我的示例:?如果您仍然遇到问题,请告诉我。我发现了问题所在 我的lbservices.js文件在需要时使用了“/api”的基本URL
谢谢你的帮助 我发现了问题所在 我的lbservices.js文件在需要时使用了“/api”的基本URL
谢谢你的帮助 只是一个提示,既然你在这里发布了这么多代码,我想你并不反对人们查看:)如果你想要更快的调试帮助,那么也许把你的代码放在类似的东西上,并与愿意帮助调试VM的人共享该链接是有意义的。不,我不反对人们查看这个。我对编码是全新的,你所看到的一切都是我在过去几个月里自学的。这确实是一个为自己创建沙箱环境的项目,这样我就可以在工作中帮助其他项目。谢谢你的洞察力!!在这种情况下,你绝对应该在codio.com、cloud9、koding或其他任何网站上主持,因为社区的人们可以参与进来,帮助你提高学习效率:)这只是一个提示,因为你在这里发布了这么多代码,我想你并不反对别人看它:)如果你想要更快的调试帮助,那么也许把你的代码放在类似的东西上并为愿意帮助调试虚拟机的人共享该链接是有意义的。不,我不反对别人看这个。我对编码是全新的,你所看到的一切都是我在过去几个月里自学的。这确实是一个为自己创建沙箱环境的项目,这样我就可以在工作中帮助其他项目。谢谢你的洞察力!!在这种情况下,你肯定应该在codio.com、cloud9、koding或其他任何社区的人可以参与帮助和提高你的学习曲线的地方主持:)你的建议非常有用,我重新编写了控制器和配置脚本以匹配,所以我现在不再看到$save问题。现在,当我启动页面时,我看到API(环回)出现404错误,并且无法浏览到localhost:3000来查看它。有什么帮助吗?端口设置正确吗?您能否尝试浏览到
localhost:3000/explorer
以查看服务器是否正确加载?是的,我可以浏览到localhost:3000/explorer并正确加载数据库。我还可以使用PUT和GET模型向db发送或接收来自db的呼叫。我已经发布了更新的代码和更多信息。您是否配置了中间件来提供来自客户机的文件?请看,您的建议非常有用,我重新编写了控制器和配置脚本以进行匹配,因此我现在不再看到$save问题。现在,当我启动页面时,我看到API(环回)出现404错误,并且无法浏览到localhost:3000来查看它。有什么帮助吗?端口设置正确吗?您能否尝试浏览到localhost:3000/explorer
以查看服务器是否正确加载?是的,我可以浏览到localhost:3000/explorer并正确加载数据库。我还可以使用PUT和GET模型向db发送或接收来自db的呼叫。我已经发布了更新的代码和更多信息。您是否配置了中间件来提供来自客户机的文件?看见