정보통신기술용어해설

소스 파일 : /testing/testing.html (2021-07-02) 소스 설명 : (구현 항목) 소스 관리 메뉴얼의 초기 화면 (단일 페이지화 ) (html, php) (Run)

<!-- (2020.11.24, 차재복, Cha Jae Bok, http://www.ktword.co.kr) -->

<?php // 세션 스타트 (매 웹페이지 마다 필요)
    session_start(); 
	// 세션 변수 : 사용자 타입 ('일반사용자 0' or '테스트편집자 1' or '정식편집자 2' or '종합관리자 3')
	$_SESSION['user_type'] = ( empty($_SESSION['user_name']) ? '일반사용자' : $_SESSION['user_name'] );
?>


<!-- DOCTYPE html 선언 -->
<!DOCTYPE html>
<html>


<!-- html 헤더부 -->
<head>


<?php // db 접속 (dbi),  html 헤더부 (title, utf-8 선언),  모바일 셋팅
    include "../base_utils/config.php"; ?>


<!-- 스타일링 -->
<style> 
    * { font-size:13px; } 
    body { font-size:13px; } 
    hr { margin:10px; }
	h2 { display:inline-block; font-size:13px; font-weight:bold; margin:0; }

    .menu_btn { font-size:13px; margin:5px; }
	.menu_strong { font-weight:bold; background-color:#fbefef; }
</style>


<!-- PHP 전달변수 처리 -->
<?php
	$menu_no = $_REQUEST[menu];
//	if (empty($menu_no)) $menu_no = "2";

	$dir = $_REQUEST[dir];

	$lang = $_REQUEST[lang];

	$p = $_REQUEST[p];

	$id = $_REQUEST[id];

?>


<!-- PHP db 쿼리 처리 -->
<?php
	// http 쿼리 내 id가 있으면, path2node 추출
	if (!empty($id)) {
		$query = "select path2node from reform where id=$id";
		$result = mysqli_query($dbi, $query);
		while ( $matched = mysqli_fetch_assoc($result) ) {
	        $path2node = $matched[path2node];
		}
	}

	// 메뉴 쿼리
	$query = "select name,id,sub_seq,depth from reform where depth=1 order by sub_seq";
	$result = mysqli_query($dbi, $query);
	while ( $matched = mysqli_fetch_assoc($result) ) {
        $menu[$matched[id]] = $matched;
    }
	$menu['0'] = array('name'=>'종합 메뉴','id'=>'0','sub_seq'=>'100','depth'=>'1');

?>


<!-- 소스 배열화 (PHP) -->
<?php 
	include "testing_src.php";
	$src_list = src_list();
?>


<!-- 자바스크립트 전역변수 처리 -->
<?php	
	// (PHP => Javascript : 인수 전달) user_type 등을 자바스크립트 전역변수로 전달
	$global = ( isset($_SESSION['user_name']) ? 1 : 0 );
	echo "<script>";
		echo "const path2node = '{$path2node}'.split(',');";
		echo "var glob_var = { 'user_type' : {$global}, 'dir' : '{$dir}', 'menu' : '{$menu_no}', 'lang' : '{$lang}', 'p' : '{$p}', 'id' : '{$id}', 'path2node' : path2node }; ";
			// user_type : (<1 : '일반사용자 0') or (>=1 : '테스트편집자 1' or '정식편집자 2' or '종합관리자 3')
	echo "</script>";
?>


</head>


<!-- html 몸체부 -->
<body>


<!-- 상단 제목줄이 이 곳에 삽입됨 (PHP) -->
<?php // 상단 제목줄
    $title = '소스 관리 메뉴얼';
    include "../base_utils/top_section.php";
?>

<hr> <!-- ========================================================== -->


<!-- 메뉴별 버튼 (PHP) -->
<?php
		foreach ($menu as $key => $value) {
			// 편집자이면, 호출 내역 title속성에 보여줌
			if (isset($_SESSION[user_type])) $title_text = "title='testing.js \n".
																	"navi_testing.js \n subtree({$key},div)'";

			// 디폴트 메뉴 스타일
//			if (empty($menu_no) and $key=='2') $style = "style='font-weight:bold; background-color:#fbefef;'";
//			else $style = '';

			echo "<button type='submit' class='menu_btn' id='menu_{$key}' data-num='{$key}' name='menu' value='{$key}' {$title_text} {$style} >";
				echo $value[name];
			echo "</button>";
		}
?>


<!-- 구현 내용 : 매 메뉴별 실행 결과 (Ajax를 통해 불러옴 : testing.js) -->
<fieldset style='margin:20px 0 20px 10px; padding:10px;'>
<legend><구현 내용></legend>
	<div id='out' style='margin:0;padding:10px;'></div>
</fieldset>


<!-- 구현 소스 : 소스 리스트 -->
<?php
/*
	// 모바일 여부에 따라 스타일 달리 적용
	if ( $detect->isMobile() and !($detect->isTablet())) { // 순수 모바일 기기 (not tablet)
		$container_style = '';
		$item_style = 'float:left;';
	} else {
		$container_style = 'display:flex;';
		$item_style = '';
	}
*/
?>

<fieldset style='margin:5px 0 20px 10px;'> 
<legend><구현 소스> &nbsp; <a href='#' id='src_toggle'>Show</a> &nbsp; </legend>
<div id='src_div' style='display:none;'>
<?php
	echo "<div style='{$container_style}'>";
		// 좌우측 가르기
		$middle = round(count($src_list)/2);
		$first_half = array_slice($src_list,0,$middle);
		$second_half = array_slice($src_list,$middle);

		// 첫번째(좌측)
		echo "<div style='{$item_style} display:flex; flex-direction:column; flex-basis:50%; padding:5px;'>"; 
			src_list_display($first_half);
		echo "</div>";

		// 두번째(우측)
		echo "<div style='{$item_style} display:flex; flex-direction:column; flex-basis:50%; padding:5px;'>"; 
			src_list_display($second_half);
		echo "</div>";
	echo "</div>";
?>
</div>
</fieldset>


<!-- 구현 소스 내용 보여주기 창 -->
<div id='src_view_win' style='display:none;margin:5px 0 20px 10px;padding:10px;border:1px solid gray;'>
</div>


<!-- 페이지 하단 저작권 등 표시 -->
<?php
	// 구분선
	echo "<hr style='clear:both;'>";

	// 저작권
	include_once "../base_utils/copyright.php";

	// 구분선
//	echo "<hr style='margin-top:0px; border-top:1px gray solid;'>";
	
	// 소스 개방 메뉴
//	include "../open_src/open.php"; // (소스이력 폴더별소스 ... )

	// 구분선
	echo "<hr>";

	// 접속 통계 처리
	include_once "../base_utils/stat_utils.php";
	html_access("testing",$dbi);
?>


<!-- 자바스크립트 소스 로드 -->
<?php
	foreach ($src_list as $key => $value) {
		// 일반 사용자용(비 편집자)이면, 편집 관련 파일들은 로드 안함
		if (!isset($_SESSION[user_type]) and ($key=='navi_edit' or $key=='item_edit')) continue;

		foreach ($value[src] as $files) {
			// public 폴더이면, 로드 불필요
			if ($files[dir]=='public') continue;

			if(substr(strrchr($files[file],'.'),1)=='js') {
				echo "<script src='../{$files[dir]}/{$files[file]}?".date("YmdH")."' type='text/javascript'></script>";
							//JS파일명 뒤에 날짜시간 붙여서 과잉 캐시 방지 
			}
		}
	}
	
?>


</body>
</html>


<?php
// 소스 리스트를 열 형태로 보여주기
function src_list_display($list) {

	foreach ($list as $value) {
		echo "<div style='display:flex; marin:0;padding:4px 0px 4px;'>";
			echo "<div style='white-space:nowrap;'>";		
				echo $value[title];
				echo " &nbsp; : &nbsp; ";
			echo "</div>";	

			echo "<div style=''>";
				foreach ($value[src] as $key => $items) {
					echo "<a href='#' class='src_view_elem' onclick=\"srcViewAtBottom('{$items[dir]}','{$items[file]}'); return false;\">";
						echo $items[file];
					echo "</a> ";
					if (!empty($items[desc])) echo "({$items[desc]})";
					if (count($value[src])!=$key+1) echo " &nbsp; "."\n";
				}
			echo "</div>";
		echo "</div>";
	}

}

?>