'라이브러리' 태그의 글 목록

'라이브러리'에 해당되는 글 9건

[PHP] PHPExcel 시트 추가하기[PHP] PHPExcel 시트 추가하기

Posted at 2020. 2. 11. 20:06 | Posted in PHP/PHP Library

■ PHPExcel 시트 나누고 데이터 삽입하기

# 소스코드

<?php

include "./classes/PHPExcel.php";

$objPHPExcel = new PHPExcel();

$rocketPunch = array(

// 첫번째 시트에 사용될 데이터 값

"pinkPunch" => array(

"1" => "PINK PUNCH"

, "2" => "BIM BAM BUM"

, "3" => "Love Is Over"

, "4" => "Lucid Dream"

, "5" => "Favorite"

, "6" => "Do Something"

)

// 두번째 시트에 사용될 데이터 값

, "redPunch" => array(

"1" => "RED PUNCH"

, "2" => "BOUNCY"

, "3" => "So Solo"

, "4" => "Fireworks"

, "5" => "Paper Star"

, "6" => "Lilac"

, "7" => "Girl Friend"

)

);

// @breif Worksheet 라는 이름으로 생성되는 기본 시트를 삭제한다.

$objPHPExcel -> removeSheetByIndex(0);

// @breif 생성할 시트의 순번

$sheetNum = 0;

foreach($rocketPunch as $title => $album) {

// @breif createSheet( ) 함수로 새로운 시트를 생성한다.

$objWorkSheet = $objPHPExcel -> createSheet($sheetNum);

// @breif 엑셀 시트 이름 지정

$objWorkSheet -> setTitle($title);

// @breif 타이틀 영역 지정

$objWorkSheet -> setCellValue("A1", "NO.");

$objWorkSheet -> setCellValue("B1", "Song");

// @breif 엑셀에 데이터 삽입

$row = 1;

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

$row++;

$objWorkSheet -> setCellValue(sprintf("A%s", $row), $key);

$objWorkSheet -> setCellValue(sprintf("B%s", $row), $val);

}

// @breif 각 행의 간격

$objWorkSheet -> getColumnDimension("A") -> setWidth(10);

$objWorkSheet -> getColumnDimension("B") -> setWidth(30);

// @breif 각 로우의 디자인

$objWorkSheet -> getStyle(sprintf("A1:B%s", $row)) -> getAlignment() ->

setHorizontal(PHPExcel_Style_Alignment::HORIZONTAL_CENTER);

$objWorkSheet -> getStyle(sprintf("A1:B%s", $row)) -> getBorders() -> getAllBorders() ->

setBorderStyle(PHPExcel_Style_Border::BORDER_THIN);

$objWorkSheet -> getStyle("A1:B1") -> getFont() -> setBold(true);

$objWorkSheet -> getStyle("A1:B1") -> getFill() -> setFillType(PHPExcel_Style_Fill::FILL_SOLID) ->

getStartColor() -> setRGB("CECBCA");

$objWorkSheet -> getStyle(sprintf("A2:B%s", $row)) -> getFill() -> setFillType(PHPExcel_Style_Fill::FILL_SOLID) ->

getStartColor() -> setRGB("F4F4F4");

// @breif 숫자앞에 기본적으로 0을 붙일 수 있게 한다.

$objWorkSheet -> getStyle(sprintf("A2:A%s", $row)) -> getNumberFormat() -> setFormatCode("00");

$sheetNum++;

}

// @breif 문서를 오픈할 시 첫번째 시트로 열리게 설정

$objPHPExcel -> setActiveSheetIndex(0);

// @breif 파일의 저장형식이 utf-8일 경우 한글파일 이름은 깨지므로 euc-kr로 변환해준다.

$filename = iconv("UTF-8", "EUC-KR", "울림_로켓펀치");

header("Content-Type:application/vnd.ms-excel");

header("Content-Disposition: attachment;filename=".$filename.".xls");

header("Cache-Control:max-age=0");

$objWriter = PHPExcel_IOFactory::createWriter($objPHPExcel, "Excel5");

$objWriter -> save("php://output");

# 출력결과

저작자표시

'PHP > PHP Library' 카테고리의 다른 글

[PHP] PHPExcel 날짜 표시 형식 처리하기 (0)	2020.04.26
[PHP] SimpleSql 라이브러리를 사용한 손쉬운 쿼리사용 (1)	2018.04.16
[PHP] PHP 메일 발송 (5)	2018.04.10
[PHP] PHPExcel 엑셀 파일 업로드 하고 내용 읽기 (0)	2018.03.22
[PHP] PHPExcel 설치하고 엑셀파일 다운받기 (0)	2018.03.21

[JavaScript] 시간(HH:MM)만을 입력하는 텍스트 박스[JavaScript] 시간(HH:MM)만을 입력하는 텍스트 박스

Posted at 2018. 8. 17. 17:57 | Posted in JavaScript & jQuery/JavaScript

■ 텍스트 박스에 시간 입력시 콜론(HH:MM) 자동 삽입

jQuery 캘린더와 같이 jQuery모듈들 중에도 시간을 선택하게 해주는 모듈들이 상당히 있었으나.

분단위를 세세하게 지정하기 힘든등의 무언가 마음에 들지 않는 부분들이 있어 제작하게 되었다.

HHMM 식으로 콜론없이 쭉 4개의 숫자를 자동으로 입력하면 HH:MM형식으로 숫자가 자동으로 기입되는 그런 구조이다.

# 소스코드

<html>
<head>
<title>:: 시간 자동 콜론 삽입(HH:MM) ::</title>
<style type="text/css">
   .timeBox {
       text-align:center;
       width:60px;
   }
</style>
<script type="text/javascript">
   function inputTimeColon(time) {

// replace 함수를 사용하여 콜론( : )을 공백으로 치환한다.
var replaceTime = time.value.replace(/\:/g, "");

        // 텍스트박스의 입력값이 4~5글자 사이가 되는 경우에만 실행한다.
       if(replaceTime.length >= 4 && replaceTime.length < 5) {

           var hours = replaceTime.substring(0, 2);      // 선언한 변수 hours에 시간값을 담는다.
           var minute = replaceTime.substring(2, 4);    // 선언한 변수 minute에 분을 담는다.

            // isFinite함수를 사용하여 문자가 선언되었는지 확인한다.
           if(isFinite(hours + minute) == false) {
               alert("문자는 입력하실 수 없습니다.");
                time.value = "00:00";
               return false;
           }

            // 두 변수의 시간과 분을 합쳐 입력한 시간이 24시가 넘는지를 체크한다.
           if(hours + minute > 2400) {
               alert("시간은 24시를 넘길 수 없습니다.");
                time.value = "24:00";
               return false;
           }

            // 입력한 분의 값이 60분을 넘는지 체크한다.
           if(minute > 60) {
               alert("분은 60분을 넘길 수 없습니다.");
                time.value = hours + ":00";
               return false;
           }

            time.value = hours + ":" + minute;
       }
   }
</script>
</head>
<body>
   <h2>시간을 입력해 주세요</h2>

# 출력결과 - 정상적인 시간을 입력한 경우

# 예외처리① - 문자를 입력한 경우

# 예외처리② - 24시를 넘긴 시간을 입력한 경우

# 예외처리③ - 60분을 넘긴 시간을 입력한 경우

저작자표시

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[JavaScript] Session 데이터 읽고, 쓰기 (0)	2018.09.04
[JavaScript] Cookie 생성, 삭제 및 읽어오기 (4)	2018.09.03
[JavaScript] 전화번호 Hyphen(-)기호 자동 삽입 (7)	2018.08.21
[JavaScript] 천단위 이상의 입력값에 자동콤마( , ) 삽입 (0)	2018.08.20
[JavaScript] 카드번호 입력폼 예제 (0)	2018.04.18

[Editor] Daum Open Editor 커스텀 메뉴 버튼 제작[Editor] Daum Open Editor 커스텀 메뉴 버튼 제작

Posted at 2018. 4. 20. 12:43 | Posted in API/DAUM 오픈 에디터

■ 다음 오픈 에디터 YouTube 영상 삽입 커스텀 버튼 제작

01. 먼저 다음 오픈 에디터 라이브러리중 editor.html 파일을 열고 수정한다.

02. editor.html 소스코드에 YouTube 영상 삽입 메뉴를 추가한다.

editor.html

~ 기타 코드 생략 ~

<li class="tx-list">
    <div style="height:25px;font-size:11px;margin-top:3px;">
        <a href="javascript:;" onClick="youTubeImplant();" title="YouTube">
            <div style="float:left;display:flex;align-items:center;">
                <img src="./daumEditor/images/icon/editor/youtube-logo.png"/>    
            </div>
            <div style="float:left;display:flex;align-items:center;margin-top:2px;"> YouTube</div>
        </a>
    </div>
</li>

<li class="tx-list">
    <div unselectable="on" id="tx_media" class="tx-media tx-btn-trans">
        <a href="javascript:;" title="외부컨텐츠" class="tx-text">외부컨텐츠</a>
    </div>
</li>

~ 기타 코드 생략 ~

※ 사용된 CSS Style들은 삽입한 이미지에 맞추기위해 사용된것이다. 각자 주어진 환경에 맞게 수정해야 할것이다.

03. 그럼 상단 메뉴에 아래와 같이 YouTube 버튼이 추가된 모습을 확인 할 수 있다.

04. 다음으로 다음에디터를 불러올 board.php 파일을 수정한다.

05. board.php 파일에 YouTube 업로드 기능을 수행할 팝업 기능을 가진 자바스크립트 함수를 추가한다.

board.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Daum 에디터</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<style type="text/css">
    a { text-decoration:none;color:#000000; }
</style>
<script type="text/javascript">
function saveContent() {
    if(jQuery("#title").val() == "") {
        alert("제목을 입력해 주세요.");
        jQuery("#title").focus();
        return;
    }

    Editor.save();
}

// YouTube 영상 업로드 창 팝업
function youTubeImplant() {

    var popUrl = "./daumEditor/pages/trex/youtube.html";
    var popOption = "./daumEditor/pages/trex/youtube.html";
    window.open(popUrl, "", popOption);
}
</script>
</head>
<body>
<form name="tx_editor_form" id="tx_editor_form" action="view.php" method="post" enctype="multipart/form-data" accept-charset="utf-8">
 <b>제목 :</b> <input type="text" id="title" name="title" style="width:680px;"/>
<div style="height:10px;"></div>
<div style="width:750px;">
<?php
    include_once ("./daumEditor/editor.html");
?>
<div align="right"><input type="button" value="등록" onClick="saveContent();"/></div>
</div>
</form>
</body>
</html>

06. 마지막으로 YouTube 동영상 업로드 기능을 수행할 youtube.html 파일을 제작한다.

※ 이 포스팅은 multimedia.html 파일을 복사한 youtube.html파일 안의 코드를 수정하는 식을 작업을 진행하였다.

07. youtube.html 파일의 수정결과는 아래와 같다.

youtube.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Daum 에디터 - YouTube 영상첨부</title>
<script src="../../js/popup.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../css/popup.css" type="text/css" charset="utf-8"/>
<style type="text/css">
   input,textarea { border:1px solid #000000;vertical-align:middle;font-size:12px;}

   /* swf wrapper, set width/height */
   .wrapper { width:458px; }
   .code { width:458px; }

   .hidden { display:none;}
   .show { display:auto;}
   .desc{ margin: 15px 27px 5px 25px;padding:10px 8px;text-align:left;font-weight:bold;}
   .desc span{ color:#496ce5; }
   .field { margin:0 auto 10px;background:#ffffff url(../../images/icon/editor/tvpot/body_bg.gif?rev=1.0.1);width:420px;height:239px;}
   .field li{ list-style-type:none;}
   .field .codesubmenu { padding-top:20px;width:350px; margin:0 auto; }
   .codeMenu { margin:0px auto;}
   .codeMenu li { display:inline;margin-right:20px; }
   .inputmenu { margin-top:20px;padding-left:30px; color:#333;font-size:11px;font-family:"돋움",dotum}
   .inputmenu input, .inputmenu textarea{ width:308px; }
   #codeUrl { margin-top:10px;}

   .inputmenu .unselected{color:#bbbbbb}
   .inputmenu .unselected input, .inputmenu .unselected textarea{border:1px solid #bbbbbb;}

   .point {
       font-weight:normal;
       color:#a7b9ec;
   }
</style>
<script type="text/javascript">
// <![CDATA[
   function initEmbeder() {
       var _opener = PopupUtil.getOpener();
       if(!_opener) {
           alert('잘못된 경로로 접근하셨습니다.');
           return;
       }

       var _embeder = getEmbeder('media');
       window.execEmbed = _embeder.embedHandler;

       autoResizeHeight($tx("wrapper"));
   }

   // 코드 삽입 완료 후
   function done() {

       var _data = {};
       var str = document.getElementsByName("url")[0].value.trim();

// YouTube URL 주소에서 뒤에서 11자리의 문자열을 잘라낸다.

        youtubeCode = str.substring(str.length - 11);
       _data.url = "https://youtu.be/" + youtubeCode;

       if(typeof(execEmbed) == 'undefined') { // Virtual Function
            return;
        }
       executeAfterDataCheck(_data, function(){
           execEmbed(_data);
           closeWindow();
        });
   }

   function executeAfterDataCheck(data, successHandler) {
       if (data.url || data.code) {
           successHandler();
       } else {
           alert("첨부할 멀티미디어 주소를 바르게 입력해주세요.");
       }
   }

<!-- 삭제

-->

// ]]>
</script>
</head>

<body onload="initEmbeder()">
<div id="wrapper" class="wrapper">
<div class="header">
   <h1>YouTube 동영상 삽입</h1>
</div>
<div class="body">
   <div id="code" class="code">
       <p class="desc">링크입력 상자에 삽입할 <span>YouTube</span> 영상의 주소를 입력하세요.</p>
       <p class="desc">
           <label>링크입력 </label>
           <input type="text" name="url" style="width:320px;"/>
       </p>
   </div>
</div>
<div class="footer">
   <p><a href="#" onclick="closeWindow();" title="닫기" class="close">닫기</a></p>
   <ul>
       <li class="submit"><a href="#" onclick="done();" title="등록" class="btnlink">등록</a> </li>
   </ul>
</div>
</div>
</body>
</html>

08. 이제 다시 브라우저에서 에디터를 오픈하고 YouTube 동영상을 Daum Open Editor에 삽입해보자.

저작자표시

'API > DAUM 오픈 에디터' 카테고리의 다른 글

[Editor] Daum Open Editor 세팅하고 사용하기 (0)	2018.03.26

[PHP] SimpleSql 라이브러리를 사용한 손쉬운 쿼리사용[PHP] SimpleSql 라이브러리를 사용한 손쉬운 쿼리사용

Posted at 2018. 4. 16. 16:16 | Posted in PHP/PHP Library

다운로드 : https://github.com/cballou/SimpleSql

■ SimpleSQL이란?

뭐라고 자세히 적고 싶지만, 필자도 자세히는 모른다.

PHP상에서 SQL을 쉽게 사용할 수 있도록 해주는 라이브러리 정도라고 밖에는...

해당 포스팅외에도. 당장 GitHub를 뒤져보면.

PHP이외에도 여러 언어들에서 사용가능하고 배포중인 SimpleSQL 라이브러리의 모습을 확인 할 수 있다.

필자도 근무했던 회사에서 사용중이었기에.

관심을 가지고 이것이 어떤것인지 사용방법과 세팅에 대해 공부하기 위해 해당 포스팅을 작성하게 되었다.

필자는 코드이그나이트나, 라라벨 같은 프레임워크를 쓰지 않는 프로젝트에서

자주 사용을 해보려 한다.

■ SimpleSql 라이브러리 세팅하기

-. 해당포스팅의 SimpleSql 라이브러리를 사용하기위해서는 PDO를 사용할 수 있어야 한다.

-. PDO의 사용방법에 관해서는 http://wickedmagica.tistory.com/16 포스팅을 참고하자.

01. https://github.com/cballou/SimpleSql 접속하여 SimpleSql-master.zip 파일을 다운받는다.

02. 압축을 해제한 폴더를 살펴보면 src/CraftBlue/ 경로 안에 SimpleSql.php 파일이 존재한다.

다른 파일상관없이 이 SimpleSql.php 하나만 작업할 프로젝트 경로로 복사하면 된다.

※ 필자의 환경에서는 SimpleSql.php 파일의 아래 두개의 코드로 에러가 발생하여 삭제 or 주석처리 하였다.

SimpleSql.php

<?php

// namespace CraftBlue;

// use PDO;

class SimpleSql {

/*** 기타 생략 ***/

}

※ 같이 사용할 DB접송 정보 파일

db_info.php

<?php
    define("DB_HOST", "DB IP주소");
    define("DB_USER", "DB접속 계정");
    define("DB_PASS", "DB접속 패스워드");
    define("DB_NAME", "DB이름");
?>

■ SimpleSql을 이용한 데이터 SELECT 하기

01. fetchRow 함수를 사용한 데이터 단건 데이터 조회

# 소스코드

<?php
    require_once("db_info.php");
    require_once("SimpleSql.php");

    $sql = new SimpleSql(DB_HOST, DB_USER, DB_PASS, DB_NAME);

    $row = $sql -> fetchRow("SELECT * FROM girl_group WHERE name = '웬디'");

    echo "<pre>";
    print_r($row);
    echo "</pre>";
?>

# 출력결과

02. fetchRows 함수를 사용한 데이터 다수 데이터 조회

# 소스코드

<?php
   require_once("db_info.php");
   require_once("SimpleSql.php");

   $sql = new SimpleSql(DB_HOST, DB_USER, DB_PASS, DB_NAME);

   $row = $sql -> fetchRows("SELECT * FROM girl_group WHERE group_name = 'REDVELVET'");

   foreach($row as $key => $val) {
       echo "<pre>";
       print_r($val);
       echo "</pre>";
   }
?>

# 출력코드

■ SimpleSql을 이용한 데이터 INSERT 하기

# 소스코드

<?php
   require_once("db_info.php");
   require_once("SimpleSql.php");

   $sql = new SimpleSql(DB_HOST, DB_USER, DB_PASS, DB_NAME);

   $obj = array();
   $obj['name'] = "신비";
   $obj['position'] = "메인댄서, 서브보컬";
   $obj['group_name'] = "GIRLFRIEND";
   $obj['company'] = "쏘스뮤직";
   $obj['birthday'] = "1998-06-03 00:00:00";

   $cnt = $sql -> insert("girl_group", $obj);

   if($cnt > 0) {
       echo "등록 되었습니다.";
   } else {
       echo "등록에 실패 하였습니다.\n다시 시도하여주십시오.";
   }
?>

# 쿼리결과

■ SimpleSql을 이용한 데이터 UPDATE 하기

# 소스코드

<?php
   require_once("db_info.php");
   require_once("SimpleSql.php");

   $sql = new SimpleSql(DB_HOST, DB_USER, DB_PASS, DB_NAME);

   $obj = array();
   $obj['position'] = "메인보컬, 리드댄서";

   $whr = array();
   $whr['idx'] = "14";
   $whr['name'] = "Kei";

   $cnt = $sql -> update("girl_group", $obj, $whr);

   if($cnt > 0) {
       echo "업데이트 되었습니다.";
   } else {
       echo "업데이트에 실패 하였습니다.\n다시 시도하여주십시오.";
   }
?>

# 소스코드

SimpleSql.php

<?php

/*** 기타 생략 ***/

public function update($table, array $data, $where = array()) {

/*** 기타 생략 ***/

        // handle data portion
        $dataSql = array();
        foreach ($data as $key => $val) {
            if (strpos($key, ":") === 0) {
                $dataSql[] = substr($key, 1) . " = " . $key;
            } else {
                $dataSql[] = $key . " = :" . $key;
            }
        }
        $sql .= implode(",\n", $dataSql);

        /* 쿼리 구문 추가 */
        $sql .= " WHERE ";

        // handle where clause
        if (!empty($where)) {

/*** 기타 생략 ***/

}

/*** 기타 생략 ***/

※ WHERE를 추가한 이유 (공백)WHERE(공백)

update 함수를 실행시 조건을 제시할 WHERE절을 사용하거나 받아오는 부분이 도통 보이지 않았다.

그래서 강제로 " WHERE " 해당 구문을 삽입하여 사용하였다.

■ SimpleSql을 이용한 데이터 DELETE 하기

<?php
   require_once("db_info.php");
   require_once("SimpleSql.php");

   $sql = new SimpleSql(DB_HOST, DB_USER, DB_PASS, DB_NAME);

   $obj = array();
   $obj['name'] = "쯔위";

   $cnt = $sql -> delete("girl_group", $obj);

   if($cnt > 0) {
       echo "삭제 되었습니다.";
   } else {
       echo "삭제에 실패 하였습니다.\n다시 시도하여주십시오.";
   }
?>

저작자표시

'PHP > PHP Library' 카테고리의 다른 글

[PHP] PHPExcel 날짜 표시 형식 처리하기 (0)	2020.04.26
[PHP] PHPExcel 시트 추가하기 (0)	2020.02.11
[PHP] PHP 메일 발송 (5)	2018.04.10
[PHP] PHPExcel 엑셀 파일 업로드 하고 내용 읽기 (0)	2018.03.22
[PHP] PHPExcel 설치하고 엑셀파일 다운받기 (0)	2018.03.21

Prev Next

1 2 3

'라이브러리'에 해당되는 글 9건

[PHP] PHPExcel 시트 추가하기[PHP] PHPExcel 시트 추가하기

'PHP > PHP Library' 카테고리의 다른 글

[JavaScript] 시간(HH:MM)만을 입력하는 텍스트 박스[JavaScript] 시간(HH:MM)만을 입력하는 텍스트 박스

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[Editor] Daum Open Editor 커스텀 메뉴 버튼 제작[Editor] Daum Open Editor 커스텀 메뉴 버튼 제작

'API > DAUM 오픈 에디터' 카테고리의 다른 글

[PHP] SimpleSql 라이브러리를 사용한 손쉬운 쿼리사용[PHP] SimpleSql 라이브러리를 사용한 손쉬운 쿼리사용

'PHP > PHP Library' 카테고리의 다른 글

CategoryCategory

Recent PostRecent Post

Recent CommentRecent Comment

Recent TrackbackRecent Trackback

Tag CloudTag Cloud

ArchiveArchive

LinkLink

티스토리툴바