如何使用PHP，Angular.js和MySQL由单个用户提交的多行插入值

Question

我需要使用Angular.js和PHP在单个用户单击中插入多行。 首先，我在下面解释我的代码。

为time.html

<table class="table table-bordered table-striped table-hover" id="dataTable">
  <tr>
    <td width="100" align="center">Time <i class="fa fa-long-arrow-right"></i>
      <br>Day <i class="fa fa-long-arrow-down"></i>
    </td>
    <td width="100" align="center" ng-repeat="hour in hours" ng-bind="hour.time_slot"></td>
  </tr>
  <tbody id="detailsstockid">
    <tr ng-repeat="days in noOfDays">
      <td width="100" align="center" style=" vertical-align:middle" ng-bind="days.day"></td>
      <td width="100" align="center" style="padding:0px;" ng-repeat="hour in hours">
        <table style="margin:0px; padding:0px; width:100%">
          <tr>
            <td>
              <select id="coy" name="coy" class="form-control" ng-model="sub_name " ng-options="sub.name for sub in listOfSubjectName track by sub.value">
              </select>
            </td>
          </tr>
          <tr>
            <td>
              <select id="coy" name="coy" class="form-control" ng-model="fac_name " ng-options="fac.name for fac in listOfFacultyName track by fac.value">
              </select>
            </td>
          </tr>
        </td>
      </table>
    </td>
  </tr>
</tbody>
</table>

上面的代码部分在UI上提供了以下输出。 单击下面的链接查看输出图像。

时间表

timecontroller.js

$http({
    method: 'GET',
    url: "php/timetable/gethour.php",
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function successCallback(response){
        //console.log('hour',response.data);
        $scope.hours=response.data;
    },function errorCallback(response) {
});
$http({
    method: 'GET',
    url: "php/timetable/getdays.php",
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function successCallback(response){
   $scope.days=response.data;
        // console.log('days',$scope.days);
        for (var i = 0; i < 5; i++) {
         $scope.noOfDays.push($scope.days[i]);
     }
 },function errorCallback(response) {
 });

在上图中，您可以看到我有5天的时间和一些时隙。 我需要在这里，当用户单击任何提交按钮时，所有选定的课程名称数据，教员名称数据，日时段将保存在数据库中。 让我举一个例子。 假设用户单击第一行中的“提交”按钮，它将再次保存monday,10AM :: 11AM,course name,faculty name monday,09AM :: 10AM,course name,faculty name 。第二行中，它将保存monday,10AM :: 11AM,course name,faculty name等。 这样，它将一键插入5*7=35行。 请帮我做到这一点。

Answer 1

当我查看您的代码时，我看到您将选择框绑定到“ sub_name”和“ fac_name”。 我还没有测试过，但是我认为更改一个“ sub_name”将更新所有“ sub_name”选择项，因为它们都绑定到相同的模型。

首先，您需要解决这个问题。 我将创建一个大模型（称为“花名册”），并在该模型中设置每一天/同日休。

var roster = {
    monday:[
        {
            startTime: 9, 
            endTime: 10, 
            cource: 'courcename',
            faculty: 'faculty name'
        },
        {
            startTime: 10, 
            endTime: 11, 
            cource: 'courcename2',
            faculty: 'faculty name2'
        },
        .......
    ]
}

比您可以观察此模型，并在模型更改时执行http调用来更新数据库。 您还可以找出实际更改的值，然后仅将这些更改推送到数据库。