SmartyとPearDBを利用した掲示板作成 http://www.ark-web.jp/sandbox/wiki/179.html

SmartyとPearDBを利用した掲示板作成

11月から新しく入社した小沼です。現在研修中でPHPの勉強をしています。
先日、研修の一環として「SmartyとPearDBを利用した掲示板」を作成しました。
自分の頭の中を整理する意味もこめて、ここにその成果の一部を発表したいと思います。

目次 †

目次
概要
- 環境
- システム構成
困った点
ソース

概要 †

環境 †

動作環境 : Linux
Webサーバ : Apache
開発言語 : PHP
DB : MySQL
使用したライブラリなど : Smarty、PearDB
開発はWindowsマシンからSSHでLinuxにつなぎ、おこないました。

システム構成 †

作成したアプリケーションは以下のような構成になりました。

smarty_board
├ js
│ └ smarty_board.js --list.tpl内で利用するjavaScript
├ templates
│ └ list.tpl --画面のテンプレート
├ article_dao.php --データアクセスオブジェクト
├ list.php --list.tplに変数を設定するモジュール
├ paging_manager.php --ページング管理をおこなうクラス
└ submit_new_article.php --新規投稿を行うクラス

困った点 †

Smartyとjavascript †

テンプレートファイルの中では中括弧{}が予約語として扱われます。そのためテンプレート内に以下のような記述をするとエラーになってしまいます。

function addPageNum(num) {
    document.list_form.page_num.value 
      = new Number(document.list_form.page_num.value) + num;
}

回避方法としては以下の二つがあります。

javascriptは外部ファイルに記述する。
Smartyの中括弧が持っている機能を他の記号に割り当てる。（以下例）
```
$smarty->left_delimiter = '';
```
ちなみに私は前者の方法を取りました。

もう1つ、javascriptの部分を{literal}{/literal}で囲むという表記法があります。(by 竹村 on 06/11/13)
- http://www.irisdti-jp.com/web/

文字化け †

始めはHTMLのエスケープを、Smartyの機能を使いテンプレートの中で以下のようにやろうと思いました。

<td>{$article.name|escape:"htmlall"}</td>

そしたら文字化けするようになってしまったので、テンプレートを次のように修正し、

<td>{$article.name}</td>

php内で以下の関数を使ってエスケープすることにしました。

function escape($str) {
    return nl2br(htmlentities($str, ENT_QUOTES, 'EUC-JP'));
}

\nと'(シングルクォーテーション) †

入力された値をそのままDBに登録するといろいろ問題が発生します。例えば「\n」が入力されると、改行されて表示されてしまいます。もっとひどいのは「'（シングルクォーテーション）」を入力された場合です。SQLインジェクションが可能になってしまいます。さいわいPHPには

addslashes()

という便利な関数があるので、簡単に対応できます。

2007/10/25 追記上のSQLインジェクション対策では完全ではないようです。
http://www.irisdti-jp.com/web/

ソース †

list.tpl †

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=EUC-JP ">
<title>スマーティーを利用した掲示板</title>

<script language="javascript" src= "./js/smarty_board.js" ></script>

</head>

<body>

<center>スマーティーを利用した掲示板</center>

<!-- 入力部分 -->
<form action="submit_new_article.php" name="submit_form" method="POST" >
<table align="center">
    <tr>
        <td>名前</td>
        <td><input type="text" name="name" size="40"></td>
    </tr>
    <tr>
        <td>内容</td>
        <td><textarea name="message" rows="6" cols="70" ></textarea></td>
    </tr>
    <tr>
        <td><input type="submit" value="新規投稿" /></td>
    </tr>
</table>

</form>

<!-- 一覧部分 -->
<form action="list.php" name="list_form" method="POST" >
<input type="submit" value="前へ" {$is_prev_disabled} onclick="addPageNum(-1);" />
<input type="submit" value="次へ" {$is_next_disabled} onclick="addPageNum(1);" />
{$page_num} / {$page_count}
<input type="hidden" name="page_num" value="{$page_num}" />

{foreach from=$articles item=article}

<hr>
<table>
    <tr>
        <td>名前：</td>
        <!--<td>{$article.name|escape:"htmlall"}</td>-->
        <td>{$article.name}</td>
    </tr>
    <tr>
        <td nowrap>投稿日時：</td>
        <td>{$article.date|date_format:"%Y/%m/%d %H:%M:%S"}</td>
    </tr>
    <tr>
        <td>内容：</td>
        <td>{$article.message}</td>
    </tr>
</table>

{/foreach}
<hr>

<input type="submit" value="前へ" {$is_prev_disabled} onclick="addPageNum(-1);" />
<input type="submit" value="次へ" {$is_next_disabled} onclick="addPageNum(1);" />
{$page_num} / {$page_count}

</form>
</body>
</html>

list.php †

<?php

require_once('Smarty.class.php');
require('paging_manager.php');

//検索
$pager = new PagingManager(getPageNum());
$result = $pager->getArticles();

//画面用のリストに詰め替える。
$articles = array();
foreach ($result as $row){
    $articles[sizeof($articles)] 
	  = array(name=>escape($row[1]), date=>$row[2], message=>escape($row[3]) );
}

//スマーティーの設定
$smarty = new Smarty;
$smarty->assign('articles', $articles);
$smarty->assign('page_num', getPageNum());
$smarty->assign('page_count', $pager->getPageCount());
if (!$pager->hasPrevPage() ) {
    $smarty->assign('is_prev_disabled', 'disabled');
}
if (!$pager->hasNextPage()) {
    $smarty->assign('is_next_disabled', 'disabled');
}

$smarty->template_dir = './templates/';
$smarty->display('list.tpl');

function getPageNum(){

    $page_num = (int) $_POST[page_num];
    if ($page_num <= 1){
        $page_num = 1;
    }
    return $page_num;
}

function escape($str) {
    return nl2br(htmlentities($str, ENT_QUOTES, 'EUC-JP'));
}

?>

submit_new_article.php †

<?php

require('article_dao.php');

//画面からの情報を取得する。
$article = array();
$article[name] = addslashes($_POST[name]);
$article[message] = addslashes($_POST[message]);

//DBへの登録処理をおこなう。
$dao = New ArticleDao;
$dao -> registArticle($article);

//リダイレクト
header("Location:http://www.irisdti-jp.com/playonline/);

?>

paging_manager.php †

<?php

require('article_dao.php');

define('PAGE_COUNT', 5);

class PagingManager {

    var $current_page_num;
    var $articles;
    
    function PagingManager($page_num) {
        $this->current_page_num = $page_num;
        
        $dao = new ArticleDao;
        $this->articles = $dao->getArticles();
    }

    function getArticles() {
        
        $limit_from = (PAGE_COUNT * $this->current_page_num) - PAGE_COUNT;
        $limit_to = $limit_from + PAGE_COUNT -1;
        $index = 0;
        $part_of_articles = array();
        
        while($row =& $this->articles->fetchRow()){
            if( $limit_from <= $index && $index <= $limit_to ) {
                $part_of_articles[sizeof($part_of_articles)] = $row;
            }
            $index++;
        }
        return $part_of_articles;
    }

    function hasPrevPage() {
        return  ( $this->current_page_num > 1 ); 
    }

    function hasNextPage() {
        return ( $this->current_page_num * PAGE_COUNT < $this->articles->numRows() );
    }

    function getPageCount() {
        return ceil($this->articles->numRows() / PAGE_COUNT);
    }

}

?>

article_dao.php †

<?php

require('DB.php');

class ArticleDao {

    //一件の投稿をDBに登録する。
    function registArticle($article) {
        //コネクション
        $dsn = "mysql://root:@localhost/konuma_training";
        $db = DB :: connect($dsn, true);
        
        //sql文の作成
        $sql = "insert into articles(
                   submitter_name
                  ,submit_date
                  ,message
                ) values (
                   ?
                  ,sysdate()
                  ,?
                )";
                
        //SQLの実行
        $db->query($sql, array($article[name], $article[message]));        

        //コネクションの開放
        $db -> disconnect();

    }

    //DBより書き込みを取得する。
    function getArticlesLimit($limit_from, $count){
        
        //コネクション
        $dsn = "mysql://root:@localhost/konuma_training";
        $db = DB :: connect($dsn, true);
        
        //sql文の作成
        $sql = "select * from articles order by id desc";
                
        //SQLの実行
        $result = $db->limitQuery($sql, $limit_from, $count);        

        //コネクションの開放
        $db -> disconnect();

        return $result;
    }

    //DBより書き込みを取得する。
    function getArticles(){
        
        //コネクション
        $dsn = "mysql://root:@localhost/konuma_training";
        $db = DB :: connect($dsn, true);
        
        //sql文の作成
        $sql = "select * from articles order by id desc";
                
        //SQLの実行
        $result = $db->query($sql);        

        //コネクションの開放
        $db -> disconnect();

        return $result;
    }
}

?>

2006/11/09 一部修正インサート時にブレースホルダを使用するように修正しました。

smarty_board.js †

function addPageNum(num) {
	document.list_form.page_num.value = new Number(document.list_form.page_num.value) + num;
}

投稿者小沼 | パーマリンク

|

Menu

Movable Type用プラグイン Aシリーズ

ECサイト構築 Zen Cartハイエンド

Tag

最新の20件

2017-05-12

RecentDeleted

2014-04-30

JavaScript/クラス名を後から取得する方法

2013-09-16

ドメイン駆動開発/DDD体験ワークショップに参加しました（PHPカンファレンス2013）

2013-02-21

MenuBar

2012-09-04

2012-04-03

Ruby on Rails/rvm+passenger+mod_proxyの設定

2012-02-29

システム勉強会

2012-02-06

FrontPage

2012-01-19

2011-12-19

ネットワーク/socks5経由でsftp

2011-11-13

wakame/wakame-0.5.1 on Ubuntu-server 10.04 LTS Lucid Lynx

2011-08-08

mysql/groonga on Ubuntu-server 10.04 LTS Lucid Lynx

2011-07-07

2011-02-17

JavaScript/jQuery_Cycle_Pluginでメインビジュアルを作っていくチュートリアル

2010-12-02

paypalの決済の種類とビジネスモデルについて聞いてきました

2010-11-04

jQuery Mobileの使い方と挙動のまとめその１

2010-09-16

jQTouchの使い方とclass指定による挙動のまとめ

ARK-Webビジネスブログの最新記事

2014-01-08

Zen Cartのセキュリティー保守・脆弱性パッチ適用などでお困りなら

2014-01-07

コンテンツ・マーケティング：ダイナミックコンテンツ、スマートコンテンツという潮流

2014-01-06

新年あけましておめでとうございます（2014年最初のご挨拶）

2013-12-13

年末年始の休業期間のお知らせ（2013年～2014年）

2013-12-11

Zen Cartハイエンド版のモジュール：social_buttonsによりコンテンツを共有する

2013-11-29

「Zen Cartのカスタマイズ」ページを公開しました

2013-11-28

Zen Cartハイエンド版のモジュール：am_ajax_addressで郵便番号による住所自動入力をサポート

2013-11-26

北米NGO/NPOの７割はコンテンツマーケティングを去年より強化、第一目的はファンドレイジング、Facebookをよく使う（CMIのレポートから）

2013-11-19

Zen Cart1.3.0.2 EUC-JP版とPHP5.4の組み合わせで日本語（マルチバイト文字）が表示されない障害

2013-10-28

【Movable Type】MT6の最新情報と活用ポイント紹介のセミナーに登壇します

2013-10-18

【消費税増税】Zen Cartで消費税を変更するには：1.3.0.2系と1.5.1系の場合

2013-10-15

【脆弱性対応】A-Form 3.7.7 / A-Member 3.7.7 / A-Reserve 3.7.7をリリースしました。

2013-10-11

【重要なお知らせ】MTプラグインA-Form・A-Member・A-Reserveの脆弱性について（2013年10月11日三版）

2013-09-26

Zen Cartハイエンド版のモジュール：product_csvで商品データの一括インポート・一括エクスポートをする

2013-09-24

NGO、NPOや震災被災企業・団体の方へ：弊社MTプラグインがすべて「無償」になりました

Last-modified: 2007-10-23 (火) 17:07:49 (6021d)

アークウェブのサービスやソリューションはこちら

サービス

Zen Cartソリューション

Movable Typeソリューション

その他ソリューション

アークウェブのCSR(企業の社会的責任)

アークウェブのCSR指針