Bir web dizini için en uygun klasör yapısı nedir?


9

Yıllardır web geliştirme yapıyorum ve her zaman buna benzer bir web yapısı yaptım:

public_html/login.php
public_html/css/login.css
public_html/js/login.js
public_html/img/logo.png

Başkalarının kullandığını gördüm:

styles/login.css
images/logo.png

Ve son zamanlarda iş arkadaşımın şunları sevdiğini öğrendim:

public_html/a/login.js   - application
public_html/s/login.css  - styles
public_html/i/logo.png   - images
public_html/p/photo1.jpg - photos
public_html/f/menu.swf   - flash

Bir veya iki bayt kaydetmenin dışında, bu seçeneklerin herhangi bir avantajı veya dezavantajı var mı? Bu kavram için en iyi uygulama var mı?


İstek üzerine ek klasörler: şablonlar için 't' ve xml için 'x'
St.John Johnson

Yanıtlar:


7

Şu anki sisteminize sadık kalacağım, ancak kendime neredeyse aynı isimleri kullandığım için önyargılı olabilirim.

Üç harfli bir klasör adı tutmanın anlamlı olacak kadar ayrıntılı olduğunu, ancak URL'lerimi düzenli tutacak kadar özlü olduğunu görüyorum .

Her bir klasörü tek bir harfe kırpmak aşırıya kaçar ve mc10'un işaret ettiği gibi, yoruma açıktır. Örneğin, asla Javascript dosyaları için 'a' seçmezdim: "davranış" için "b" seçerdim. İkisinin de daha doğru olduğunu düşünmüyorum, sadece isimlendirme şemasının ne kadar belirsiz olduğunu gösteriyor.

Klasör adları olarak "stiller" ve "resimler" i kullanırken gayet iyi olsa da, daha kısa bir ad kullanmanın daha anlamlı olduğunu düşünüyorum. Her dosyada, her URL'de ve istekte bu klasöre kaç kez başvurulacağını düşünün ve baytlar toplanmaya başlar. Verilmiş, daha kısa klasör adları kullanarak herhangi bir gerçek dünya bant genişliği tasarrufu göreceğinizi sanmıyorum, ancak alabileceğim her biti (ve bayt) alacağım.

Genellikle şu çift klasörlere bağlı kalırım:

  • js - Javascript dosyaları
  • img - Görüntü dosyaları
  • css - CSS dosyaları
  • lib - Çıktı üretmeyen sunucu tarafı komut dosyaları. Kütüphaneler, sınıflar vb.
  • doc - Normal sayfa gezintisinin parçası olmayan ofis belgeleri ve PDF'ler gibi ikili dosyalar

2

CSS ve JS klasörleri, statik olarak kodlanmış (yalnızca HTML olarak da bilinir) tek bir site için iyidir, ancak CMS kullanan daha büyük bir site için pratik değildir.

CMS'ler, kendi klasör yapısında "stiller" ve "görüntüler" klasörlerini kullanırlar, yalnızca alt dizinlere gömülürler. İçeriği yayınlamanın güzel bir yolu ve birçok CMS tarafından tercih ediliyor.

Tek harfli klasör adlarına sahip olmak kafa karıştırıcıdır. İlk bakışta, fotoğraflar ( p) ve resimler ( ) arasındaki farkla karışırdım i. a"Uygulama" için kullanmak da şifreli görünüyor.


1

Css ve js için klasörleri tek tek dosyaların aksine kullanmak tamamen projenizin kapsamına bağlıdır.

Birden fazla komut dosyasına veya stil sayfasına sahipseniz veya potansiyel olarak ihtiyacınız varsa, bunları klasörler halinde düzenlemek sitenin bakımını ve yönetimini kolaylaştırır.

Klasörleri tekrar kullanmaya karar verirseniz, bu uzun veya kısa adları vermek kişisel bir tercihtir.

Her ne kadar bir harf adı bayt tasarrufu ve biraz daha temiz görünebilir, ancak benim deneyimime göre sitede çalışan bir avuç daha fazla insan varsa bu kafa karıştırıcı olabilir.


1

Bu yöntemi de yapabilirsiniz.

1. Yöntem:

  • / I / ortak /
  • / İ / düzeni /
  • / I / lib /
  • / İ / misc / docs / pdf /
  • / İ / misc / docs / csv /
  • / İ / misc / docs / txt /

Not: Her dosyanın md5 özetinde yeniden belirtilmesi en iyisidir.

Örnekler:

  • /i/common/9df48e2cf2d25740e4ba54e8cd73b3a3.png,
  • , /i/layout/2b33962041cb835c227bba27424a28af.css
  • , /i/lib/a8a2a48ddaa95527c6d3db763e2b7809.js
  • /i/misc/docs/pdf/68aafcfe9aa1ab7d83a6ce8df302155e.pdf

2. Yöntem:

  • / Varlıklar / ortak /
  • / Varlıklar / templates / template_name /
  • / Varlıklar / / js / kapsamaktadır
  • / Varlıklar / misc / pdf /
  • / Varlıklar / misc / csv /
  • / Varlıklar / misc / txt /

Not: Dosyaları md5 dizeleri olarak yeniden adlandırmak gerekmez, ancak her boşluk tire / - ile değiştirilmelidir.

Örnekler

  • /assets/common/uploads/2014/12/company-site-has-been-launched.jpg

3. Yöntem:

  • / Site / files /
  • /site düzeni/
  • / Site / komut /
  • / Site / misc / docs / pdf /
  • / Site / misc / docs / csv /
  • / Site / misc / docs / txt /

AÇIKLAMALAR: public_html "ortak" klasör alt dizininde, bundan sonra yeni bir alt dizin oluşturabilir ve yüklediğiniz dosyalar için wordpress yüklemelerinizi nasıl düzenlediğiyle aynı şekilde "uploads / 2014/12 /" olarak adlandırabilirsiniz.


1
Ben klasör yapıları örneklerini seviyorum, ancak md5 karma kullanarak dosya adlandırma önerilmez ve kesinlikle "en iyi" değildir. Bir görüntü dosyasını değiştirmek md5 dosyasını değiştirir, bu nedenle tüm sitede değişiklik yapmanızı gerektirir. Bunun yerine onlara daha akılda kalıcı bir isim vermek çok daha güvenli.
Richard
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.