Editor Wysiwyg com Upload de Fotos - #3 Banco de Dados
06/10/2018Finalizaremos 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!
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.