Merih Forum Programlama ve yazılım algoritmalar programlama python Kütüphane / Modül / Fonksiyon visual studio, python - Statik dosyaları işleme, sayfalar eklemek ve şablonu devralma

ABD Münbiçi bırakır mı ?

ABD, Münbiçin yarısı sizde yarısı bizde kalsın dedi

SON 20 YILDA OSCAR KAZANAN KADINLAR

Son 20 yılda En İyi Kadın Oyuncu kategorisinde Oscar kazanan oyuncuların listesi...

AFRİN HAREKATI

Zeytin Dalı Harekatında teröristlerden temizlenen bölge artıyor

Silkroad XIAN

Silkroad sevdalıları için bir server

  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
visual studio, python - Statik dosyaları işleme, sayfalar eklemek ve şablonu devralma

 
#1

Bu öğreticinin önceki adımlarında müstakil HTML tek bir sayfayla en az bir Django uygulaması oluşturulacağını öğrendiniz. Modern web uygulamaları, ancak genellikle birçok sayfaları oluşan ve olun tutarlı bir stil ve davranışı sağlamak için CSS ve JavaScript dosyaları gibi paylaşılan kaynakları.
Bu adımda, şunların nasıl yapılır:
  • Hızlı bir şekilde uygun Demirbaş kod ile farklı türdeki yeni dosyaları eklemek için Visual Studio öğe şablonları kullanın (adım 3 - 1)
  • (3-2. adım) statik dosyaları sunmak için Django projesi yapılandırma
  • (3-3. adım) uygulamaya ek sayfalar ekleme
  • (Adım 3-4) sayfalar arasında kullanılan bir üst bilgi ve gezinti çubuğu oluşturmak için şablon devralma kullanın
3-1. adım: Öğe şablonları ile aşina
Bir Django uygulaması geliştirirken, genellikle çok daha fazla Python, HTML, CSS ve JavaScript dosyaları ekleyin. Her dosya türü için (diğer dosyaları ister web.config dağıtımı için ihtiyacınız olan), Visual Studio'nun sağladığı uygun öğe şablonları başlamanıza yardımcı olmak için.
Kullanılabilir şablonlar görmek için Git Çözüm Gezgini, select öğesi oluşturmak istediğiniz klasörü sağ tıklatın Ekle > yeni öğe:
step03-add-new-item-dialog.png?view=vs-2017
Bir şablonu kullanmak için istediğiniz şablonu seçin, dosya için bir ad belirtin ve seçin Tamam. Bu şekilde otomatik olarak öğe ekleme dosyası Visual Studio projenize ekler ve kaynak denetimi için değişiklikleri işaretler.
Soru: Nasıl Visual Studio, öğe şablonları sunmaya bilir?
Yanıt: Visual Studio Proje dosyası (.pyproj) bir Python projesi olarak işaretleyen bir proje türü tanımlayıcısı içeriyor. Visual Studio, proje türü için uygun olan öğe şablonları göstermek için bu tür tanımlayıcısı kullanır. Bu şekilde bloblarda her sıralamak için sormadan türleri pek çok proje için Visual Studio öğe şablonları zengin sağlayabilirsiniz.
3-2. adım: Uygulamanızdan statik dosyaları işleme
Python (herhangi bir çerçeveyi kullanarak) ile oluşturulmuş bir web uygulaması, Python dosyalarınızın her zaman web ana bilgisayarın sunucu üzerinde çalışan ve bir kullanıcının bilgisayarına hiçbir zaman iletilmez. Ana sunucu olarak yalnızca sunar diğer dosyaları, Bununla birlikte, CSS ve JavaScript gibi tarayıcı tarafından özel olarak kullanıldığından-bunlar istenen ne zaman açıktır. Bu tür dosyalar "statik" dosyaları olarak adlandırılır ve Django bunları otomatik olarak, kod yazmaya gerek sunabilirsiniz.
Varsayılan olarak uygulama statik dosyaları sunmak için yapılandırılmış bir Django projesi statikDjango projenin bu satırları sayesinde klasöründe settings.py:
PythonKopyala
Kod:
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.9/howto/static-files/

STATIC_URL = '/static/'

STATIC_ROOT = posixpath.join(*(BASE_DIR.split(os.path.sep) + ['static']))

İçinde herhangi bir klasör yapısının kullanarak dosyaları düzenlediğiniz statik ister ve sonra dosyalara başvurmak için bu klasörün içinde göreli yollar kullanın. Bu işlem göstermek için aşağıdaki adımları uygulamaya bir CSS dosyası ekleyin ve ardından bu stil kullanmak index.html şablonu:
  1. İçinde Çözüm Gezgini, sağ HelloDjangoApp seçin Visual Studio proje klasöründe Ekle > Yeniklasörve klasörünü adlandırın 
    static

  2. .
  3. Sağ statik klasörü ve select Ekle > yeni öğe. Görüntülenen iletişim kutusunda, seçmek stil sayfası şablonu, dosya adı 
    site.css

  4. seçip Tamam. Site.css dosya projesinde görünür ve düzenleyicide açılır. Klasör yapınız aşağıdaki görüntüye benzer görünmelidir:
    step03-static-file-structure.png?view=vs-2017
  5. Öğesinin içeriğini değiştirin site.css aşağıdaki kodla ve dosyayı kaydedin:
    [color=var(--text)]cssKopyala
    [/color]
    .message {    font-weight: 600;    color: blue;}

    step03-nav-bar.png?view=vs-2017
  6. Uygulamanın içeriğini değiştirin templates/HelloDjangoApp/index.html değiştirir aşağıdaki kod ile dosya 
    <strong>

  7.  ile 2. adımda kullanılan öğe bir 

    <span>

  8.  başvuran 

    message

  9.  stil sınıf. Bu şekilde bir stil sınıfını kullanarak öğeyi stil çok daha fazla esneklik sağlar. (Henüz taşıdıysanız index.html içinde alt şablonları VS 2017 15.7 kullanırken ve daha önce başvurmak şablon namespacing 2-4. adımda.)
    [color=var(--text)]HTMLKopyala
    [/color]
    <html>    <head>        <title>{{ title }}</title>        {% load staticfiles %} <!-- Instruct Django to load static files -->        <link rel="stylesheet" type="text/css" href="{% static 'site.css' %}" />    </head>    <body>        <span class="message">{{ message }}</span>{{ content }}    </body></html>
  10. Sonuçları görmek için projeyi çalıştırın. İşiniz bittiğinde sunucusunu durdurmak ve isterseniz kaynak denetimi için yaptığınız değişiklikleri kaydedin (açıklandığı şekilde 2. adım).
3-4. adım: Bir üst bilgi ve gezinti çubuğu oluşturmak için şablon devralma kullanın

Açık Gezinti bağlantıları her sayfada sahip olmak yerine modern web uygulamaları genellikle bir marka başlığı ve en önemli sayfa bağlantılarının, açılır menüler ve benzeri sağlayan bir gezinti çubuğunu kullanın. Üst bilgi ve gezinti çubuğunda aynı olan tüm sayfalara emin olmak için ancak her sayfası şablonu aynı kodu yinelemek istediğiniz yok. Bunun yerine, tek bir yerde tüm sayfaları ortak parçalarını tanımlamak istersiniz.
Django'nın şablon oluşturma sistemi belirli öğeleri birden çok şablon tarafından yeniden kullanmak için iki yol sağlar: içerir ve devralma.
  • İçerir başvurulan şablonun söz dizimini kullanarak belirli bir yerde eklediğiniz diğer sayfası şablonları 
    {% include <template_path> %}

  • . Dinamik olarak kod yolu değiştirmek istiyorsanız, bir değişken de kullanabilirsiniz. İçeren bir sayfa gövdesinde genellikle paylaşılan şablondaki sayfasında belirli bir konumda çekmek için kullanılır.
  • Devralma kullanan 
    {% extends <template_path> %}

  •  başına sayfa şablonunun üzerine sonra başvuran şablon oluşturur paylaşılan, temel bir şablonu belirtin. Devralma, gezinti çubuğunda bir paylaşılan düzeni tanımlamak için yaygın olarak kullanılır ve başvuran şablonlar yalnızca eklemek veya adlı temel şablon, belirli alanları değiştirmek için uygulamanın sayfaları, diğer yapıları blokları.





Ara
Cevapla


[-]
Hızlı Cevap

İnsan Doğrulama:
Aşağıda görünen onay kutusunu işaretleyiniz. Bu işlem otomatik spam kayıtları önlemek için kullanılır.

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Python Os Modülü tuğrul 1 1,596 14-06-2019, Saat: 13:32
Son Yorum: Sprinextice
  visual studio, python flask uygulama oluşturma kıllıbacak 0 225 24-03-2019, Saat: 00:03
Son Yorum: kıllıbacak
  visual studio da python Git ile çalışma kıllıbacak 0 192 23-03-2019, Saat: 23:53
Son Yorum: kıllıbacak
  visual studio, Python ortamınızda paketleri yükleme kıllıbacak 0 214 23-03-2019, Saat: 23:51
Son Yorum: kıllıbacak
  Python kodunu denetlemek için PyLint kullanma kıllıbacak 0 194 23-03-2019, Saat: 23:47
Son Yorum: kıllıbacak

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


Konuyu Okuyanlar:
1 Ziyaretçi

   
Türkçe Çeviri: MCTR, Forum Yazılımı: MyBB, © 2002-2019 MyBB Group.  



Merih Forum® bilgi paylaşım platformu. 2015-2019 Tüm hakları saklıdır.