Xajax - Edição Rápida

Posted on Dezembro 3rd, 2006 by João Vagner Brito de Medeiros, under Desenvolvimento web, Geral.

Quem já viu aquelas edições rápidas com um click né? Tipo Yahoo, Google e outros, basta clicar, editar e pronto! Esta feito algo simples, com a simplicidade que deve ter.

Pensamos porque algumas tarefas fáceis como editar algo as vezes se torna muito chato, clica, vai, confirma, volta, testa, olha etc. Coisas do tipo nos deixam cansados, por isso a edição rápida se torna algo simples, e fácil. Irei mostrar como fazer isso com Xajax. ;-)

Criando as tabelas

Iremos primeiro criar as estruturas de tabelas para teste, vamos criar a tabela artigos, e categorias.

Tabela artigos.

CREATE TABLE artigos (
  id INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
  idCategoria INTEGER UNSIGNED NULL,
  titulo VARCHAR(255) NULL,
  texto BLOB NULL,
  dataCriacao TIMESTAMP NULL,
  PRIMARY KEY(id),
  INDEX id(id)
)
TYPE=InnoDB;

Tabela categorias

CREATE TABLE categoria (
  id INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
  titulo VARCHAR(255) NOT NULL,
  PRIMARY KEY(id),
  INDEX id(id)
)
TYPE=InnoDB;

Para quem usa DBDesigner, Edicao - Rapida.

Agora vamos a mais alguns sqls, apenas para inserir conteúdo nessas tabelas:

insert into `artigos` (`id`,`idCategoria`,`titulo`,`texto`,`dataCriacao`) 
		values (1,1,'Web no Brasil','teste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\n','2006-08-12 00:00:00'),
		(2,2,'Teste','teste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\nteste\r\n','2006-08-12 00:00:00'),
		(3,3,'teste 3','abc teste\r\n\r\nteste\r\n\r\nteste','2006-08-12 00:00:00'),
		(4,4,'teste 4','teste','2006-08-12 00:00:00');
insert into `categoria` (`id`,`titulo`) 
		values (1,'Geral'),(2,'Web'),(3,'Design'),(4,'Internet');

Feito isso agora iremos criar nossa conexão junto ao banco de dados que criou as tabelas:

<?php 
//Arquivo de Conexão
$mysqli = new mysqli("localhost", "usuario", "senha", "banco");
// Vefifica erro na conexão e reporta o erro
if (mysqli_connect_errno()) {
   printf("<h2>A conexão com o banco falhou: <strong>%s\n </strong></h2>", mysqli_connect_error());
   exit();
}
?>

Esse arquivo de inclusão será usado em todos os arquivos do nosso tutorial. Esse arquivo usa a classe de conexão Mysql melhorada, pode ler mais no próprio manual.

Próximo post iremos criar a index com a listagem das categorias, e suas respectivas funções para as edições rápidas.

Abraços

4 Comments

Eder Freire  on Dezembro 11th, 2006

HAuHAUh ainda bm que se aprendeu usar ajax hein punga, nom larga mais HauhUAhUAH

Eder  on Fevereiro 5th, 2007

Eu tenho quase certeza que eu tinha escrito xajax :| o.O

João Vagner Brito de Medeiros  on Fevereiro 5th, 2007

bebeu eder? uiAHSUIahsuihAUISHas

peaga  on Agosto 22nd, 2007

blog novo, template novo, comentários novos porém o preto veio já chegou né eder!?

uhsahushuahushuahushaus

Leave a Comment