PHP Tutorials By Kloplop321 » database http://kloplop321.com/php-tutorials PHP video tutorials, for everyone. Sun, 20 Mar 2011 19:03:28 +0000 en hourly 1 http://wordpress.org/?v=3.2 PHP & MySQL Tutorial 14: Editing on a blog — The fancy way http://kloplop321.com/php-tutorials/index.php/2010/08/16/php-mysql-tutorial-14-editing-on-a-blog-the-fancy-way/ http://kloplop321.com/php-tutorials/index.php/2010/08/16/php-mysql-tutorial-14-editing-on-a-blog-the-fancy-way/#comments Tue, 17 Aug 2010 02:58:17 +0000 Kloplop321 http://kloplop321.com/php-tutorials/?p=301 This tutorial goes over implementing editing, and modifying the posting page to use a really cool in-page content editor, CKEditor!
So, here are the goals for today:

  • Implement the Fancy Editor into posting
  • Create a way to edit based on the posting

Now, it doesn’t sound like that is much to do, but as I explain it in depth, you will understand that there is more process to such implementation than what two bullet points can convey.
So, here is the recording(total ~ 25 minutes), there are two parts so please make sure you click on Read More to see the download-able sources along with part 2.


At this point the blog system has the ability to show all the posts in order of date of modification/post, to show posts individually, and to make new dull plain-text posts… That’s about it.
So, first you can get CKEditor(not included in my sources download), so get it here and proceed.

If you wish to get the sources before all the modification was done on this tutorial, please go to PHP MySQL Tutorial 13: Posing on a blog and download the sources as provided at the bottom, so that you may be able to code with me step by step.

Now that we have that business taken care of, we need to proceed and make the modifications.
The first step is that we need to look at one of the samples on how to implement the CKEditor. You may see one under ckeditor/_samples/php/ in the ckedior download. I happened to select the “advanced.php” that has extra settings like width and height.
From there, I simply copied the sources that initiated the ckeditor class and presented the code into put.php

   1    <?php
   2    include(“connect.php”);
   3    if(isset($_POST['sub'])){
   4        $title = stripslashes(trim($_POST['title']));
   5        $content = stripslashes(trim($_POST['content']));
   6        $title2 = $title;
   7        $content2 = $content;
   8        $error = false;
   9        $reason = ”;
  10        if(strlen($title) < 3){
  11            $error = true;
  12            $reason .= “Bad Title.\n”;
  13        }
  14        if(strlen($content) < 3){
  15            $error = true;
  16            $reason .= “Bad Post Content.\n”;
  17        }
  18        if(!$error){
  19            $title = mysql_real_escape_string($title);
  20            $content = mysql_real_escape_string(stripslashes($content));
  21            $sql = “INSERT INTO `posts` (`ID`, `username`, `title`, `content`, `date`) VALUES
  22    (NULL, ”.$_SESSION['userid'].“, ’$title‘, ’$content‘, ”.time().“)”;
  23            mysql_query($sql);
  24            if(mysql_errno()){
  25                $reason .= mysql_error();
  26            }else{
  27                header(“location: blog.php”);
  28            }
  29        }else{
  30            
  31        }
  32        
  33    }
  34    include(“ckeditor/ckeditor.php”);
  35    
  36    // Create class instance.
  37    $CKEditor = new CKEditor();
  38    
  39    // Do not print the code directly to the browser, return it instead
  40    $CKEditor->returnOutput = true;
  41    
  42    // Path to CKEditor directory, ideally instead of relative dir, use an absolute path:
  43    //   $CKEditor->basePath = ’/ckeditor/’
  44    // If not set, CKEditor will try to detect the correct path.
  45    $CKEditor->basePath = ‘ckeditor/’;
  46    
  47    // Set global configuration (will be used by all instances of CKEditor).
  48    $CKEditor->config['width'] = 600;
  49    
  50    // Change default textarea attributes
  51    $CKEditor->textareaAttributes = array(“cols” => 80, “rows” => 10);
  52    
  53    // The initial value to be displayed in the editor.
  54    $initialValue = ‘<p>Put in some content</p>’;
  55    if(strlen($content2) > 0){
  56        $initialValue = $content2;
  57    }
  58    // Create first instance.
  59    $code = $CKEditor->editor(“content”, $initialValue);
  60    echo ‘<?xml version=”1.0″ encoding=”UTF-8″?>’;
  61    ?>
  62    <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
  63    <html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>
  64    <head>
  65        <title>Blog title</title>
  66        <link href=“main.css” type=“text/css” media=“screen” rel=“stylesheet” />
  67    </head>
  68    <body>
  69        <div class=“maincontent”>
  70            <div class=“top”>
  71                Blog title</div>
  72            <div class=“postform”>
  73                <form method=“POST” action=“?”>
  74                    Title: <input type=“text” name=“title” id=“postformtitle” value=“<?php
  75                    if(isset($title2)){
  76                        echo htmlentities($title2);
  77                    }
  78                    ?>“ /><br />
  79                    Main Content:<br />
  80                    <?php
  81                    echo $code;
  82                    ?><br />
  83                    <input type=“submit” value=“Send!” />
  84                    <input type=“hidden” name=“sub” value=“1″ />
  85                </form>
  86                <div class=“errors”>
  87                    <?php
  88                    if(isset($reason)){
  89                        echo $reason;
  90                    }
  91                    ?>
  92                    </div>
  93            </div>
  94        </div><!– end of maincontent –>
  95    </body>
  96    </html>

As you can see here
  34    include(“ckeditor/ckeditor.php”);
  35    
  36    // Create class instance.
  37    $CKEditor = new CKEditor();
  38    
  39    // Do not print the code directly to the browser, return it instead
  40    $CKEditor->returnOutput = true;
  41    
  42    // Path to CKEditor directory, ideally instead of relative dir, use an absolute path:
  43    //   $CKEditor->basePath = ’/ckeditor/’
  44    // If not set, CKEditor will try to detect the correct path.
  45    $CKEditor->basePath = ‘ckeditor/’;
  46    
  47    // Set global configuration (will be used by all instances of CKEditor).
  48    $CKEditor->config['width'] = 600;
  49    
  50    // Change default textarea attributes
  51    $CKEditor->textareaAttributes = array(“cols” => 80, “rows” => 10);
  52    
  53    // The initial value to be displayed in the editor.
  54    $initialValue = ‘<p>Put in some content</p>’;

I included the file that ckeditor provided me which contained a php class(an object that has several interrelated properties and functions using Object Oriented Programming(I’ll make a tutorial on this later)), and then used the included functions to create the editor html.

I also added a stripslashes function(removes extra backslashes as a result of sending over http headers) to the content variable before it went into the mysql database.

Then comes the second goal: Implement Editing.
Really, all I did was copy the file of put.php, saved it as edit.php and changed a few things, like how variables are first gathered(using sql from post.php), did some preservation tricks, and it al worked. Only change is that when I make a change via edit.php, it moves the changed post to the top because I modified its date. That can be fixed by ordering by post ID, but that is for a later time.
   1    <?php
   2    include(“connect.php”);
   3    $postid = (int)trim($_REQUEST['post']);
   4    if(!isset($_POST['sub'])){
   5        
   6        $sql = “SELECT posts.ID as `ID`,
   7        users.postname as `postname`,
   8        posts.title as `title`,
   9        posts.content as `content`,
  10        posts.date as `date`
  11        
  12        FROM posts 
  13        
  14        INNER JOIN users 
  15        
  16        ON users.ID = posts.username
  17        
  18        WHERE posts.ID = $postid
  19        ORDER BY date DESC”;
  20        $result = mysql_query($sql);
  21        $postdata = array();
  22        while($row=mysql_fetch_array($result)){
  23                $postdata = $row;
  24        }
  25        $title2 = $postdata['title'];
  26        $content2 = $postdata['content'];
  27    }
  28    
  29    
  30    
  31    if(isset($_POST['sub'])){
  32        $title = stripslashes(trim($_POST['title']));
  33        $content = stripslashes(trim($_POST['content']));
  34        $title2 = $title;
  35        $content2 = $content;
  36        $error = false;
  37        $reason = ”;
  38        if(strlen($title) < 3){
  39            $error = true;
  40            $reason .= “Bad Title.\n”;
  41        }
  42        if(strlen($content) < 3){
  43            $error = true;
  44            $reason .= “Bad Post Content.\n”;
  45        }
  46        if(!$error){
  47            $title = mysql_real_escape_string($title);
  48            $content = mysql_real_escape_string(stripslashes($content));
  49            $sql = “UPDATE `posts` SET `title` = ’$title‘,

  50    `content` = ’$content‘, `date` = ”.time().“ WHERE `ID` =”.$postid.“;”;
  51            mysql_query($sql);
  52            if(mysql_errno()){
  53                $reason .= mysql_error();
  54            }else{
  55                header(“location: blog.php”);
  56            }
  57        }else{
  58            

  59        }
  60        

  61    }
  62    include(“ckeditor/ckeditor.php”);
  63    
  64    // Create class instance.
  65    $CKEditor = new CKEditor();
  66    
  67    // Do not print the code directly to the browser, return it instead
  68    $CKEditor->returnOutput = true;
  69    
  70    // Path to CKEditor directory, ideally instead of relative dir, use an absolute path:
  71    //   $CKEditor->basePath = ’/ckeditor/’
  72    // If not set, CKEditor will try to detect the correct path.
  73    $CKEditor->basePath = ‘ckeditor/’;
  74    
  75    // Set global configuration (will be used by all instances of CKEditor).
  76    $CKEditor->config['width'] = 600;
  77    
  78    // Change default textarea attributes
  79    $CKEditor->textareaAttributes = array(“cols” => 80, “rows” => 10);
  80    
  81    // The initial value to be displayed in the editor.
  82    $initialValue = ‘<p>Put in some content</p>’;
  83    if(strlen($content2) > 0){
  84        $initialValue = $content2;
  85    }
  86    // Create first instance.
  87    $code = $CKEditor->editor(“content”, $initialValue);
  88    echo ‘<?xml version=”1.0″ encoding=”UTF-8″?>’;
  89    ?>
  90    <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

  91    <html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>
  92    <head>
  93        <title>Blog title</title>
  94        <link href=“main.css” type=“text/css” media=“screen” rel=“stylesheet” />
  95    </head>
  96    <body>
  97        <div class=“maincontent”>
  98            <div class=“top”>
  99                Blog title</div>
 100            <div class=“postform”>
 101                <form method=“POST” action=“?”>
 102                    Title: <input type=“text” name=“title” id=“postformtitle” value=“<?php
 103                    if(isset($title2)){
 104                        echo htmlentities($title2);
 105                    }
 106                    ?>“ /><br />
 107                    Main Content:<br />
 108                    <?php
 109                    echo $code;
 110                    ?><br />
 111                    <input type=“submit” value=“Send!” />
 112                    <input type=“hidden” name=“sub” value=“1″ />
 113                    <input type=“hidden” name=“post” value=“<?php echo $postid; ?>“ />
 114                </form>
 115                <div class=“errors”>
 116                    <?php
 117                    if(isset($reason)){
 118                        echo $reason;
 119                    }
 120                    ?>
 121                    </div>
 122            </div>
 123        </div><!– end of maincontent –>
 124    </body>
 125    </html>

Anyway, here’s the sources, the base source zip archive, and again, the ckeditor zip archive.

]]> http://kloplop321.com/php-tutorials/index.php/2010/08/16/php-mysql-tutorial-14-editing-on-a-blog-the-fancy-way/feed/ 11 PHP & MySQL Tutorial 09: File Upload system with records in MySQL http://kloplop321.com/php-tutorials/index.php/2010/04/05/php-mysql-tutorial-09-file-upload-system-with-records-in-mysql/ http://kloplop321.com/php-tutorials/index.php/2010/04/05/php-mysql-tutorial-09-file-upload-system-with-records-in-mysql/#comments Tue, 06 Apr 2010 01:15:55 +0000 Kloplop321 http://kloplop321.com/php-tutorials/?p=201 This tutorial goes over the concept of uploading files, and keeping records in a MySQL database.
So lets try this
When: I need to upload files and keep long term records on who uploaded and where it is.
Why: I don’t know, you make up the reasons.
What: Exactly do you need to keep record of? Time, who sent it, where is it?
Who: Depends on how you implement
Where: On the Internet!
How: I’ll show you.

There are two parts, so pay attention closely. (The last part is always the most important) Don’t forget to see more of this post for the sources and part two!


So first we need to make our uploading page. It is pretty much an XHTML template base with an uploading form

<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
        <link href=“main.css” type=“text/css” media=“screen” rel=“stylesheet”/>
        <title>Upload Index</title>
</head>

<body>
<form enctype=“multipart/form-data” action=“upload.php” method=“post”>
        Choose your file to upload!
        <input name=“uploadedfile” type=“file” />
        <br />
        And what would you like to call it? <input name=“title” type=“text” />
        <br />
        <input type=“submit” value=“upload file”/>
        </form>

</body>
</html>

The most important part is the input for the file, the submit button and the form itself. In this case we have to say that there are multiple parts(the text, and the file) for this file upload so we set the enctype to “multipart/form-data”.
Since we are sending to another page(upload.php), we need to process it.
In upload.php, the basic way to save the file to the uploads directory is like the following(not final)

<?php

//time to see if the file is uploaded.
$putItAt = "uploads/".basename($_FILES['uploadedfile']['name']);
//hmm, will they try uploading a script or a page that might be a security risk?
//lets prevent any .php from getting in, and rename with .txt
$putItAt = str_replace("php","txt", $putItAt);
if(move_uploaded_file($_FILES['uploadedfile']['tmp_name'],$putItAt)){
    //we could echo, but why don't we just go to the file list now?
    savedata();
    header("location: listfiles.php");//redirect them to the listfiles.php page
    
    
}else{
    //we failed. Lets try a slightly different method here. instead of moving, try copying
    if(copy($_FILES['uploadedfile']['tmp_name'],$putItAt)){
        //we have success!
        savedata();
        header("location: listfiles.php");
    }else{
        //we totally failed... so lets tell them.
        echo 'You totally failed. click <a href="index.php">here</a> to go back and try again.';
    }
}
?>

Next it is noticed that we aren’t saving any information in the database. Here comes the MySQL part.
Make your table in the database, call it what ever you want, in my case I named it ‘thefiles’. The requirement is that we connect to the database and set our script up to be able to query in and for information.
$link = mysql_connect('localhost', 'phpuser', 'phppass');
if (!$link) {
    die('Could not connect: ' . mysql_error());
}
//WE NEED to select the database!
mysql_selectdb("tutorials_upload");
By putting that at the top of our script, we now have a connection to the database so now we want to insert our information when it is uploaded. Now the question is: do we want to be redundant and have the inserting code twice(for copy and move), or do we want to make a function and refer to that function twice? Honestly I choose the later, it makes the code cleaner.

//function time!
function savedata(){
    global $_FILES, $_POST, $putItAt;
    $sql = "INSERT INTO `tutorials_upload`.`thefiles` (
`ID` ,
`Time` ,
`FileLocation` ,
`IP` ,
`Title`
)
VALUES (
NULL , UNIX_TIMESTAMP( ) , '".mysql_real_escape_string($putItAt)."', '".$_SERVER['REMOTE_ADDR']."', '".mysql_real_escape_string($_POST['title'])."'
);";
mysql_query($sql);
    
}

So now that I have this function, I need to implement it into the uploading code.
So, now my code finally for upload.php is

<?php
$link = mysql_connect('localhost', 'phpuser', 'phppass');
if (!$link) {
    die('Could not connect: ' . mysql_error());
}
//WE NEED to select the database!
mysql_selectdb("tutorials_upload");
if(!is_dir("uploads")){//do we need to make the uploads directory for the files?
    mkdir("uploads");//make the rest of the script safe, though this will only be done once
    
}
//function time!
function savedata(){
    global $_FILES, $_POST, $putItAt;
    $sql = "INSERT INTO `tutorials_upload`.`thefiles` (
`ID` ,
`Time` ,
`FileLocation` ,
`IP` ,
`Title`
)
VALUES (
NULL , UNIX_TIMESTAMP( ) , '".mysql_real_escape_string($putItAt)."', '".$_SERVER['REMOTE_ADDR']."', '".mysql_real_escape_string($_POST['title'])."'
);";
mysql_query($sql);
    
}
//time to see if the file is uploaded.
$putItAt = "uploads/".basename($_FILES['uploadedfile']['name']);
//hmm, will they try uploading a script or a page that might be a security risk?
//lets prevent any .php from getting in, and rename with .txt
$putItAt = str_replace("php","txt", $putItAt);
if(move_uploaded_file($_FILES['uploadedfile']['tmp_name'],$putItAt)){
    //we could echo, but why don't we just go to the file list now?
    savedata();
    header("location: listfiles.php");//redirect them to the listfiles.php page
    
    
}else{
    //we failed. Lets try a slightly different method here. instead of moving, try copying
    if(copy($_FILES['uploadedfile']['tmp_name'],$putItAt)){
        //we have success!
        savedata();
        header("location: listfiles.php");
    }else{
        //we totally failed... so lets tell them.
        echo 'You totally failed. click <a href="index.php">here</a> to go back and try again.';
    }
}
?>

Next, we have our file list page. We will start off with a basic XHTML template and have a CSS file linked in.

< !DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
        <link href=“main.css” type=“text/css” media=“screen” rel=“stylesheet”/>
    <title>Uploaded Files</title>
</head>

<body>

<br />
<a href=“index.php”>Go back to the index</a>
</body>
</html>

The main.css has

ul li {
    display: block;
    width: 160px;
    min-height: 160px;
    border: thin dashed black;
    float: left;
    padding: 8px;
}
ul {
    clear: both;
}
br {
    clear: left;
}

in it, which pretty much makes our list items boxes with a dashed border around them.

So the format I want to use is something like

<ul>
<li>
    <h1>YYYYYYY</h1><br />
    <h3>Uploaded By: XXX.XXX.XXX.XXX</h3><br />
    <a href=“uploads/ZZZZZZZ.jpg”>YYYYYYY</a>
</li>
</ul>

So, in php, I would query the database for ‘thefiles’ and display the information in the like format.

<?php
//time to get our info
$sql = "SELECT * FROM `thefiles`";
$result = mysql_query($sql);
while($file = mysql_fetch_array($result)){
    echo '<li>';
    echo '<h1>'.$file['Title'].'</h1><br />';
    //now the file info and link
    echo '<h3>Uploaded By: '.$file['IP'].'</h3><br />';
    echo '<a href="'.$file['FileLocation'].'">'.$file['Title'].'</a>';
    echo '</li>';
}
?>


So, finally, our listfiles.php looks like (along with the MySQL connection section) this:

<?php
$link = mysql_connect('localhost', 'phpuser', 'phppass');
if (!$link) {
    die('Could not connect: ' . mysql_error());
}
//WE NEED to select the database!
mysql_selectdb("tutorials_upload");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
        <link href="main.css" type="text/css" media="screen" rel="stylesheet"/>
    <title>Uploaded Files</title>
</head>
<body>
<ul>
<?php
//time to get our info
$sql = "SELECT * FROM `thefiles`";
$result = mysql_query($sql);
while($file = mysql_fetch_array($result)){
    echo '<li>';
    echo '<h1>'.$file['Title'].'</h1><br />';
    //now the file info and link
    echo '<h3>Uploaded By: '.$file['IP'].'</h3><br />';
    echo '<a href="'.$file['FileLocation'].'">'.$file['Title'].'</a>';
    echo '</li>';
}
?>
</ul>

<br />
<a href="index.php">Go back to the index</a>
</body>
</html>

All that put together provides something that looks like
Upload form
and ends with
File list

]]> http://kloplop321.com/php-tutorials/index.php/2010/04/05/php-mysql-tutorial-09-file-upload-system-with-records-in-mysql/feed/ 20 MySQL and PHPMyAdmin Introduction with PHP 06 http://kloplop321.com/php-tutorials/index.php/2010/02/10/mysql-and-phpmyadmin-introduction-with-php-06/ http://kloplop321.com/php-tutorials/index.php/2010/02/10/mysql-and-phpmyadmin-introduction-with-php-06/#comments Wed, 10 Feb 2010 19:51:16 +0000 Kloplop321 http://kloplop321.com/php-tutorials/?p=171 Want to dump your database? This video goes over the export feature of PHPMyAdmin which allows you to create and save file dumps of your database. You can use these dumps to make a duplicate database or update a pre-existing database. Or simply to backup regularly in case of database failure. I also marginally go over importing and how to import.

]]> http://kloplop321.com/php-tutorials/index.php/2010/02/10/mysql-and-phpmyadmin-introduction-with-php-06/feed/ 0