1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

  2. Anuncie Aqui ! Entre em contato fdantas@4each.com.br

010 - Arquivos externos da web (imagens, .css, .js)

Discussão em 'Ambiente Web - Webspeed e/ou StarWeb FrameWork' iniciado por Agnaldo, Janeiro 7, 2014.

  1. Agnaldo

    Agnaldo Membro Ativo

    Tempo estimado de leitura: menos de 5 minutos

    Nosso exemplos até agora são compostos apenas pelo arquivo de programa (em 4GL). São as nossas páginas/programas. O melhor, são os nossos "programas".
    Como são programas em 4GL Progress, que rodam sobre o ambiente do WebSpeed e/ou StarWeb FrameWork, eles deve estar acessíveis a esses ambientes.
    No caso, eles estão na PROPATH, o que permite serem executados pelo Progress.
    A include padrão temos usados, { src/web/method/wrap-cgi.i }, esta na PROPATH, por isso ela consegue ser localizada e compilada com nossos programas.
    A PROPATH é configurada nos arquivos de configuração do ambiente, a saber, WebSpeed ou StarWeb FrameWork. Cada um tem seu arquivo de configuração, que nada mais é do que um arquivo de configuração Progress.

    Porém, arquivos da web, tais como imagens, arquivos JavaScript, arquivos CSS, PDF, de som, Flash, etc., não são "coisas" do ambiente Progress.
    São arquivos que o servidor web mantém e o browser pede usá-los.

    Uma imagem por exemplo, com o logo da empresa. Na pagina HTML ela usa tag img do HTML para ser mostrada.
    Algo assim:
    HTML:
    <img src="http://www.4each.com.br/logo.png">
    
    Aqui foi colocado o caminho completo, mas o normal é termos algo assim:
    HTML:
    <img src="/webforum4each/imagens/logo.png">
    
    Aqui estamos dizendo que no servidor, na raiz do servidor web, temos uma pasta "webforum4each", e dentro dessa pasta temos a pasta "imagens" e aí sim, embaixo desses dois diretórios, temos o arquivo "logo.png".

    Normalmente no IIS (servidor web do Windows) a raiz do webserver é "c:\inetpub\wwwroot".
    Então a nossa imagem, indicada por <img src="/webforum4each/imagens/logo.png">, estaria fisicamente em "c:\inetpub\wwwroot\webforum4each\imagens\logo.png".

    Normalmente no Apache a raiz do webserver é "c:\apache\htdocs".
    Então a nossa imagem, indicada por <img src="/webforum4each/imagens/logo.png">, estaria fisicamente em "c:\apache\htdocs\webforum4each\imagens\logo.png".

    A mesma coisa acontece com arquivos .css e .js.
    Eles ficam na árvore da web, que não tem nada relacionado com nossos programas Progress.

    Vamos assumir, doravante, que nossa árvore da web possui
    • /webforum4each/imagens/
    • /webforum4each/css/
    • /webforum4each/js/
    Aqui um código de exemplo:
    PHP:
    src/web/method/wrap-cgi.}

    output-content-type("text/html").

    {&
    out'<html>' SKIP
           
    '<head>' SKIP
           
    '<title>Exemplo</title>' SKIP
           
    '</head>' SKIP
           
    '<body>' SKIP(1).

    {&
    out'<div align="center">' SKIP
           
    '   <table border="0" cellspacing="2" cellpadding="2" width="100%">' SKIP
           
    '      <tr>' SKIP
           
    '         <td align="center"><img src="/webforum4each/imagens/logo.png"></td>' SKIP
           
    '      </tr>' SKIP
           
    '      <tr>' SKIP
           
    '         <td align="center"><b>' STRING(TODAY,"99/99/9999"'</b></td>' SKIP
           
    '      </tr>' SKIP
           
    '   </table>' SKIP
           
    '</div>' SKIP.

    {&
    out'</body>' SKIP
           
    '</html>' SKIP(1).

    /* Fim do arquivo */

    Que irá produzir algo como:

    [​IMG]

    Obs.: Em anexo coloco o arquivo da imagem, para facilitar os testes

    Curtiu?
    Até o próximo post.​

    Arquivos Anexados:

    Última edição: Janeiro 21, 2014
    liliane e fdantas curtiram isso.
  2. Agnaldo

    Agnaldo Membro Ativo

  3. Agnaldo

    Agnaldo Membro Ativo

    .

Compartilhe esta Página