Web Uygulamaları Tasarımcısı

Kopyalamak için tıklayın

Web Uygulama Tasarımcısı, yönetici panelleri ve tek sayfalı web uygulamaları (SPA) oluşturmak için tasarlanmış bir AppMaster.io bileşenidir. Web Uygulama Tasarımcısının arkasındaki ana fikir, bir yönetici paneli veya müşteriye yönelik bir arayüz, müşteri portalı ve daha fazlasını hassas bir şekilde tasarlamanıza izin vermektir.

Yeni veri modelleri eklediğiniz ve şemayı kaydettiğiniz anda, AppMaster.io, ek çabaları en aza indirmek için otomatik olarak ilgili Web Uygulama Sayfalarını oluşturur. Her Web Uygulaması, AppMaster.io platformu tarafından oluşturulan ve arka uç ikili dosyasıyla birlikte yayınlanan tek sayfalık bir VueJS uygulamasıdır.

Tipik bir Web Uygulaması birkaç bölümden ve çok sayıda bileşenden oluşur. Yeni bileşenleri üst panelden uygulama tuvali içindeki belirlenmiş bölgelere sürükleyebilirsiniz. Ayrıca, Web Uygulaması sayfasının içindeki mevcut bileşenleri sıralayabilir, bileşen yerleştirmeyi değiştirebilir vb.

  1. Tuval üzerinde bileşenlerin yerleştirilebileceği birkaç bölüm vardır. Ana menü (turuncu) başlıklı sol açılan bölüm, web uygulamanızın ana gezinme menüsünü oluşturacak yeni sayfalar yerleştirmek için tasarlanmıştır. Bu açılan bölüme sayfalar dışında başka hiçbir bileşen bırakılamaz.
  2. Uygulama bileşenleri (yeşil) başlıklı sol açılan bölüm, kullanıcılar tarafından görülmeyecek ancak yine de gezinme ve mod işleyicileri için kullanılabilecek sayfaları yerleştirmek için tasarlanmıştır. Bu açılan bölüme sayfalar ve modlar dışında başka hiçbir bileşen bırakılamaz.
  3. Üst ve alt bölümler üst bilgi ve alt bilgi içindir ve o anda seçili olan sayfadan bağımsız olarak görünür durumdadır. İyi uygulama, bileşenleri kullanıcılar için görünür kılmak için bu bölümlerin içine yerleştirmektir.
  4. Tuvalin orta bölümü , sayfa içeriği ve sayfa bileşenleri ile temsil edilir. Ana menüden seçili olan sayfaya aittir. Sayfa içeriğini görmek için ilgili menü öğesi seçilmelidir.
  5. Sayfa bileşeni bölümü, yalnızca kalıcı bileşenleri yerleştirmeye ayrılmıştır.
  6. Uygulama yapılandırma bölümü , yetkilendirme/kayıt parametrelerini yapılandırmaya, iş mantığı, global değişkenler oluşturmaya ve uygulama olaylarında tetikleyiciler ayarlamaya olanak tanır.
  7. Web arayüzünüzü tasarlamak için kullanabileceğiniz bileşenler kümesi .

Gerekli tüm bileşenler tuval üzerine yerleştirildiğinde - Web Uygulaması şemasını kaydetmek için Kaydet düğmesine basın.

Varsayılan Kimlik Bilgileri

Web Uygulaması yetkilendirmesi için varsayılan kimlik bilgileri şunlardır: Giriş: [email protected] Şifre: appmaster