php - codeigniter を使用して各データをフォームに表示する

Question

私は CodeIgniter を初めて使用し、それを調査しています。私はこれを行うのに苦労しています。これまでのところ、これは私が試したことです。

Controller.php

    <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Customer_controller extends CI_Controller{
    public function __construct()
    {
        parent::__construct();
        $this->load->model('customer_model');
    }
    public function index()
    {
        $data['title']= 'Customer';
        $data['records'] = $this->customer_model->getAll();
        $data['groups'] = $this->customer_model->getAllCustomerGroups();
        $data['groupcodes'] = $this->customer_model->getAllCustomerGroups();
        $this->load->view('include/header',$data);
        $this->load->view('include/navbar',$data);
        $this->load->view('customer_view', $data);
        $this->load->view('include/sidebar',$data);
        $this->load->view('include/footer',$data);

    }
}

Model.php

 function getAll() {
            $query = $this->db->get('customercard');
            return $query->row_array();       
        }

View.php

              <form class="form-horizontal" role="form">
          <div class="form-group">
            <label for="inputCustomerCode3" class="col-sm-2 control-label">Code</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputCustomerCode3" readonly>
            </div>

            <label for="inputWebsite3" class="col-sm-2 control-label">Website</label>
            <div class="col-sm-4">
              <input type="url" class="form-control" id="inputWebsite3" placeholder="Website">
            </div>
          </div>
          <div class="form-group">
            <label for="inputCustomerName3" class="col-sm-2 control-label">Name</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputCustomerName3" placeholder="Customer Name">
            </div>

            <label for="inputContact3" class="col-sm-2 control-label">Contact</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputContact3" placeholder="Contact">
            </div>
          </div>
          <div class="form-group">
            <label for="inputCustomerGroup3" class="col-sm-2 control-label">Group</label>


            <label for="inputIncomeAccount3" class="col-sm-2 control-label">Income Account</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputIncomeAccount3" placeholder="Income Account">
            </div>
          </div>
          <div class="form-group">
            <label for="inputCustomerType3" class="col-sm-2 control-label">Type</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputCustomerType3" placeholder="Customer Type">
            </div>
            <label for="inputSalesPerson3" class="col-sm-2 control-label">Sales Person</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputSalesPerson3" placeholder="Sales Person">
            </div>
          </div>
          <div class="form-group">
            <label for="inputCustomerAddress3" class="col-sm-2 control-label">Address</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputCustomerAddress3" placeholder="Customer Address">
            </div>

            <label for="inputCreditLimit3" class="col-sm-2 control-label">Credit Limit</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputCreditLimit3" placeholder="Credit Limit">
            </div>
          </div>
          <div class="form-group">
            <label for="inputCustomerAddressAlt3" class="col-sm-2 control-label">AddressAlt</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputCustomerAddressAlt3" placeholder="Customer AddressAlt">
            </div>

            <label for="inputTin3" class="col-sm-2 control-label">Tin</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputTin3" placeholder="Tin">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPhone13" class="col-sm-2 control-label">Phone1</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputPhone13" placeholder="Phone1">
            </div>

            <label for="inputTaxCode3" class="col-sm-2 control-label">Tax Code</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputTaxCode3" placeholder="Tax Code">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPhone23" class="col-sm-2 control-label">Phone2</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputPhone23" placeholder="Phone2">
            </div>

            <label for="inputTerms3" class="col-sm-2 control-label">Terms</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputTerms3" placeholder="Terms">
            </div>
          </div>
          <div class="form-group">
            <label for="inputFax3" class="col-sm-2 control-label">Fax</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputFax3" placeholder="Fax">
            </div>

            <label for="inputPriceCode3" class="col-sm-2 control-label">Price Code</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="inputPriceCode3" placeholder="Price Code">
            </div>
          </div>
          <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
            <div class="col-sm-4">
              <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
            </div>
          </div>

          <div class="form-group">
            <div class="col-sm-offset-6 col-sm-10">
                <button type="button" class="btn btn-primary">
                  <span class="glyphicon glyphicon-backward"></span>
                </button>
                <button type="button" class="btn btn-primary">
                  <span class="glyphicon glyphicon-arrow-left"></span> 
                </button>
                <button type="button" class="btn btn-primary">
                  <span class="glyphicon glyphicon-arrow-right"></span>  
                </button>
                <button type="button" class="btn btn-primary">
                  <span class="glyphicon glyphicon-forward"></span> 
                </button>
            </div>
          </div>

          <div class="form-group">
            <div class="col-sm-offset-4 col-sm-10">
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span> Add</button>
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span> Update</button>
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-save"></span> Save</button>
                <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-remove"></span> Delete</button>
                <button type="reset" class="btn btn-primary"><span class="glyphicon glyphicon-refresh"></span> Cancel</button>
            </div>
          </div>
        </form>

私がしたいことは、データベースからフォームにデータを表示することです。私が選んだ

  $query = $this->db->get('customercard');

生産する

  SELECT * FROM customercard

しかし、フォームに各レコードを表示したいのですが、お気づきのように、最初、前、次、最後というナビゲーション ボタンがあります。これらのボタンを使用してレコードをループしたい。ビューに表示する方法がわかりません。ですから、私がやっていることを続けることができるように、始めるためのチュートリアルをいくつか提供するか、コードを手伝ってくれるようお願いします。助けていただければ幸いです。よろしくお願いします！