Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Editor Wysiwyg com Upload de Fotos - #3 Banco de Dados

06/10/2018

Finalizaremos nesta aula o Editor Completo com Upload de Fotos: CKEditor e CKFinder com a inserção no banco de dados MySql.

Inserindo dados no banco com PHP

O primeiro passo é criar um banco de dados e uma tabela para recepcionar os dados. No caso criamos o banco de dados formdb e a tabela information com duas colunas:

CREATE TABLE IF NOT EXISTS `information` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `texto` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
COMMIT;

Posteriormente criaremos dois diretórios: class e controllers. Na pasta class criaremos a classe de conexão e de inserção:

ClassConect

<?php
abstract class ClassConect{

    protected function conectDB()
    {
        try{
            $con=new PDO("mysql:host=localhost;dbname=formdb","root","");
            return $con;
        }catch (PDOException $erro){
            return $erro->getMessage();
        }
    }
}

ClassInsert

<?php
include("ClassConect.php");
class ClassInsert extends ClassConect{

    #Inserção dos dados no banco de dados
    public function insertDB($id,$text)
    {
        $b=$this->conectDB()->prepare("insert into information values(?,?)");
        $b->bindParam(1,$id,PDO::PARAM_INT);
        $b->bindParam(2,$text,PDO::PARAM_STR);
        $b->execute();
    }

    #Exibição dos dados
    public function view()
    {
        $b=$this->conectDB()->prepare("select * from information");
        $b->execute();
        return $f=$b->fetchAll(PDO::FETCH_ASSOC);
    }
}

Na pasta controller instanciaremos nossa ClassInsert.

<?php
include ("../class/ClassInsert.php");
$objIns=new ClassInsert();
$objIns->insertDB(0,$_POST['texto']);

No nosso html, criaremos um form e criaremos um input submit para envio dos dados:

<form id="form1" name="form1" action="controllers/controllerForm.php" method="post">
    <textarea name="texto" id="texto"></textarea>
    <input type="submit" value="Salvar">
</form>

<?php
include ("class/ClassInsert.php");
$objIns=new ClassInsert();
$view=$objIns->view();
foreach ($view as $views){
    echo $views['texto'];
}
?>

No código acima, a parte do php refere-se a exibição dos dados recém inseridos.

Sucesso nos códigos e na vida!

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Editor Wysiwyg com Upload de Fotos - #2 Upload de Fotos
No vídeo de hoje continuaremos o editor completo com upload de fotos fazendo a parte de envio das imagens. Para isso, utilizaremos o CKFinder.
Saiba mais!
HTML5
HTML5 é a linguagem de marcação da codificação do website. Em claro português, HTML é a base em que virão todos os outros os códigos que farão a composição do website
Saiba mais!