quinta-feira, 13 de outubro de 2016

Autenticando no APEX 5.0

Boa tarde, hoje vou postar bem rapidinho como criar Authentication Schemes, recuperando as  informações do banco de dados.

Em primeiro lugar, vamos criar uma tabela onde armazenaremos os usuários:


Script SQL para criação da tabela.
CREATE TABLE "CADTB_USUARIO"
( "USU_CD" NUMBER NOT NULL ENABLE, "USU_NO_LOGIN" VARCHAR2(20) NOT NULL ENABLE, "USU_NO_SENHA" VARCHAR2(60) NOT NULL ENABLE, CONSTRAINT "CADTB_USUARIO_PK" PRIMARY KEY ("USU_CD") USING INDEX ENABLE ) / CREATE OR REPLACE EDITIONABLE TRIGGER "CADTB_USUARIO_SEQ_ID" before insert on "CADTB_USUARIO" for each row begin if :NEW."USU_CD" is null then select "CADTB_USUARIO_SEQ".nextval into :NEW."USU_CD" from sys.dual; end if; end; / ALTER TRIGGER "CADTB_USUARIO_SEQ_ID" ENABLE /

Após a criação da tabela, prosseguiremos para os seguintes passos:


Clique em Authentication Schemes:


Clique em Create:


Selecione no Create Scheme a Based on a pre-configured scheme from the gallery.


Na combo Scheme Type, selecione Custom, no campo Settings preencha o nome da sua função, Authentication Function Name.



No Source PL/SQL Code, inclua a função abaixo:

FUNCTION autenticacao_apex (p_username IN VARCHAR2, p_password IN VARCHAR2) 
RETURN BOOLEAN 
AS 
hasil NUMBER := 0; 
BEGIN 
SELECT 1 INTO hasil FROM CADTB_USUARIO
WHERE UPPER(USU_NO_LOGIN) = UPPER(p_username) 
AND USU_NO_SENHA = p_password;
RETURN TRUE; 
EXCEPTION 
WHEN NO_DATA_FOUND THEN 
RETURN FALSE; 
END autenticacao_apex;

Pronto, o seu Authentication Scheme está criado, agora para que você o ative e comece a utilizar-lo, é necessário ativá-lo, mas é bem simples, clique novamente na Authentication que foi criada, clique no botão Make Current Scheme e ative-o, conforme a tela abaixo:



Até a próxima!










terça-feira, 11 de outubro de 2016

INCLUINDO UMA IMAGEM NA TELA DE LOGIN NO APEX 5.0 (Oracle Application Express)

Boa tarde, hoje mostrarei como é simples incluir uma imagem na tela de login.


Em primeiro lugar, selecionaremos a tela de login no projeto, conforme a tela abaixo:


Em segundo lugar, selecionaremos a raiz da página, e na lateral a direita, no campo inline, incluiremos o seguinte CSS, conforme a imagem abaixo:


span.t-Login-logo {
    background-image: url(#APP_IMAGES#Login1/iconeLogin1.png);
    backgroung-size: cover;
    background-repeat: no-repeat;
    width: 150px;
    height: 130px;
}

Mostrarei também como incluir uma imagem dentro do projeto.
URL (#APP_IMAGES#Login1/iconeLogin1.png).

Dentro do projeto, clique em Shared Components, conforme a seguinte tela:


Em Files, clique em Static Application Files, conforme a seguinte tela:


Clique em Upload File, conforme a seguinte tela:



Escolha a imagem, conforme a seguinte tela:


A URL será a Reference da grid.



Obrigado e até o próximo post.