Olá pessoal! Em minha primeira matéria para o iMasters, começarei uma série de artigos voltados à produtividade no Desenvolvimento Web.
Uma das ferramentas para o aumento da produtividade é o Dreamweaver CS3 e a poderosa Dreamweaver Developer Toolbox, extensão proprietária (paga) distribuída pela Adobe.
Ele é um conjunto de comportamentos de servidor e comandos para criação de aplicações web dinâmicas usando tecnologias PHP, ColdFusion e ASP VRScript. Esta extensão do Dreamweaver ajuda desenvolvedores de web a criar sites onde o usuário se associa (membership), portais, blogs, galerias de imagens, bem como sistemas de gerenciamento de conteúdo e outras soluções, sem requerer conhecimento avançado de programação.
Façam o Download no link abaixo.
http://www.adobe.com/products/dreamweaver/addt/
Agora que falamos um pouco sobre essa extensão, mão na massa:
- Vamos criar um formulário para cadastrar uma notícia, que tem a propriedade de fazer o UPLOAD da imagem e redimensioná-la ao mesmo tempo!1º - Criamos a tabela no MySQL, conforme abaixo:
CREATE TABLE noticias (
id int(11) NOT NULL auto_increment,
noticia varchar(255) collate latin1_general_ci NOT NULL,
texto text collate latin1_general_ci NOT NULL,
imagem varchar(255) collate latin1_general_ci NOT NULL,
PRIMARY KEY (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;2 º - Crie um novo site no Dreamweaver, escolha a linguagem PHP e Mysql, e crie uma conexão para o Banco onde você criou esta tabela.
3 º - Vamos usar um comportamento do Developer Tool Box, o "Insert Record Form Wizard", para fazer a inserção dos dados na tabela automaticamente.
4º - Escolha a conexão e a tabela onde os dados serão inseridos, e clique em next.
5º - Altere o tipo de campo do formulário para "File Field" (arquivo) e clique em Finish (veremos opções de validação de formulário com o DTB em artigos posteriores).
6º - Na Guia Server Behaviors selecione Developer Toolbox, File Upload e Upload and Resize Image
7º - Escolha os campos do formulário, a coluna da tabela, a pasta a receber o arquivo (lembrando que esta pasta deve ter permissão de gravação) e o redimensionamento da imagem.
8º - Por último, escolha as opções de extensão do arquivo, seu tamanho máximo e se o script deve renomear o arquivo em caso de duplicidade.
Pronto! Simples e rápido. Assim você terá tempo para desenvolver funções muito mais complexas em seus sistemas web.
Espero ter trazido um pouco mais de produtividade à sua rotina diária e em breve estarei aqui com mais artigos sobre as funcionalidades da Dreamweaver Developer Toolbox.
Baixe aqui os arquivos usados nesse exemplo.
Abraço a todos!
Parabéns.. ótima matéria.... seja bem-vindo ao iMasters
abraços
Essa ferramenta (developer toolbox) é fantástica. Faltam matérias sobre o assunto. Por favor, mais....
Muito obrigado pelos elogios, de coração, em breve enviarei matérias sobre validações e controles de formulários (maskaras de datas e numeros, dependent drop-down, etc).
Aguardem ..
Forte abraço
PS. Lembrando que o exemplo é em PHP, mas funciona com os mesmo comandos em ASP, devendo ser feitas algumas alterações nos arquivos de Classes da pasta /include, assim que tiver identificado todos, vou postar uma materia sobre !
Muito boa sua dica! Se não for pedir muito: Poste alguma coisa sobre "multipleImageUpload" pois a ferramenta ajuda bastante, porém não estou conseguindo salvar o nome dos arquivos na base de dados. Antecipadamente agradeço por qualquer ajuda!
Responder comentárioOs textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.
Ademir Neissinger é Web Designer e Programador Java Web pelo Instituto de Informática da UNISINOS, conhecedor de PHP e ASP, e bancos de dados MySQL e Access. Professor do SENAC por 3 anos nas áreas de Design Gráfico e Webdesign. Atua hoje em projetos Web envolvendo E-commerce e sistemas de Gerenciamento de Conteúdo.
2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.