CodeIgniter中下拉菜单数据跨页面会话存储与显示教程-php教程-PHP中文网

CodeIgniter中下拉菜单数据跨页面会话存储与显示教程

聖光之護

发布： 2025-09-13 09:50:34

原创

185人浏览过

CodeIgniter中下拉菜单数据跨页面会话存储与显示教程

本教程详细阐述了在CodeIgniter框架中，如何将用户从下拉菜单中选择的数据安全地存储到会话（Session）中，并在不同的视图页面中正确地检索和显示这些数据。内容涵盖了前端表单提交、后端控制器会话管理以及视图层数据输出的关键步骤，并特别指出常见的输出错误，确保数据在多页面间流畅传递。

引言

在web应用程序开发中，会话（session）是一种至关重要的机制，它允许我们在用户与应用程序的多个请求之间存储和传递数据。这对于实现多步骤表单、用户偏好设置、购物车功能或任何需要跨页面持久化用户数据的场景都至关重要。本文将以codeigniter框架为例，详细演示如何将前端下拉菜单中选择的数据存储到会话中，并在后续页面中正确地显示这些数据。

CodeIgniter会话基础

CodeIgniter提供了一套简洁而强大的会话管理库，使得在应用程序中存储和检索数据变得非常方便。在使用会话功能之前，首先需要在控制器中加载会话库。

$this->load->library('session');

登录后复制

加载会话库后，我们可以使用以下两个主要方法进行会话数据的操作：

存储数据：set_userdata() 该方法用于将数据存储到当前用户的会话中。可以传入键值对数组或单个键值对。

// 存储单个数据项
$this->session->set_userdata('key', 'value');

// 存储多个数据项（推荐方式）
$data = array(
  'key1' => 'value1',
  'key2' => 'value2'
);
$this->session->set_userdata($data);

登录后复制

检索数据：userdata() 用于从会话中获取存储的数据。如果传入键名，则返回对应的值；如果不传入键名，则返回所有会话数据。
```
$value = $this->session->userdata('key'); // 获取指定键的值
$all_session_data = $this->session->userdata(); // 获取所有会话数据
```
登录后复制

步骤一：前端数据提交与后端会话存储

本步骤将展示如何通过HTML表单收集用户选择，并将其存储到CodeIgniter的会话中。

1. 前端视图 (v_step1.php)

创建一个包含下拉菜单的HTML表单。关键在于为每个下拉菜单设置 name 属性，以便后端能够通过POST请求获取到选定的值。表单的 action 属性应指向处理提交的控制器方法，method 属性应设置为 post。

<form action="<?php echo base_url('Step1/save_data'); ?>" method="post">
    <table border="0" style="text-align:left; margin-left: auto; margin-right: auto; width:97%; margin-top:50px;">
        <tr style="height:50px;">
            <td style="width:100px;"> </td>
            <td class="tulisanDalamTabel" colspan="2">   Departemen </td>
            <td colspan="1" style="width: 100px;"> </td>
            <td colspan="2">
                <select required name="kode_departemen" class="tulisanDalamTabel" style="width:98%; margin-left: 7px; height:40px;">
                    <option value="" disabled selected>--PILIH UNIT--</option>
                    <?php
                    foreach ($departemen as $row) { echo "<option value='".$row->replid."'>".$row->departemen."</option>";}
                    ?>
                </select>
            </td>
        </tr>

        <tr style="height:50px;" >
            <td style="width:100px;"></td>
            <td class="tulisanDalamTabel" colspan="2">   PPDB </td>
            <td colspan="1" style="width: 100px;"> </td>
            <td colspan="2">
                <select required name="kode_tahun" class="tulisanDalamTabel" style="width:98%; margin-left: 7px; height:40px;">
                    <option value="" disabled selected>--PILIH TAHUN AJARAN--</option>
                    <?php
                    foreach ($tahunajaran as $row) { echo "<option value='".$row->replid."'>".$row->proses."</option>";}
                    ?>
                </select>
            </td>
        </tr>

        <tr style="height:50px;">
            <td style="width:100px;"></td>
            <td class="tulisanDalamTabel" colspan="2">   Asal Calon Siswa </td>
            <td colspan="1" style="width: 100px;"> </td>
            <td colspan="2">
                <select required name="kode_asal" class="tulisanDalamTabel" style="width:98%; margin-left: 7px; height:40px;">
                    <option value="" disabled selected>--PILIH--</option>
                    <option> UMUM </option>
                    <option> KELUARGA YAYASAN </option>
                </select>
            </td>
        </tr>

        <tr style="height:50px;">
            <td colspan="8"><hr style="width: 98%"/></td>
        </tr>
        <tr style="height:50px;">
            <td class="tulisanDalamTabel" colspan="2"><input type="submit" class="buttonKembali" value="Batal Daftar" style="vertical-align:middle"> </td>
            <td colspan="4"> </td>
            <td class="tulisanDalamTabel" style="text-align:right; width:380px"><input type="submit" class="buttonSelanjutnya" value="Selanjutnya" style="vertical-align:middle;"> </td>
        </tr>
    </table>
</form>

登录后复制

注意： 默认选中项应使用 selected 属性，例如 <option value="" disabled selected>--PILIH UNIT--</option>。

2. 后端控制器逻辑 (Step1.php)

在控制器中，我们需要定义一个方法来处理表单提交。该方法将从POST数据中获取用户选择的值，并使用 set_userdata() 方法将其存储到会话中。最后，重定向到下一个页面（例如 step4）。

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Step1 extends CI_Controller {

  function __construct() {
    parent::__construct();
    $this->load->helper('url');
    $this->load->library('session'); // 确保加载会话库
    $this->load->model('M_datasiswa'); // 如果需要加载模型
  }

    // step1() 方法用于加载 v_step1 视图，并提供下拉菜单数据
    public function step1()
    {
        $data['departemen'] = $this->M_datasiswa->get_departemen();
        $data['tahunajaran'] = $this->M_datasiswa->get_tahunajaran();
        $this->load->view('v_step1',$data);
    }

  function save_data(){
    // 获取POST提交的数据
    $depart = $this->input->post('kode_departemen');
    $tahun = $this->input->post('kode_tahun');
    $asal = $this->input->post('kode_asal');

    // 将数据组织成数组，准备存入会话
    $session_data = array(
      'departemen' => $depart,
      'proses' => $tahun, // 'proses' 对应 'kode_tahun'
      'asal' => $asal
    );

    // 将数据存入会话
    $this->session->set_userdata($session_data);

    // 重定向到目标页面
    redirect('step4');
  }
}

登录后复制

注意： 会话键名 (departemen, proses, asal) 应该具有清晰的含义，并与你希望在其他页面中检索时使用的名称保持一致。

芦笋演示

一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。

查看详情

步骤二：在其他页面显示会话数据

当数据成功存储到会话并重定向到目标页面后，我们可以在任何其他视图中检索并显示这些数据。

目标视图 (v_step4.php)

在 v_step4.php 中，通过 $this->session->userdata('key') 可以获取之前存储的会话值。至关重要的一点是，必须使用 echo 语句将获取到的数据输出到HTML中，否则数据将不会在页面上显示。

错误示例 (数据不显示):

<td> <?php $this->session->userdata('departemen') ?></td>

登录后复制

上述代码仅获取了会话数据，但没有将其打印出来，因此页面上不会显示任何内容。

正确示例 (数据正确显示):

<table border="1" style="text-align:left; margin-left: auto; margin-right: auto; width:97%; margin-top:50px;">
    <tr style="height:50px;">
        <td class="tulisanDalamTabel">   所选部门 </td>
        <td> <?php echo $this->session->userdata('departemen'); ?></td>
        <td

登录后复制

以上就是CodeIgniter中下拉菜单数据跨页面会话存储与显示教程的详细内容，更多请关注php中文网其它相关文章！