Sayfa kodu

Sayfalarınızda JavaScript, oluşturucunun içinde yazılır.

Kod modunu açın, her sayfa bir dosya alsın. Öğelere adlarıyla ulaşın, tıklamalara ve girdilere tepki verin, CMS koleksiyonlarınızı okuyun ve canlı önizlemenin konsolunu editörün altında izleyin. Kod, yayınlanan sayfada ziyaretçinin tarayıcısında çalışır.

Kod modunda editör: solda dosya olarak site sayfaları, kod panelinde açık Home.js ve altında konsol, üstte tuval.
Home.js
// Home.js runs in the visitor's browser on the published page.
$page.onReady(async () => {
  // Elements are addressed by the name given in Properties & Events.
  $w('#hero-cta').onClick(() => {
    $page.scrollTo('#tasting-form')
    $page.showToast('Pick a Saturday below', 'success')
  })

  // CMS collections are readable from page code.
  const stories = await $cms.getCollection('journal').find().limit(3)
  $w('#journal-count').text = stories.length + ' new stories'
})
Çalışma zamanı globali: $w, $page, $cms, $http, $router, $user
6
İşleyebileceğiniz öğe olayı
12
Tasarımı düzenleyen betikler için tuval yöntemi
33

Tahmin değil, üründe sayılmıştır.

Yetenekler

Neler elde edersiniz

Sayfa başına bir dosya ve masterPage.js

Her sayfanın kendi betiği vardır; masterPage.js her sayfada çalışır. Siz yazarken otomatik kaydedilir.

Özellikler ve Olaylar

Seçili bir öğeye ad verin ve on iki olayından herhangi biri için bir işleyici taslağını doğrudan dosyaya ekleyin.

CMS'inizi okuyun

Sayfa kodundan bir koleksiyondaki öğeleri bulun, süzün, sıralayın ve sayın. Yalnızca okuma; yazma işlemleri editörde kalır.

Tuval betikleri

Tasarımın kendisini korumalı bir tuval API'si üzerinden düzenleyen betikler; bir döngü editörü kilitlemesin diye bir zaman sınırıyla.

İki dünya için bir konsol

Tuvale karşı bir komut çalıştırın ya da canlı önizlemeyi açıp konsol çıktısını ve hatalarını editörün altında okuyun.

Kod dosyaları ve arama

Her sayfanın içe aktarabileceği yeniden kullanılabilir modüller ve hepsini düzenlemek için Monaco editörüyle tüm dosyalarda tek bir arama.

Bağlı olduğu özellik

Sayfa oluşturucu

Sıkça sorulan sorular

Başka sorunuz mu var?İletişim formunu kullanın

JavaScript. Editör, çalışma zamanı globalleri için tamamlamalar sunan Monaco'dur; TypeScript derleme adımı ve tip üretimi yoktur.

Hayır. Sayfa kodu, yayınlanan sayfada ziyaretçinin tarayıcısında çalışır. Kod modunda bugün sunucu fonksiyonları, uç noktalar ya da gizli anahtarlar yoktur; kendi sunucunuza yapılan bir çağrı, tarayıcıdan gelen normal bir istektir.

Sayfa kodundan hayır. $cms koleksiyonları okur; öğeler editörün Veritabanları panelinde oluşturulur ve düzenlenir.

Kod panelinden canlı önizlemeyi açın. Konsol çıktısı ve hataları, çalışma zamanı satırları olarak işaretlenip tuval konsolunun yanında editörün altına aktarılır.

Hayır. Dosyalar siz yazarken siteye kaydedilir; sayfanın sürüm geçmişi de tasarımı kapsar. Git entegrasyonu yoktur.

Başlayın

Ücretsiz deneyin: Sayfa oluşturucu.

Oluşturmak ve önizlemek ücretsizdir. Kendi alan adınızda yayınlamak Website planıyla yıllık ₺9.588 (KDV dahil); satış ise Business planıyla başlar.

  • Neden Cliux?
  • Serbest tuval
  • On iş modülü
  • Otomatik telefon düzeni
  • Kendi alan adınız
  • Geliştirici modu