LoginSignup
1
0
@tokotoko33ok(Tossy N)

PHP,Smartyと、jquery ui で作成。予約システム、日別照会機能 & 画面

Posted at

■開発環境

・RedHat 7
・PHP 7.4
・smarty 2.xxxx
・oracle 19

■インターフェース

01
ui_01.png

02
ul_02.png

03
ui_03.png

■ソースコード

●PHPソース

<?php

require_once './common.php';
require_once CLASS_PATH . '/Base_Page.php';

/**
 *  日別照会 クラス
 */
class Day_search extends Base_Page
{

    /**
     * Page を初期化する.
     *
     * @return void
     */
    function init()
    {
        parent::init();
        $this->setTemplate('day_search.tpl');
    }

    /**
     * Page のプロセス.
     *
     * @return void
     */

    function process($checkToken = false)
    {
        parent::process();
        $this->action();
        $this->sendResponse($this);
    }


    /**
     * Page のアクション.
     *
     * @return void
     */
    function action()
    {
        // パラメーター管理クラス
        $objFormParam = new Base_FormParam();

        // パラメーター情報の初期化
        $this->lfInitParam($objFormParam);

        // 値の設定
        $objFormParam->setParam($_REQUEST);

        // 入力値の変換
        $objFormParam->convParam();

        // 値の取得
        $this->arrForm = $objFormParam->getHashArray();

        //modeの取得
        $this->mode = $this->getMode();

        switch ($this->getMode()) {
            case 'logout':
                $this->lfDoLogout();
                $this->response->sendRedirect('login.php', array(), false, true);
                break;

            case 'view_list':
                $this->response->sendRedirect('view_list.php');
                break;

            case 'reserve_list':
                $this->response->sendRedirect('reserve_list.php', array(), false, true);
                break;

                // === 追加 23_11_01
                // ====== 画像アップロード
            case 'upload_edit':
                $this->response->sendRedirect('upload_edit.php', array(), false, true);
                break;

                // === 追加 23_11_02
                // ====== PDF プレビュー
            case 'generate_pdf':
                $this->response->sendRedirect('generate_pdf.php', array(), false, true);
                break;

                // === 追加 23_11_24
            case 'pdf_view':
                $this->View_Post();
                $this->response->sendRedirect('pdf_view.php', array(), false, true);
                break;

            case 'reserve_edit':
                $this->lfSetYoyakuKeys($objFormParam);
                $arrQueryString = array("mode" => $this->getMode());
                $this->response->sendRedirect('reserve_edit.php', $arrQueryString, false, true);

                break;
            case 'reload':
            default:

                $this->doDefault($objFormParam);
                //    $this->PDF_UPCHK();
                $this->GET_Gyousya_KB(); // === 業者区分　追加
                $this->lfSetYoyakuKeys($objFormParam);
                break;
        }
    }

    /**
     * パラメーター情報の初期化
     *
     * @param  array $objFormParam フォームパラメータークラス
     * @return void
     */
    public function lfInitParam(&$objFormParam)
    {
        // 予約IDの取得
        $objFormParam->addParam('受付年度', 'UKE_NEND', 4, '', array('EXIST_CHECK', 'ALNUM_CHECK', 'MAX_LENGTH_CHECK'));
        $objFormParam->addParam('受付番号', 'UKE_NO', 4, '', array('EXIST_CHECK', 'ALNUM_CHECK', 'MAX_LENGTH_CHECK'));
        $objFormParam->addParam('火葬予約日時', 'YOYAKUBI_STRING', 20, '', array('EXIST_CHECK', 'MAX_LENGTH_CHECK'));

        $device = $this->detectDevice();
        if ($device == DEVICE_TYPE_SMARTPHONE) {
            $objFormParam->addParam('索引番号IDX', 'gyono_idx', 4, '', array('MAX_LENGTH_CHECK'));
        }
    }


    public function lfDoLogout()
    {
        // ログイン記録ログ出力
        $user_id = $_SESSION['user_id'];
        $gyosya_number = $_SESSION['gyosya_number'];
        $sid = $this->session->getSid();
        $str_log = "logout: user=$user_id($gyosya_number) sid=$sid";
        //		Ut_Logs::printLog($str_log);

        // === セッション削除
        $this->session->destroy();
    }

    //予約キー情報セット
    function lfSetYoyakuKeys(&$objFormParam)
    {
        $form = $objFormParam->getHashArray();

        foreach ($form as $key => $val) {

            $this->session->setSession($key, $val);
        }
    }

    //予約キー情報リセット
    function lfResetYoyakuKeys(&$objFormParam)
    {
        $form = $objFormParam->getHashArray();
        foreach ($form as $key => $val) {
            $this->session->deleteSession($key);
        }
        // bug fix date141023


        $this->session->deleteSession("YOYAKUBI");
        $this->session->deleteSession("WAKU_NO");
        $this->session->deleteSession("YOYAKU_TIME");
    }

    function doDefault(&$objFormParam)
    {

        $this->disp_flag = 0;

        // ログイン判定
        if ($this->isLoginSuccess() === true) {
            $this->tpl_login = true;

            $this->disp_flag = 1;
        } else {
            $this->response->sendRedirect('login.php', array(), false, true);
        }

        // 端末判定
        $device = $this->detectDevice();

        // 予約キー情報リセット
        $this->lfResetYoyakuKeys($objFormParam);

        // 今日の日付
        $this->current_datetime = Ut_Date::getCurrentDateTimeString();

        $sid = $this->session->getSid();
        $gyosya_number = $this->session->getSession("gyosya_number");
        $ansyo_number = $this->session->getSession("ansyo_number");
        $this->gyosya_name = $this->session->getSession("gyosya_name");

        // === 追加　業者番号　追加 23_1102　夏目
        $this->gyosya_number = $this->session->getSession("gyosya_number");

        $this->uke_nend = $this->session->getSession("UKE_NEND");


        if ($_SERVER['REQUEST_METHOD'] == 'POST') {

            if (isset($_POST['day_val'])) {

                $selectedDate = $_POST['day_val'];

                // OCI
                $conn = oci_connect(DB_USER, DB_PASSWORD, DB_CONNECTION_STRING, DB_CHARSET);

                if (!$conn) {
                    $e = oci_error();
                    self::fnDispError(DB_ERROR, $e['message'], true, DEBUG_MODE);
                }

                //   $sql = "SELECT 受付番号,申請者姓, 申請者名, 死亡者姓, 死亡者名, 火葬区分,予約日付,式場利用区分,通夜利用区分,霊きゅう車利用区分,受付担当者,業者名 FROM 火葬受付 WHERE 予約日付 = :selectedDate";

                // SQL文
                $sql = "SELECT Ka.受付番号, Ka.申請者姓, Ka.申請者名, Ka.死亡者姓, Ka.死亡者名, Ka.火葬区分, Ka.予約日付, Ka.式場利用区分, Ka.通夜利用区分, Ka.霊きゅう車利用区分, Ka.受付担当者, Ka.業者名, Pd.ファイルパス
                FROM 火葬受付 Ka
                INNER JOIN PDF_UPDETA Pd ON Ka.受付番号 = Pd.受付番号
                WHERE Ka.予約日付 = :selectedDate
                order by Ka.受付番号 ASC";

                $stid = oci_parse($conn, $sql);
                if (!$stid) {
                    $e = oci_error($conn);
                    self::fnDispError(DB_ERROR, $e['message'], true, DEBUG_MODE);
                }

                oci_bind_by_name($stid, ":selectedDate", $selectedDate);

                $r = oci_execute($stid);
                if (!$r) {
                    $e = oci_error($stid);
                    self::fnDispError(DB_ERROR, $e['message'], true, DEBUG_MODE);
                }

                /*
                $nrows = oci_fetch_all($stid, $day_data, null, null, OCI_FETCHSTATEMENT_BY_ROW);

                if ($nrows > 0) {
                    //Ut_Utils::printR($res);
                    // Ut_Utils::printR($nrows);
                    $ret = true;
                }

                print_r("出力:::" . $day_data);
                */

                $day_data = array();
                while ($row = oci_fetch_assoc($stid)) {
                    $day_data[] = $row;
                }

                $arr_get_search = array();

                $arr_val_01_tmp = array(); // 受付番号

                $arr_sinseisya_sei = array(); // 申請者姓
                $arr_sinseisya_mei = array(); // 申請者名
                $arr_val_02_tmp = array(); // 申請者姓 + 申請者名

                $arr_sibousya_sei = array(); // 死亡者姓
                $arr_sibousya_mei = array(); // 死亡者名
                $arr_val_03_tmp = array();   // 死亡者姓 + 死亡者名

                $arr_val_04_tmp = array(); // 火葬区分
                $arr_val_05_tmp = array(); // 予約日
                $arr_val_06_tmp = array(); // 式場 利用
                $arr_val_07_tmp = array(); // 通夜式 利用
                $arr_val_08_tmp = array(); // 霊柩車 利用
                $arr_val_09_tmp = array(); // 受付担当者
                $arr_val_10_tmp = array(); // 業者名

                $arr_val_11_tmp = array(); // ファイルパス


                $arr_idx_tmp = array();
                $arr_idx_NUM_tmp = array();

                $idx = 0;
                foreach ($day_data as $row) {
                    //  echo "受付番号: " . $row['受付番号'] . ", 予約日付: " . $row['予約日付'] . ",火葬区分:" . $row['火葬区分'] . "<br>";
                    $arr_val_01_tmp[$idx] = $row['受付番号'];

                    $arr_sinseisya_sei[$idx] = $row['申請者姓'];
                    $arr_sinseisya_mei[$idx] = $row['申請者名'];
                    // === 申請者姓 + 申請者名
                    $arr_val_02_tmp[$idx] = $arr_sinseisya_sei[$idx] . " " . $arr_sinseisya_mei[$idx];

                    $arr_sibousya_sei[$idx] = $row['死亡者姓'];
                    $arr_sibousya_mei[$idx] = $row['死亡者名'];
                    // === 死亡者姓 + 死亡者名
                    $arr_val_03_tmp[$idx] = $arr_sibousya_sei[$idx] . " " . $arr_sibousya_mei[$idx];

                    $arr_val_04_tmp[$idx] = $row['火葬区分'];

                    $formatted_date = date("Y年n月j日", strtotime($row['予約日付']));
                    $arr_val_05_tmp[$idx] = $formatted_date;

                    $arr_val_06_tmp[$idx] = $row['式場利用区分'];
                    $arr_val_07_tmp[$idx] = $row['通夜利用区分'];
                    $arr_val_08_tmp[$idx] = $row['霊きゅう車利用区分'];
                    $arr_val_09_tmp[$idx] = $row['受付担当者'];
                    $arr_val_10_tmp[$idx] = $row['業者名'];

                    $arr_val_11_tmp[$idx] = $row['ファイルパス'];

                    $arr_idx_tmp[$idx] = $idx;
                    $arr_idx_NUM_tmp[$idx] = $idx + 1;
                    $idx = $idx + 1;
                }

                $this->arr_idx = $arr_idx_tmp;
                $this->arr_idx_NUM = $arr_idx_NUM_tmp;

                // === 出力データ
                $this->arr_val_01 = $arr_val_01_tmp;
                $this->arr_val_02 = $arr_val_02_tmp;
                $this->arr_val_03 = $arr_val_03_tmp;
                $this->arr_val_04 = $arr_val_04_tmp;
                $this->arr_val_05 = $arr_val_05_tmp;
                $this->arr_val_06 = $arr_val_06_tmp;
                $this->arr_val_07 = $arr_val_07_tmp;
                $this->arr_val_08 = $arr_val_08_tmp;
                $this->arr_val_09 = $arr_val_09_tmp;
                $this->arr_val_10 = $arr_val_10_tmp;

                $this->arr_val_11 = $arr_val_11_tmp;
                
                // === 受付番号 件数の重複を削除して、当日の件数を表示用に加工
                $uniqueArr_Uketuke = array_unique($arr_val_01_tmp);
                $Count_Uketuke = count($uniqueArr_Uketuke);
                $this->Count_Uketuke_val = $Count_Uketuke;

                oci_free_statement($stid);
                oci_close($conn);
            } else {
                echo "日付が選択されていません。";
            }
        }
    }


    /**
     *   ========= 追加 23_1124 夏目 =========
     */
    function View_Post()
    {

        $sid = $this->session->getSid();
        $gyosya_number = $this->session->getSession("gyosya_number");
        $gyosya_name = $this->session->getSession("gyosya_name");

        $this->gyosya_number_v = $gyosya_number;
        $this->gyosya_name_v = $gyosya_name;
    }


    /**
     *  業者区分 取得 （前橋用）追加 夏目
     */
    function GET_Gyousya_KB()
    {

        $gyosya_number = $this->session->getSession("gyosya_number");
        $ansyo_number = $this->session->getSession("ansyo_number");
        $gyosya_name = $this->session->getSession("gyosya_name");


        // OCI
        $conn = oci_connect(DB_USER, DB_PASSWORD, DB_CONNECTION_STRING, DB_CHARSET);

        if (!$conn) {
            $e = oci_error();
            self::fnDispError(DB_ERROR, $e['message'], true, DEBUG_MODE);
        }

        $sql = "SELECT 業者略称, 受付区分 FROM 業者 WHERE 業者コード = :gyosya_number AND 業者名 = :gyosya_name";

        $stid = oci_parse($conn, $sql);
        if (!$stid) {
            $e = oci_error($stid);
            self::fnDispError(DB_ERROR, $e['message'], true, DEBUG_MODE);
        }

        oci_bind_by_name($stid, ':gyosya_number', $gyosya_number);
        oci_bind_by_name($stid, ':gyosya_name', $gyosya_name);

        $r = oci_execute($stid);
        if (!$r) {
            $e = oci_error($stid);
            self::fnDispError(DB_ERROR, $e['message'], true, DEBUG_MODE);
        }

        $nrows = oci_fetch_all($stid, $gyou_kb, null, null, OCI_FETCHSTATEMENT_BY_ROW);

        // === 業者区分 格納用
        $arr_Gyousya_KB = array();

        // 
        if (isset($gyou_kb[0])) {
            $GET_gyousya_ryaku_name = $gyou_kb[0]['業者略称'];
            $GET_gyousya_uke_kb = $gyou_kb[0]['受付区分'];

            $_SESSION['GET_gyousya_ryaku_name'] = $GET_gyousya_ryaku_name;
            $_SESSION['GET_gyousya_uke_kb'] = $GET_gyousya_uke_kb;
        }


        if ($nrows > 0) {
            //Ut_Utils::printR($res);
            // Ut_Utils::printR($nrows);
            $ret = true;
        }

        oci_free_statement($stid);
        oci_close($conn);
    } // ========= END function 

}

$objPage = new Day_search();
$objPage->init();
$objPage->process();

●Smarty .tpl ソース


<!--{include file=$html_start_tpl}-->
<!-- ▼BODY部 スタート -->
<!--{strip}-->
<body class="frame_outer">
    <!--{$GLOBAL_ERR}-->
    <noscript>
        <p>JavaScript を有効にしてご利用下さい.</p>
    </noscript>
    <!--{* ▼HEADER *}-->
    <div id="header">
        <!--{include file=$header_tpl}-->
    </div>
    <!--{* ▲HEADER *}-->
    <!--{* ▼MAIN部 *}-->
    <div id="main">
        <span class="strong top_span"><!--{$current_datetime}-->現在の予約状況</span><br>
        <!--{if $tpl_error != ""}-->
            <span class="attention"><!--{$tpl_error}--></span><br>
        <!--{/if}-->
        <!--★★検索結果一覧★★-->
        <form name="form1" id="form1" method="post" action="?">
            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
            <input type="hidden" name="mode" value="" />
            <input type="hidden" name="UKE_NEND" value="" />
            <input type="hidden" name="UKE_NO" value="" />
            <input type="hidden" name="YOYAKUBI_STRING" value="" />
            <div class="btn">
                <!--{* ログイン済み *}-->
                <!--{if $tpl_login == 1 }-->
                    <a class="btn_default" href="javascript:;" onclick="main.setModeAndSubmit('form1', 'reserve_list'); return false;">予約状況確認</a>
                    <a class="btn_default" href="javascript:;" onclick="main.setModeAndSubmit('form1', 'view_list'); return false;">空き状況確認</a>
                    <a class="btn_default" href="javascript:;" onclick="main.setModeAndSubmit('form1', 'pdf_view'); return false;">埋火葬許可書 アップロード一覧</a>
                    <a class="btn_default" href="javascript:;" onclick="main.setModeAndSubmit('form1', 'reload'); return false;">最新状況に更新</a>
                    <a class="btn_default" href="javascript:;" onclick="main.setModeAndSubmit('form1', 'logout'); return false;">ログアウト</a>
                <!--{else}-->
                    <a class="btn_default" href="javascript:;" onclick="main.setModeAndSubmit('form1', 'login'); return false;">ログイン</a>
                <!--{/if}-->
            </div>
        </form>

<h2>日付を選択してください</h2>

<form name="day_search" id="day_search" method="post" action="./day_search.php">
    <input name="day_val" type="text" id="datepicker">

    <input id="day_search_submit" type="submit" value="検索">
</form>

            
 <!--{if $disp_flag == 1}-->

   <span class="alignL strong underline clearfix">日別予約情報</span>
            <!--{* 検索結果表示テーブル *}-->
            
 <!--{assign var=val_idx value="0"}-->
   <p class="strong underline" id="kasou_text">火葬予約日時：<!--{$arr_val_05[$val_idx]}--> データ一覧表示</p>
   <p id="kasou_search_max">
   【日別 火葬件数】：
<!--{if $Count_Uketuke_val != ""}-->
    <!--{$Count_Uketuke_val}--> 件
<!--{/if}-->
   </p>
            <table class="list" id="search_table_view">
                <col width="4%" />
                <col width="7%" />
                <col width="11%" />
                <col width="11%" />
                <col width="12%" />
                <col width="8%" />
                <col width="5%" />
                <col width="5%" />
                <col width="9%" />
                <col width="15%" />
                <col width="12%" />

                <tr>
                    <th class="alignC">No.</th>
                    <th class="alignL">受付番号</th>
                    <th class="alignL">申請者</th>
                    <th class="alignL">死亡者</th>
                    <th class="alignC">火葬区分</th>
                    <th class="alignC">式場利用</th>
                    <th class="alignC">通夜式</th>
                    <th class="alignC">霊柩車</th>
                    <th class="alignC">担当者</th>
                    <th class="alignC">業者名</th>
                    <th class="alignC">埋火葬許可証</th>
               </tr>
                
            <!--{section name=idx loop=$arr_idx}-->
               <tr>
                    <td><!--{$arr_idx_NUM[idx]}--></td>
                    <td><!--{$arr_val_01[idx]}--></td>
                    <td><!--{$arr_val_02[idx]}--></td>
                    <td><!--{$arr_val_03[idx]}--></td>
                    <td>
                    <!--{if $arr_val_04[idx] == 0}-->
                        大人(12歳以上)
                    <!--{elseif $arr_val_04[idx] == 1}-->
                        小人(12歳未満)
                    <!--{elseif $arr_val_04[idx] == 2}-->
                        死産児
                    <!--{/if}-->
                    </td>
                    <td>
                    <!--{if $arr_val_06[idx] == 0}-->
                        利用なし
                     <!--{elseif $arr_val_06[idx] == 1}-->
                        大式場
                     <!--{elseif $arr_val_06[idx] == 2}-->
                        小式場
                    <!--{/if}-->
                    </td>

                     <td>  
                     <!--{if $arr_val_07[idx] == 0}-->
                        なし
                     <!--{elseif $arr_val_07[idx] == 1}-->
                        利用
                     <!--{/if}-->
                     </td>

                     <td>  
                     <!--{if $arr_val_08[idx] == 0}-->
                        なし
                     <!--{elseif $arr_val_08[idx] == 1}-->
                        利用
                     <!--{/if}-->
                     </td>

                     <td><!--{$arr_val_09[idx]}--></td>
                     <td><!--{$arr_val_10[idx]}--></td>
                     <td>
                     <a href="<!--{$arr_val_11[idx]}-->" id="kyoka_syo_search" target="_blank" >表示</a>
                     </td>
              </tr>
            <!--{/section}-->

            </table>



    <!--{* 検索結果表示テーブル *}-->
<!--{/if}-->

        </div>
    <!--{* ▲MAIN部 *}-->
    <!--{* ▲HEADER *}-->
    <!--{* ▼FOOTER *}-->
    <div id="footer">
        <!--{include file=$footer_tpl}-->
    </div>
    <!--{* ▲FOOTER *}-->

<!-- ========　追加 24_03_07 夏目 前橋用 ======== -->

<!-- jQuery UI -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<script type="text/javascript">

(function($) {
    $(document).ready(function() {

        $("#datepicker").datepicker({
            buttonText: "日付を選択", 
            showOn: "both" 
        });

 
  $.datepicker.regional['ja'] = {
    closeText: '閉じる',
    prevText: '<前',
    nextText: '次>',
    currentText: '今日',
    monthNames: ['1月','2月','3月','4月','5月','6月',
    '7月','8月','9月','10月','11月','12月'],
    monthNamesShort: ['1月','2月','3月','4月','5月','6月',
    '7月','8月','9月','10月','11月','12月'],
    dayNames: ['日曜日','月曜日','火曜日','水曜日','木曜日','金曜日','土曜日'],
    dayNamesShort: ['日','月','火','水','木','金','土'],
    dayNamesMin: ['日','月','火','水','木','金','土'],
    weekHeader: '週',
    dateFormat: 'yy-mm-dd',
    firstDay: 0,
    isRTL: false,
    showMonthAfterYear: true,
    yearSuffix: '年'};
  $.datepicker.setDefaults($.datepicker.regional['ja']);

});

})(jQuery);


</script>

<script>
    
    function submitForm() {
        document.getElementById("day_search").submit(); 
    }

    $(function() {
        $("#datepicker").datepicker({
            dateFormat: 'yy-mm-dd',
            onSelect: function(date) {
                console.log("サブミット OK");
                submitForm(); 
            }
        });
    });
</script>

</body>
<!--{/strip}-->
<!-- ▲BODY部 エンド -->
<!--{include file=$html_end_tpl}-->
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
0