Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

Turkey Oracle Applications Users Group PL/SQL üzerinden Web Sayfası üretmek Temel HTML özellikleri Oracle PL/SQL ile web sayfası ve formları üretmek Ümit.

Benzer bir sunumlar


... konulu sunumlar: "Turkey Oracle Applications Users Group PL/SQL üzerinden Web Sayfası üretmek Temel HTML özellikleri Oracle PL/SQL ile web sayfası ve formları üretmek Ümit."— Sunum transkripti:

1 Turkey Oracle Applications Users Group PL/SQL üzerinden Web Sayfası üretmek Temel HTML özellikleri Oracle PL/SQL ile web sayfası ve formları üretmek Ümit Varol / Diveya Bilgi Sistemleri Xx/11/ İstanbul

2 İstanbul'11 14 Mayıs Web Sayfası Nedir? Web sayfası, bir bilgisayar ağı üzerinde belirli bir metin ve görseller içeren bir dokümanın paylaşılmasını sağlayan, özel bir formatı olan bir doküman biçimidir. Web sayfaları HTML dili ile oluşturulur. HTTP – Hyper Text Markup Language, Zengin Metin Biçimlendirme Dili HTML bir programlama dili değildir, bir biçimlendirme dilidir. İçeriği oluşturan metin içine yerleştirilen biçimlendirme etiketleri (tag) ile dokümana çeşitli biçim özellikleri kazandırılmasını sağlar. HTML ile biçimlendirilmiş dokümanları, istene biçimde görüntülebilmesi için bir görüntüleme uygulaması (tarayıcı-browser) gereklidir. Bu uygulama tag’ları yorumlayarak dokümanın planlanan biçimde görüntülenmesini sağlar. Browser uygulamaları artık her türlü cihaz üzerinde standart olarak sağlanmaktadır. En popüler olanları Internet Explorer, Firefox, Chrome, Safari olan bu uygulamaların birçok farklı marka ve sürümü vardır.

3 İstanbul'11 14 Mayıs İçerik Web Sayfası nedir, nasıl çalışır? Örnek Web Sayfası. Örnek Web Formu ve SQL tablosu. PL/SQL Tablo ve Fonksiyon işlemlerine bakış. Örnek Senaryo. Bir yorumlayıcı sayfa oluşturmak (örnek JSP kod). Senaryo’ya devam. Kodlara Genel Bakış. Notlar.

4 İstanbul'11 14 Mayıs Web Sayfası Nasıl Çalışır? HTTP – Hyper Text Transfer Protocol – Zengin Metin Aktarım Kuralları URL – Uniform Resource Locator – Tektipleştirilmiş Kaynak Bulucu Tipik bir URL örneği : –http://www.world.com –ftp://www.store.com HTML - Hyper Text Markup Language, Zengin Metin Biçimlendirme Dili –Bu metinde bu bölüm koyu tonda görüntülenecektir. Web Sayfası İsteği Web Sayfası İsteği Tarayıcı Internet Service Provider Public Internet HTTP HTML URL Address X Web Page X

5 Örnek Web Sayfası İsim : Telefon : İsim : Tel : kaydet İstanbul'11 14 Mayıs

6 Örnek Web Sayfası İsim : Tel : İsim : Tel : kaydet İstanbul'11 14 Mayıs

7 Örnek Web Formu ve SQL Tablosu İsim : Tel : kaydet CREATE TABLE XX_WEB_FORM_TEST_TBL ( F_NAME VARCHAR2(50 BYTE), F_PHONE VARCHAR2(50 BYTE), S_INSERT_DATE DATE DEFAULT sysdate ) XX_WEB_FORM_TEST_TBL F_NAME VARCHAR2(50 BYTE) F_PHONE VARCHAR2(50 BYTE) S_INSERT_DATE DATE (sysdate) İsim : Telefon : İstanbul'11 14 Mayıs

8 PL/SQL Tablo ve Fonksiyon İşlemlerine Bakış İstanbul'11 14 Mayıs Bir tabloya veri yazmak için INSERT komutu kullanılır. INSERT INTO XX_WEB_FORM_TEST_TBL (F_NAME, F_PHONE) VALUES (‘Ali’,’123’); Ancak çoğu zaman bu komutu doğrudan kullanmak yerine bir fonksiyon ile çağırmak daha avantajlı olmaktadır. CREATE OR REPLACE FUNCTION XX_WEB_FORM_TEST_ INS_FNC (P_NAME VARCHAR2, P_PHONE VARCHAR2) RETURN VARCHAR2 IS retVal VARCHAR2(200); BEGIN retVal := 'Kayıt Başarılı.'; INSERT INTO XX_WEB_FORM_TEST_TBL (F_NAME, F_PHONE) VALUES (P_NAME, P_PHONE ); RETURN retVal; EXCEPTION WHEN NO_DATA_FOUND THEN RETURN 'Veri Yok!'; WHEN OTHERS THEN RETURN 'Hata:'||sqlerrm; END; Bu sayede birçok kontrol, ek işlemler ve hata kontrolü olanakları sağlanabilir.

9 İstanbul'11 14 Mayıs Örnek Senaryo Tüm planlama ve yazılım kısmı PL/SQL üzerinde olan bir Web Form ortamı oluşturalım. Tüm gerekli tanımlamalarda tablolarımızda olsun. HTML ile bir Web Formu tasarlayalım. Bir SQL tablosu içine Web form sayfalarımızı ve temel tanımlarımızı kaydedelim. Bu formdan dönecek verinin saklanacağı tablomuzu oluşturalım. Formdan dönecek veriyi kaydetmek için de bir fonksiyon yazalım. Bize bir de SQL tablomuzdan Web Form bilgilerimizi okuyacak, web sayfamızı oluşturup, kullanıcıya sunacak ve dönen veriyide ilgili fonksiyona gönderecek “Yorumlayıcı Sayfa” gerekiyor. –Bu uygulama birçok ortamda hazırlanabilir. –Bizim örneğimiz Oracle dünyasına en yakın ortam olan JSP tabanlı. –Bu uygulama bir kez yazılıp çalıştırıldıktan sonra hiçbir değişikliğe uğramadan çalışacaktır. Yeni web sayfaları ile ilgili tüm tanımlamalar kesinlikle PL/SQL tarafında kalmalıdır.

10 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak HTML ile bir Web Formu tasarlayalım. Sistematik bir yapı için, –Formun adını : ff –Veri alanlarının adını : f1, f2, f3,..., fn –Submit düğmesinin adını : ss İsim: Telefon: İsim : Tel efon: kaydet

11 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak Bir SQL tablosu içine Web form sayfalarımızı ve temel tanımlarımızı kaydedelim. –Tablomuzun adı XX_WEB_FORM_SETUP_TBL olsun –Web Formumuz için bir CLOB alan –Bir ID –Geri dönüşte çağrılacak fonksiyonumuzu tanımlamak için bir alan –ve Web form Sayfamızı adı için bir alan CREATE TABLE XX_WEB_FORM_SETUP_TBL ( F_CLOB CLOB, F_ID NUMBER, F_FUNCTION VARCHAR2(100 BYTE), F_URL_NAME VARCHAR2(100 BYTE) ); –Örnek bir kayıt oluşturalım, INSERT INTO XX_WEB_FORM_SETUP_TBL VALUES (‘

12 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak Bu formdan dönecek verinin saklanacağı tablomuzu oluşturalım. –Daha önce örnek olarak oluşturduğumuz tabloyu kullanabiliriz. CREATE TABLE XX_WEB_FORM_TEST_TBL ( F_NAME VARCHAR2(50 BYTE), F_PHONE VARCHAR2(50 BYTE), S_INSERT_DATE DATE DEFAULT sysdate ) XX_WEB_FORM_TEST_TBL F_NAME VARCHAR2(50 BYTE) F_PHONE VARCHAR2(50 BYTE) S_INSERT_DATE DATE (sysdate)

13 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak Formdan dönecek veriyi kaydetmek için de bir fonksiyon yazalım. –Daha önce örnek olarak oluşturduğumuz fonksiyonu kullanabiliriz. CREATE OR REPLACE FUNCTION XX_WEB_FORM_TEST_ INS_FNC (P_NAME VARCHAR2, P_PHONE VARCHAR2) RETURN VARCHAR2 IS STATUS VARCHAR2(200); BEGIN STATUS := 'Kayıt Başarılı.'; INSERT INTO XX_WEB_FORM_TEST_TBL (F_NAME, F_PHONE) VALUES (P_NAME, P_PHONE ); RETURN STATUS; EXCEPTION WHEN NO_DATA_FOUND THEN RETURN 'Veri Yok!'; WHEN OTHERS THEN RETURN 'Hata:'||sqlerrm; END; XX_WEB_FORM_TEST_INS_FNC P_NAME VARCHAR2 P_PHONE VARCHAR2 STATUS VARCHAR2 f(x)

14 Bize bir de SQL tablomuzdan Web Form bilgilerimizi okuyacak, web sayfamızı oluşturup, kullanıcıya sunacak ve dönen veriyide ilgili fonksiyona gönderecek “Yorumlayıcı Sayfa” gerekiyor. –Bizim örneğimiz Oracle dünyasına en yakın ortam olan JSP tabanlı. Bu uygulama sayfasını çalıştırmak için JSP sayfalarını gösterebilen bir web sunucusuna ihtiyacımız olacaktır. –Çok yaygın olarak Apache & Tomcat ikilisi olabilir, –Oracle’ın son zamanlarda kullandığı WebLogic olabilir, –Ve benzeri bir başka sunucu da olabilir. Sunucunuzun tipine göre web sunucusu kök dizininde bir yeni dizin açalım ve yorumlayıcı JSP sayfamızı buraya koyalım. –Apache için : c:/apache/webapps/ROOT/web_form/web_form.jsp İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak

15 Apache web sunucusu üzerinde veri tabanı erişimi için JDBC oluşturmak gerekir. –JDBC : Java Database Connector Örnek olarak Oracle 10g veritabanına erişim ve Oracle kütüphanelerini kullanmak için, –classes12.jar ve ojdbc14.jar dosyalarını \lib dizini altına koymanız gerekir. –\conf dizini altınde yer alan context, web ve server dosyalarında güncelleme yapılmalıdır. –context.xml dosyasında etiketi içinde –web.xml dosyası etiketi içinde Oracle Development Datasource jdbc/webForm oracle.jdbc.pool.OracleDataSource Container –server.xml dosyası etiketi içinde İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak

16 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak Örnek yorumlayıcı sayfamız : webForm.jsp <% Connection conn = null; ResultSet rst = null; Statement stmt = null; PreparedStatement pstmt = null; String queryStr = null; String message = "Not Connected"; String ParameterNames = ""; String f_url_name = ""; String f_submit = "no"; for(Enumeration e = request.getParameterNames(); e.hasMoreElements(); ) { ParameterNames = (String)e.nextElement(); //out.println(ParameterNames + " : " + request.getParameter(ParameterNames) + " "); if (ParameterNames.equals("fname")) { f_url_name=request.getParameter(ParameterNames); } if (ParameterNames.equals("ss")) { f_submit="yes"; } } (1/4) Forma doldurularak gönderilen verilerin alındığı ve değişkenlere yerleştirildiği bloktur. Çağrılan Web Form’un adını alacağımız parametre “fname” olsun. (Önceki örnekte “ff” olarak bırakmıştık.)

17 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak Örnek yorumlayıcı sayfamız : webForm.jsp try { Context initContext = new InitialContext(); Context envContext = (Context) initContext.lookup("java:/comp/env"); OracleDataSource ds = (OracleDataSource) envContext.lookup("jdbc/webForm"); if (envContext == null) throw new Exception("Error: No Context"); if (ds == null) throw new Exception("Error: No DataSource"); if (ds != null) conn = ds.getConnection(); if (conn != null) { message = "Got Connection " + conn.toString() + ", "; stmt = conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_READ_ONLY); } queryStr = " select * from XX_WEB_FORM_SETUP_TBL "; if (f_url_name.length()>0) { queryStr = queryStr + " where F_URL_NAME='" + f_url_name + "' "; } pstmt= conn.prepareStatement(queryStr); rst = pstmt.executeQuery(); String formVal = null; String formID = null; String formFnc = null; String formFncPrm = " "; String formPrm = null; String formName = null; String formStatus = " "; rst.next(); formVal = rst.getString(1); formID = rst.getString(2); formFnc = rst.getString(3); formPrm = rst.getString(4); formName = rst.getString(5); rst.close(); rst = null; (2/4) Veritabanı bağlantısının sağlandığı bloktur. Web Formumuz ile ilgili tanımlamaların veritabanından okunduğu bloktur.

18 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak Örnek yorumlayıcı sayfamız : webForm.jsp if (f_submit.equals("yes")) { for(Enumeration e = request.getParameterNames(); e.hasMoreElements(); ) { ParameterNames = (String)e.nextElement(); if (ParameterNames.substring(0,1).equals("f") && ParameterNames.length()<5) { formFncPrm = formFncPrm + "?, "; } if (formFncPrm.length()>2) { formFncPrm=formFncPrm.substring(0,formFncPrm.length()-2); } queryStr = "begin ? := "+formFnc+“ ("+formFncPrm+"); end; "; CallableStatement cstmt = conn.prepareCall(queryStr); cstmt.setQueryTimeout(1800); cstmt.registerOutParameter(1, Types.VARCHAR); for(Enumeration e = request.getParameterNames(); e.hasMoreElements(); ){ ParameterNames = (String)e.nextElement(); if (ParameterNames.substring(0,1).equals("f") && ParameterNames.length()<5) { cstmt.setString(Integer.parseInt(ParameterNames.substring(1))+1,request.getParameter(ParameterNames)); } cstmt.executeUpdate(); formStatus=cstmt.getString(1); } formVal = formVal.replace(" ",formStatus); formVal = formVal+" document.getElementById('fname').value='"+formName+"'; "; out.println ( formVal ); stmt.close(); stmt = null; conn.close(); // Return to connection pool conn = null; (3/4) Formdan gelen verinin veritabanındaki fonksiyona gönderildiği bloktur. Veritabanındaki fonksiyondan geri dönen cevabın web sayfasında belirlenen yerde ve formatta yazdırılabilmesi için özel bir etiket eklenmiştir. Bu etiket standart değildir ve sadece bu yorumlayıcı sayfa tarafından yorumlanır. Oluşturulan nihai HTML içerik, görüntülenecek Web Formu olarak sayfaya yazılır.

19 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak Örnek yorumlayıcı sayfamız : webForm.jsp } catch(Exception e) { out.println("Form Exception : " + e); } finally { if (rst != null) { try { rst.close(); } catch (SQLException e) {;} rst = null; } if (stmt != null) { try { stmt.close(); } catch (SQLException e) {;} stmt = null; } if (conn != null) { try { conn.close(); } catch (SQLException e) {;} conn = null; } %> (4/4) Catch ve Finally bölümleri olası hatalara karşı hata mesajları ve veritabanı bağlantılarını kapatma bloğudur.

20 İstanbul'11 14 Mayıs Bir Yorumlayıcı Sayfa Oluşturmak HTML ile bir Web Formu tasarlayalım demiştik, bunu tekrar gözden geçirelim. –Önceden olanlar, Formun adını : ff Veri alanlarının adını : f1, f2, f3,..., fn Submit düğmesinin adını : ss –Yeni gelenler, Görüntülenecek Web Formun seçimi için bir alan ekledik : fname Veritabanından dönen cevabı sayfada göstermek için eklediğimiz yeni etiket: Telefon Rehberi İsim: Telefon:

21 İstanbul'11 14 Mayıs Senaryo’ya Devam! Yeni bir Web Form oluşturalım ! İsim : Şehir : Üye Ol XX_WEB_FORM_TEST2_TBL F_NAME VARCHAR2(50 BYTE) F_ VARCHAR2(50 BYTE) F_CITY VARCHAR2(50 BYTE) e-Posta : e-Bültene üye olun! CREATE TABLE XX_WEB_FORM_TEST2_TBL ( F_NAME VARCHAR2(50 BYTE), F_ VARCHAR2(50 BYTE), F_CITY VARCHAR2(50 BYTE), S_INSERT_DATE DATE DEFAULT sysdate ) e-Bültene üye olun! İsim : e-Posta : Şehir :

22 İstanbul'11 14 Mayıs Senaryo’ya Devam! Yeni tablo için bir de fonksiyon oluşturalım. XX_WEB_FORM_TEST2_TBL F_NAME VARCHAR2(50 BYTE) F_ VARCHAR2(50 BYTE) F_CITY VARCHAR2(50 BYTE) CREATE TABLE XX_WEB_FORM_TEST2_TBL ( F_NAME VARCHAR2(50 BYTE), F_ VARCHAR2(50 BYTE), F_CITY VARCHAR2(50 BYTE), S_INSERT_DATE DATE DEFAULT sysdate ) CREATE FUNCTION XX_WEB_FORM_TEST2_ INS_FNC (P_NAME VARCHAR2, P_ VARCHAR2, P_CITY VARCHAR2) RETURN VARCHAR2 IS STATUS VARCHAR2(200); BEGIN STATUS := 'Kayıt Başarılı.'; INSERT INTO XX_WEB_FORM_TEST2_TBL (F_NAME, F_ , F_CITY ) VALUES (P_NAME, P_ , P_CITY); RETURN STATUS; EXCEPTION WHEN NO_DATA_FOUND THEN RETURN 'Veri Yok!'; WHEN OTHERS THEN RETURN 'Hata:'||sqlerrm; END; XX_WEB_FORM_TEST_INS_FNC P_NAME VARCHAR2 P_ VARCHAR2 P_CITY VARCHAR2 STATUS VARCHAR2 f(x)

23 İstanbul'11 14 Mayıs Senaryo’ya Devam! Oluşturduğumuz bileşenleri XX_WEB_FORM_SETUP_TBL tablomuzda tanımlayalım. XX_WEB_FORM_TEST2_TBL F_NAME VARCHAR2(50 BYTE) F_ VARCHAR2(50 BYTE) F_CITY VARCHAR2(50 BYTE) XX_WEB_FORM_TEST_INS_FNC P_NAME VARCHAR2 P_ VARCHAR2 P_CITY VARCHAR2 STATUS VARCHAR2 f(x) İsim : Şehir : Üye Ol e-Posta : e-Bültene üye olun! INSERT INTO XX_WEB_FORM_SETUP_TBL VALUES (‘

24 İstanbul'11 14 Mayıs Senaryo’ya Devam! İsim : Şehir : Üye Ol e-Posta : e-Bültene üye olun! Address X Tarayıcı Sonucu tarayıcı içinde görelim. –web_form.jsp?fname=e_bulten

25 İstanbul'11 14 Mayıs Kodlara Genel Bakış e-Bültene üye olun! İsim : e-Posta : Şehir : CREATE TABLE XX_WEB_FORM_TEST2_TBL ( F_NAME VARCHAR2(50 BYTE), F_ VARCHAR2(50 BYTE), F_CITY VARCHAR2(50 BYTE), S_INSERT_DATE DATE DEFAULT sysdate ) CREATE FUNCTION XX_WEB_FORM_TEST2_ INS_FNC (P_NAME VARCHAR2, P_ VARCHAR2, P_CITY VARCHAR2) RETURN VARCHAR2 IS STATUS VARCHAR2(200); BEGIN STATUS := 'Kayıt Başarılı.'; INSERT INTO XX_WEB_FORM_TEST2_TBL (F_NAME, F_ , F_CITY ) VALUES (P_NAME, P_ , P_CITY); RETURN STATUS; EXCEPTION WHEN NO_DATA_FOUND THEN RETURN 'Veri Yok!'; WHEN OTHERS THEN RETURN 'Hata:'||sqlerrm; END; INSERT INTO XX_WEB_FORM_SETUP_TBL VALUES (‘

26 İstanbul'11 14 Mayıs Notlar HTML ile ilgili W3 sitelerini inceleyebilirsiniz, –http://www.w3schools.com/html/default.asp –http://www.w3.org/TR/html-markup/ Apache için, –http://www.apache.org Tomcat için, –http://tomcat.apache.org JAVA ile ilgili Oracle/SUN sitesini inceleyebilirsiniz, –http://www.oracle.com/technetwork/java/index.html –http://java.sun.com/products/jsp/syntax/2.0/syntaxref20.html PL/SQL ile ilgili Oracle sitesini inceleyebilirsiniz, –http://download.oracle.com/docs/cd/B10500_01/appdev.920/a96624/toc.htm


"Turkey Oracle Applications Users Group PL/SQL üzerinden Web Sayfası üretmek Temel HTML özellikleri Oracle PL/SQL ile web sayfası ve formları üretmek Ümit." indir ppt

Benzer bir sunumlar


Google Reklamları