em que pasta devo coloca os CSS e .js
22/12/2015 17:53
0
boa tarde pessoal estou iniciando no grails e estou usando o grails 2.44 na ide InterlliJ criei um projeto normal porem nas pasta raiz do
projeto tem uma pasta (grails-app) e dentro dela tem um pasta assets e
dentro dela tem as pastas images, javascripts e stylesheets porem na
mesma arvore de pastas tenho a pasta (web-app) e dentro dela tenho
css,images e js minha duvida é onde devo coloca os .js e os CSS e as
images pois coloquei tudo na pasta assets mas javascripts nem um esta
rodando, usei a tag:
aponto cada arquivo .js que esta na pasta grails-app/assets/javascripts
os CSS esta funcionando normal mas os javascripts não esta rodando
projeto tem uma pasta (grails-app) e dentro dela tem um pasta assets e
dentro dela tem as pastas images, javascripts e stylesheets porem na
mesma arvore de pastas tenho a pasta (web-app) e dentro dela tenho
css,images e js minha duvida é onde devo coloca os .js e os CSS e as
images pois coloquei tudo na pasta assets mas javascripts nem um esta
rodando, usei a tag:
<g:javascript library="jquery"/>
aponto cada arquivo .js que esta na pasta grails-app/assets/javascripts
<asset:javascript src="../jquery.morris/morris.min.js"/>
os CSS esta funcionando normal mas os javascripts não esta rodando
0
Bom,
Eu tenho uma dúvida quanto a isso também, mas vejo em alguns projetos que são colocados na pasta "assets", pois nessa pasta é feito o uglyfing.
Eu tenho uma dúvida quanto a isso também, mas vejo em alguns projetos que são colocados na pasta "assets", pois nessa pasta é feito o uglyfing.
22/12/2015 18:01
0
coloquei nessa pasta tb mas o que esta mas estranho é o fato de nem um js esta rodando, vc saberia me dizer qual o motivo ?
22/12/2015 18:44
0
Pode não dar certo, mas qual a pasta, dentro de /assets/javascripts, que teus arquivos estão?
Porque, por exemplo, se estiverem em /assets/javascripts/teste.js, a tag ficaria <asset:javascript src="teste.js"/>, e se estivesse dentro de outra pasta, digamos, /assets/javascripts/morris/morris.js, ficaria <asset:javascript src="morris/morris.js"/>
Porque, por exemplo, se estiverem em /assets/javascripts/teste.js, a tag ficaria <asset:javascript src="teste.js"/>, e se estivesse dentro de outra pasta, digamos, /assets/javascripts/morris/morris.js, ficaria <asset:javascript src="morris/morris.js"/>
23/12/2015 11:40
0
bom dia
estou fazendo dessa forma que vc disse vou coloca aqui o código que estou usando no meu main:
estou fazendo dessa forma que vc disse vou coloca aqui o código que estou usando no meu main:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<html lang="en"></html>
<html dir="ltr" lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><g:layoutTitle default="Quickadmin - Dashboard"/></title>
<g:javascript library="jquery"/>
<asset:stylesheet src="1140.css"/>
<asset:stylesheet src="styles.css"/>
<asset:stylesheet src="default.css"/>
<asset:javascript src="css3-mediaqueries.js"/>
<!-- Fonts -->
<asset:stylesheet href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|PT+Sans+Narrow:regular,bold|Droid+Serif:iamp;v1"/>
<!-- Scripts -->
<asset:javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=1.6"/>
<!-- Charts -->
<script type='text/javascript' src='_layout/scripts/jquery.morris/morris.min.js'></script>--}%
<asset:javascript src="jquery.raphael/raphael-min.js"/>
<asset:javascript src="jquery.morris/morris.min.js"/>
<!-- WYSISYG Editor -->
<asset:javascript src="nicEdit/nicEdit.js"/>
<!-- Forms Elemets -->
<asset:javascript src="jquery.uniform/jquery.uniform.min.js"/>
<asset:stylesheet src="jquery.uniform/uniform.default.css"/>
<!-- Table sorter -->
<asset:javascript src="jquery.tablesorter/jquery.tablesorter.min.js"/>
<asset:javascript src="table.resizable/resizable.tables.js"/>
<!-- Lightbox - Colorbox -->
<asset:javascript src="jquery.colorbox/jquery.colorbox-min.js"/>
<asset:stylesheet href="/jquery.colorbox/colorbox.css"/>
<asset:javascript src="custom.js"/>
</head>
23/12/2015 12:18
0
Boa tarde pessoal! E um bom Natal para todos.
Estou tendo o mesmo problema.
No meu caso tenho um template que usei até a versão 2.4.4 numa boa, colocando os arquivos dentro da pasta (assets), mas nas versões superiores do grails não vem funcionando. Parece que não existe acesso das views a outras pastas que não sejam as que já existem dentro de (assets).
Fiz um teste colocando os arquivos deste meu template hospedado no meu ftp e apontei a aplicação para buscar neste ftp, funcionou. Mas isso não é uma boa prática.
Será que tem que dar permissão para usar outras pastas dentro da pasta assets do grails?
Estou tendo o mesmo problema.
No meu caso tenho um template que usei até a versão 2.4.4 numa boa, colocando os arquivos dentro da pasta (assets), mas nas versões superiores do grails não vem funcionando. Parece que não existe acesso das views a outras pastas que não sejam as que já existem dentro de (assets).
Fiz um teste colocando os arquivos deste meu template hospedado no meu ftp e apontei a aplicação para buscar neste ftp, funcionou. Mas isso não é uma boa prática.
Será que tem que dar permissão para usar outras pastas dentro da pasta assets do grails?
24/12/2015 13:33
0
Consegui resolver, pelo menos no meu caso. Usando o Grails 2.5.3
Coloquei as pastas do meu template pronto dentro da pasta web-app da aplicação. Passei busca-las dentro do .gsp usando o seguinte código:
Para Javascript:
<script type="text/javascript" src="${resource(dir:'js',file:'dashboard.min.js')}"></script>
<script type="text/javascript" src="${resource(dir:'js',file:'apps.min.js')}"></script>
Para estilos .css:
<link rel="stylesheet" type="text/css" href="${resource(dir: 'plugins/bootstrap-datepicker/css', file: 'datepicker.css')}"/>
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css/theme', file: 'default.css')}" id="theme"/>
Farei um teste com o Grails 3.0.10 e posto aqui.
Coloquei as pastas do meu template pronto dentro da pasta web-app da aplicação. Passei busca-las dentro do .gsp usando o seguinte código:
Para Javascript:
<script type="text/javascript" src="${resource(dir:'js',file:'dashboard.min.js')}"></script>
<script type="text/javascript" src="${resource(dir:'js',file:'apps.min.js')}"></script>
Para estilos .css:
<link rel="stylesheet" type="text/css" href="${resource(dir: 'plugins/bootstrap-datepicker/css', file: 'datepicker.css')}"/>
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css/theme', file: 'default.css')}" id="theme"/>
Farei um teste com o Grails 3.0.10 e posto aqui.
27/12/2015 18:42
0
Fiz o teste no Grails 3.0.10. Usando tudo conforme mencionei a cima, funcionou perfeitamente.
Angelo, fazendo desta forma que você fêz reamante não vai funcionar. <asset:javascript src="jquery.tablesorter/jquery.tablesorter.min.js"/>.
Infelizmente o Grails não vei lhe retornar o código escrito em jquery.tablesorter.min.js vai lhe retornar em branco.
A pasta assets do grails só vai lhe retornar os arquivos que estão dentro das pastas que já existem ( javascript, images e stylesheets). E agora com o asset-papiline você só tem que colar seus arquivos nas suas pastas ( em javascript, por exemplo, estarão os .js) e alterar o arquivo application.js acrescentando a linha com o nome do arquivo que você usará.
Exemplo:
//= require jquery-2.1.3.js
//= require_tree .
//= require_self
//= require nome_do_seu_arquivo.js
O <asset:javascript src="application.js"/>, que está no main.gsp, vai trazer todos os .js na sua página.
A mesma coisa acontece com os .css.
Angelo, fazendo desta forma que você fêz reamante não vai funcionar. <asset:javascript src="jquery.tablesorter/jquery.tablesorter.min.js"/>.
Infelizmente o Grails não vei lhe retornar o código escrito em jquery.tablesorter.min.js vai lhe retornar em branco.
A pasta assets do grails só vai lhe retornar os arquivos que estão dentro das pastas que já existem ( javascript, images e stylesheets). E agora com o asset-papiline você só tem que colar seus arquivos nas suas pastas ( em javascript, por exemplo, estarão os .js) e alterar o arquivo application.js acrescentando a linha com o nome do arquivo que você usará.
Exemplo:
//= require jquery-2.1.3.js
//= require_tree .
//= require_self
//= require nome_do_seu_arquivo.js
O <asset:javascript src="application.js"/>, que está no main.gsp, vai trazer todos os .js na sua página.
A mesma coisa acontece com os .css.
27/12/2015 19:55
1
bom dia Reinaldo Ramos muito obrigado deu certo fazendo da forma que me orientou coloquei o caminho no application.js e chamei ele no meu
template
apenas o arquivo <asset:javascript src="application.js"/> muito obrigado
template
apenas o arquivo <asset:javascript src="application.js"/> muito obrigado
28/12/2015 10:40
0
Uma coisa que notei trabalhando com assets, se utilizar apenas o nome do arquivo sem a pasta ele chama o js, ficaria assim:
Não sei por que isso acontece.
<asset:javascript src="morris.min.js"/>
Não sei por que isso acontece.
06/01/2016 10:56
0
castiel (298) , Desta forma realmente funciona, mas você tem que colocar nas pastas que estão dentro de asset. Mas prefiro declarar dentro de application.js, desta forma o main.gsp fica menos poluído.
06/01/2016 12:39
Ainda não faz parte da comunidade???
Para se registrar, clique aqui.
Aprenda Groovy e Grails com a Formação itexto!
Newsletter Semana Groovy
Os melhores blogs de TI (e em português) em um único lugar!
