Ajax no projeto da Loja Virtual

10 de setembro de 2009 4 respostas

ma.pops 10 de setembro de 2009

Boa tarde,

Estou seguindo a apostila FJ-28 da Caelum
estou no capitulo 10, na parte em que se insere o Ajax no projeto
onde tenho que colocar um efeito no carrinho para arrastar as musicas, porem este efeito não esta funcionando.
Não arrastar as musicas para dentro do carrinho.
Alguem pode me dar uma luz.

Obrigado, Segue abaixo os codigos.

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>Loja de Musicas</title>
	<script src="javascript/efeitos.js"></script>
	<script src="javascript/loja.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body class="loja">

	<h1>Loja de Músicas</h1>
	
	<div id="cds">
	<c:forEach var="cd" items="${cds}">
		
		<div id="cd-${cd.id}" class="cd">
			<span class="titulo">${cd.titulo}</span>
			<span class="artista">${cd.artista}</span>
			<hr/>
			<ol>
				<c:forEach var="musica" items="${cd.musicas}">
					<li class="musica" id="musica-${musica.id}">
						${musica.titulo} - ${musica.preco}
					</li>
				</c:forEach>
			</ol>
		</div>
	</c:forEach>
	</div>
	
	<div id="carrinho">
		<h2>Meu Carrinho</h2>
		<div id="compras">
			<c:import url="carrinho.lista.logic"/>
		</div>
	</div>
	
</body>
</html>

function atualizaCarrinho(drag){
	id = drag.id.substr(7);
	$('#compra').load('carrinho.adiciona.logic', {'musica.id' : id});
}

$(function (){
	$('.musica').Draggable({
		ghosting: true,
		opacity: 0.7,
		zIndex: 10,
		revert: true
	});
	
	$('#carrinho').Droppable({
		accept: 'musica',
		onDrop: atualizaCarrinho
	});
});

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<ul>
<c:forEach var="musica" items="${carrinho.musicas}">
	<li class="compra">
		<b>${musica.titulo}(R$ ${musica.preco})</b><br/>
		CD ${musica.cd.titulo} - ${musica.cd.artista}
	</li>
</c:forEach>
</ul>

<div id="total">
	Total: R$ ${carrinho.total}
</div>

4 Respostas

vmarques 11 de set. de 2009

Cara me desculpa estar respondendo sem ajudar. Mas é que tbm estou TENTANDO fazer esse projeto dessa apostila e estou preso no capitulo 5 na parte de Interceptors. Vc teria como passar o codigo que utilizou nas classes HibernateUtil, DaoFactory, Dao, DaoInterceptor e UsuarioLogic? To precisando muito fazer isso funcionar para um projeto da faculdade!!

ma.pops 11 de set. de 2009

E ae cara blz?
eu dei uma travada nesse capitulo ai tambem
porem meu problema naum era de codigo e sim de Jar´s errados
tinha que dar uma olhada no erro pra saber o que esta dando errado.

Segue abaixo a linha de codigos.

HibernateUtil

package br.com.caelum.lojavirtual.util;

import org.hibernate.Session;
import org.hibernate.SessionFactory;
import org.hibernate.cfg.AnnotationConfiguration;
import org.hibernate.cfg.Configuration;

public class HibernateUtil {

	private static SessionFactory factory;
	
	static{
		Configuration conf = new AnnotationConfiguration();
		conf.configure();
		factory = conf.buildSessionFactory();
	}

	public static Session getSession() {
		return factory.openSession();
	}

}

DaoFactory

package br.com.caelum.lojavirtual.dao;

import org.hibernate.Session;
import org.hibernate.Transaction;

import br.com.caelum.lojavirtual.modelo.Cd;
import br.com.caelum.lojavirtual.modelo.Musica;
import br.com.caelum.lojavirtual.util.HibernateUtil;

public class DaoFactory {
	private final Session session;
	private Transaction transaction; 
	
	public DaoFactory(){
		session = HibernateUtil.getSession();
	}
	
	public void beginTransaction(){
		this.transaction = this.session.beginTransaction();
	}
	
	public void commit(){
		this.transaction.commit();
		this.transaction = null;
	}
	
	public boolean hasTransaction(){
		return this.transaction != null;
	}
	
	public void rollback(){
		this.transaction.rollback();
		this.transaction = null;
	}
	
	public void close(){
		this.session.close();
	}
	
	public UsuarioDao getUsuarioDao(){
		return new UsuarioDao(this.session);
	}
	
	public Dao<Cd> getCdDao(){
		return new Dao<Cd>(this.session, Cd.class);
	}
	
	public Dao<Musica> getMusicaDao(){
		return new Dao<Musica>(this.session, Musica.class);
	}
}

Dao

package br.com.caelum.lojavirtual.dao;

import java.util.List;

import org.hibernate.Session;

public class Dao<T> {
	
	private final Session session;
	private final Class classe;
	
	public Dao(Session session, Class classe){
		this.session = session;
		this.classe = classe;
	}
	
	public void adiciona(T u){
		this.session.save(u);
	}
	
	public void remove(T u){
		this.session.delete(u);
	}
	
	public void atualiza(T u){
		this.session.merge(u);
	}
	
	public List<T> listaTudo(){
		return this.session.createCriteria(this.classe).list();
	}
	
	public T procura(Long id){
		return (T) session.load(this.classe, id);
	}
	
	protected Session getSession(){
		return session;
	}
}

DaoInterceptor

package br.com.caelum.lojavirtual.logic;

import org.vraptor.Interceptor;
import org.vraptor.LogicException;
import org.vraptor.LogicFlow;
import org.vraptor.annotations.Out;
import org.vraptor.view.ViewException;

import br.com.caelum.lojavirtual.dao.DaoFactory;

public class DaoInterceptor implements Interceptor{
	
	private DaoFactory factory = new DaoFactory();
	
	public void intercept (LogicFlow flow) throws LogicException, ViewException{		
		
		//executa a logica
		flow.execute();
		
		//se sobrou transação sem comitar, faz um rollback
		if(factory.hasTransaction()){
			factory.rollback();
		}
		
		factory.close();
	}

	@Out(key="br.com.caelum.lojavirtual.dao.DaoFactory")
	public DaoFactory getFactory(){
		return factory;
	}
}

UsuarioLogic

package br.com.caelum.lojavirtual.logic;

import java.util.List;

import org.vraptor.annotations.Component;
import org.vraptor.annotations.InterceptedBy;

import br.com.caelum.lojavirtual.dao.DaoFactory;
import br.com.caelum.lojavirtual.modelo.Usuario;

@Component
@InterceptedBy({AutorizadorInterceptor.class, DaoInterceptor.class})
public class UsuarioLogic {
	
	private final DaoFactory daoFactory;
	private List<Usuario> usuarios;
	
	public UsuarioLogic (DaoFactory daoFactory){
		this.daoFactory = daoFactory;
	}
	
	public void formulario(){
	}
	
	public void adiciona (Usuario usuario){
		this.daoFactory.beginTransaction();
		this.daoFactory.getUsuarioDao().adiciona(usuario);
		this.daoFactory.commit();
	}
	
	public void lista(){
		usuarios = this.daoFactory.getUsuarioDao().listaTudo();
	}
	
	public List<Usuario> getUsuarios(){
		return usuarios;
	}
	
	public void remove(Usuario usuario){
		this.daoFactory.beginTransaction();
		this.daoFactory.getUsuarioDao().remove(usuario);
		this.daoFactory.commit();
	}
}

vmarques 11 de set. de 2009

Eu nao to com o codigo aberto aqui no trabalho. Mas aparentemente o codigo está igual.
Nao teria como vc me mandar os .JARs que vc utiliza nesse projeto? Se puder mande para este email: [email removido]

Vlw ai pela ajuda! xD

ma.pops 11 de set. de 2009

Segue o codigo de hibernate.cfg.xml

<?xml version="1.0" encoding="UTF-8"?>   
<!DOCTYPE hibernate-configuration PUBLIC   
        "-//Hibernate/Hibernate Configuration DTD 3.0//EN"   
        "http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">   
  
<hibernate-configuration>   
    <session-factory>   
        <property name="hibernate.connection.driver_class">   
            com.mysql.jdbc.Driver   
        </property>   
        <property name="hibernate.connection.url">   
            jdbc:mysql://localhost/teste   
        </property>   
        <property name="hibernate.dialect">   
            org.hibernate.dialect.MySQLDialect   
        </property>   
        <property name="hibernate.connection.username">root</property>   
           
        <property name="hibernate.show_sql">true</property>   
        <property name="hibernate.format_sql">true</property>   
           
        <mapping class="br.com.caelum.lojavirtual.modelo.Usuario"/>  
        <mapping class="br.com.caelum.lojavirtual.modelo.Cd"/>
        <mapping class="br.com.caelum.lojavirtual.modelo.Musica"/> 
    </session-factory>   
</hibernate-configuration>

Criado 10 de setembro de 2009

Ultima resposta 11 de set. de 2009

Respostas 4

Participantes 2

4 Respostas

Topicos relacionados