在 Laravel4 中使用 ANGULARJS 将数据存储在数据库中答案

【问题标题】：Store data in DataBase using ANGULARJS in Laravel4在 Laravel4 中使用 ANGULARJS 将数据存储在数据库中
【发布时间】：2016-12-26 04:02:21
【问题描述】：

我正在尝试使用 Laravel4 中的 ANGULARJS 将数据插入数据库。但是数据不会进入数据库。这里没有显示错误。这里我还在 php 中包含了 foreach 循环来显示数据。

这里是查看页面(*.php)

<!DOCTYPE html>
    <html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

</head>
<body ng-app="myApp" ng-controller="myCtrl">

<h2>Calculator</h2>
<form action="calculative_page" method="post">
a: <input type="number" ng-model="a" name="a">
b: <input type="number" ng-model="b" name="b">
<button ng-click="addFunc()">Sum</button>
<b>Summation : {{sum}}</b>

<?php
if(isset($select))
{
    foreach ($select as $sel) { ?>
    <input type="text" value="<?php echo $sel->addition ?>"></br>
<?php }} ?>

<br/><br/><br/>
c: <input type="number" ng-model="c" name="c">
d: <input type="number" ng-model="d" name="d">
<button ng-click="subFunc()">Sub</button>
<b>Subtraction: {{sub}}</b>


<?php
if(isset($select))
{
    foreach ($select as $sel) { ?>
    <input type="text" value="<?php echo $sel->subtraction ?>"></br>
<?php }} ?>

</div>
</form>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope,$http) {
    $scope.sum = 0;
    $scope.addFunc = function() {
        $scope.sum = $scope.a+$scope.b;
        $scope.a = $_POST['a'];
        $scope.b = $_POST['b'];
        }
    }

    $scope.sub = 0;
    $scope.subFunc = function() {
        $scope.sub=$scope.c-$scope.d;
        $scope.c = $_POST['c'];
        $scope.d = $_POST['d'];
    }
});
</script>
</body>
</html>

这里是控制器

<?php

namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use DB;
use Session;
use Redirect;

class NewController extends Controller
{
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('auth');
    }
public function calculative_function(Request $request)
    {
      echo $a_value = $request->a;
      echo $b_value = $request->b;
      echo $c_value = $request->c;
      echo $d_value = $request->d;
      if($a_value)
      {
        $calc = DB::table('calculation')->insert(['a' => $a_value, 'b' => $b_value,'addition'=>$a_value+$b_value]);
        return redirect('homework')->with('status','Done..!');
      }
      else
      {
        $calc = DB::table('calculation')->insert(['c' => $c_value, 'd' => $d_value,'subtraction'=>$c_value-$d_value]);
        return view('homework');
      }

    }

    public function homework_function(Request $request)
    {
      $select = DB::select('select addition, subtraction from calculation');
      return view('homework',['select' => $select]);
      //return view('homework');
    }

这里是route.php

Route::get('/homework', 'NewController@homework_function');

Route::get('/calculative_page', 'NewController@calculative_function');

【问题讨论】：

标签： php jquery angularjs laravel-4

【解决方案1】：

我自己解决了，Route.php 或Controller 没有变化。唯一的变化是在视图页面中。请查看如下所示的代码：

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

</head>
<body ng-app="myApp" ng-controller="myCtrl">

<h2>Calculator</h2>
<form action="calculative_page" method="get">
a: <input type="number" ng-model="a" name="a">
b: <input type="number" ng-model="b" name="b">
<button ng-click="addFunc()">Sum</button>
<b>Summation : {{sum}}</b>
</form>

<br/><br/><br/>
<form action="calculative_page" method="get">
c: <input type="number" ng-model="c" name="c">
d: <input type="number" ng-model="d" name="d">
<button ng-click="subFunc()">Sub</button>
<b>Subtraction: {{sub}}</b>

</div>
</form>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope,$http) {
    $scope.sum = 0;
    $scope.addFunc = function() {
        $scope.sum = $scope.a+$scope.b;
        }
    }

    $scope.sub = 0;
    $scope.subFunc = function() {
        $scope.sub=$scope.c-$scope.d;
    }
});
</script>
<table style="width:100%" border=1>
    <tr>
        <th>Id</th>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
        <th>Addition</th>
        <th>Subtraction</th>
    </tr>
<?php
foreach($select as $slct)
{?>
<tr>
    <td><?php echo $slct->id;?></td>
    <td><?php echo $slct->a;?></td>
    <td><?php echo $slct->b;?></td>
    <td><?php echo $slct->c;?></td>
    <td><?php echo $slct->d;?></td>
    <td><?php echo $slct->addition;?></td>
    <td><?php echo $slct->subtraction;?></td>
    <br/>
<?php }
?>
</body>
</html>

但是这里提出了一个新问题，这个计算器没有在屏幕上显示加法/减法结果。它的输出在屏幕上显示为：

【讨论】：

【解决方案2】：

我也解决了这个问题...... 现在数据已成功插入数据库并显示在屏幕上。看看这个..！这是查看页面：

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

</head>
<body ng-app="myApp" ng-controller="myCtrl">

<h2>Registration</h2><br/>
Name: <input type="text" ng-model="nam" name="nam"><br/>
Email: <input type="email" ng-model="email" name="email"><br/>
Password: <input type="password" ng-model="password" name="password"><br/>
City: <input type="text" ng-model="city" name="city"><br/>
<button ng-click="addFunc()" type="submit">Sub</button>

</div>
</form>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope,$http) {

    $scope.addFunc = function() {
        $http({
          method  : 'POST',
          url     : 'http://localhost/crud/public/registration_data_page',
          data    : {nam:$scope.nam,email:$scope.email,password:$scope.password,city:$scope.city}
         }).then(function successCallback(response) {
          console.log('successCallback');
          console.log(response);

  }, function errorCallback(response) {
            console.log('errorCallback');
          console.log(response);
  });

}
});
</script>



</body>
</html>

这里是控制器：

<?php

namespace App\Http\Controllers;

use App\Http\Requests;
use Illuminate\Http\Request;
use DB;
use Session;
use Redirect;

class NewController extends Controller
{
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('auth');
    }

    public function calculative_function(Request $request)
    {
      echo $a_value = $request->a;
      echo $b_value = $request->b;
      echo $c_value = $request->c;
      echo $d_value = $request->d;

      if($a_value)
      {
        $calc = DB::table('calculation')->insert(['a' => $a_value, 'b' => $b_value, 'addition'=>$a_value+$b_value]);
      }
      else
      {
        $calc = DB::table('calculation')->insert(['c' => $c_value, 'd' => $d_value,'subtraction'=>$c_value-$d_value]);
      }
    }
    public function homework_function(Request $request)
    {
      $select = DB::select('select * from calculation');
      return view('homework',['select' => $select]);
    }

路线与上述答案相同。

【讨论】：