Sorun

Greycube Technologies'de yakın zamanda, içinde birkaç sayfa ve gezinme bulunan, alanları ve panelleri koşullu olarak gösteren veya gizleyen karmaşık bir web formuna ihtiyaç duyan bir müşterimiz vardı. Kullanıma hazır frappe özellikleri yeterli değildi. Böylece json'dan formlar oluşturmak için genel bir çözüm aramaya başladık. Muhtemelen siz de orada bulunmuş, bir anket, kamuoyu yoklaması veya kayıt formları oluşturmuşsunuzdur.

Çözüm

SurveyJS ile tanışın. Aklınıza gelebilecek en karmaşık gereksinimleri karşılayabilecek mükemmel bir kütüphane, aynı zamanda açık kaynaktır. 25'ten fazla farklı soru tipinin yer aldığı demolara buradan göz atabilirsiniz. Entegrasyon oldukça kolay olacak gibi görünüyordu ve kolaydı da.

Frappe web formu içinde SurveyJ'i kullanarak karmaşık formlar oluşturmak için nasıl özel bir frappe uygulaması oluşturduğumuzu görmek için takip edin.

POC

Fikrin işe yaradığını hızlı bir şekilde test etmek için bir web sayfası kullanarak bir POC oluşturun. Anket ve Yanıt için gerekli web formunu ve Doctype'ları daha sonra tasarlayacağız.

Tezgahtan özel bir uygulama frappe_survey oluşturun

bench new-app frappe_survey

Uygulamayı test sitenize yükleyin

bench — site survey.demo install-app frappe_survey

SurveyJS'nin js ve css dosyalarını varlıklar klasörünüze alın

https://cdnjs.cloudflare.com/ajax/libs/survey-jquery/1.9.110/survey.jquery.min.js ila /public/js/survey.jquery.min.js 
https://cdnjs.cloudflare. com/ajax/libs/survey-jquery/1.9.110/survey.min.css'den /public/css/survey.min.css'ye

Form kitaplığının web formlarında kullanılabilmesini sağlamak için yukarıdaki dosyaları hooks.py'deki web paketine ekleyin.

web_include_css = "/assets/frappe_survey/css/survey.min.css" 
web_include_js = "/assets/frappe_survey/js/survey.jquery.min.js"

https://surveyjs.io/form-library/examples/yes-no-question/jquery#content-code örnek sayfasından temel bir form alın veya aşağıdaki json'u kullanın.

Web sayfası HTML'sinde anket için bir kapsayıcı oluşturun