Xiao gerçek savaş | Bunun gibi küçük programlarda zengin metinleri düzenlemek hızlı ve kullanışlıdır!

Prosedür notunu bilin

"Xiaoshiba" Know Programı tarafından başlatılan yepyeni bir sütundur.

Olağanüstü geliştiricileri, MinaApp (cloud.minaapp.com) tarafından geliştirilen gerçek savaş deneyimlerini pratik bir bakış açısıyla kişisel olarak paylaşmaya davet edeceğiz. Mini program savaş deneyiminizi paylaşmak istiyorsanız, "Xiao gerçek savaş" a katılmaya hoş geldiniz. , Katkıda bulunmak için müşteri hizmeti Xiao Xiaoyun'u (ID: minsupport) ekleyin.

Wen | Wang Chuanlin

merhaba ~ Herkese merhaba, ben "Zhitang" uygulamasının geliştiricisiyim ve bulutu bilen genel bir beta kullanıcısıyım.

Herkese açık beta aşamasında, Kullanımı düşündüğümden çok daha kolay olan Knowing Cloud'un zengin metin işlevini deneyimledim, bu nedenle "günlük işaret" işlevini Knowing Cloud'a taşımakta tereddüt etmedim. Tüm geliştiricilere yardımcı olmayı umarak bu fırsatı sizlerle bilgi bulutu pratik deneyimimi paylaşmak için kullanmak istiyorum.

Kağıt havuz uygulamasında sponsor için bir ilan var Ana sayfadaki "Bugün Öne Çıkanlar" da son resim bir reklamdır. Aşağıda gösterildiği gibi:

Bu resme tıkladıktan sonra, zengin bir metin sayfasına gireceksiniz WeChat uygulaması resmi olarak zengin metin bileşenleri sağlasa da, kullanımı uygun değildir. Know Cloud tarafından sağlanan "İçerik" bölümünü kullanarak, zengin metin ihtiyaçlarını kolayca karşılayabilirsiniz. .

Know Cloud'da veri ekleyin

1. Bir içerik kitaplığı oluşturun

Know Cloud arka planındaki "İçerik" bölümüne gidin ve ihtiyaçlarınıza göre yeni bir içerik kitaplığı oluşturun.

Burada imageTopic adında yeni bir içerik kitaplığı oluşturdum ve ihtiyaçlarınıza göre "Kullanıcı Grubu Erişim Haklarını Ayarla" sütununu doldurdum. Kullanıcıları gruplamanız gerekiyorsa, önce gruplamak için kullanıcılara gitmeniz gerekir.

2. Kategori ekleyin

Aynı içerik kütüphanesinde birçok makale olabilir, Bu makaleleri sınıflandırmanız ve yönetmeniz gerekiyorsa, iyi bir sınıflandırma eklemeniz gerekir. , Sınıflandırmaya ihtiyacınız yoksa tüm makaleleri doğrudan ekleyebilirsiniz.

İhtiyaçlarımda makale sayısı az olduğundan ve zengin metnin kendisine ek olarak, ana sayfada görüntülenen büyük resim, kullanıcıların tek tıklamayla kopyalamasına izin veren dize, makalenin kısıtlanıp kısıtlanmadığını kontrol etme anahtarı gibi bazı özellikleri de getirmesi gerekiyor. Bekle.

Ancak Know Cloud'un içerik yönetim sistemi kendi başına makalelere alan ekleyemediği için veri tablosu ile işbirliği yapması gerekmektedir. Bu nedenle sınıflandırmayacağım, doğrudan makalenin içeriğini ekleyeceğim.

3. İçerik ekleyin

Zengin metin düzenleme arayüzüne girmek için "İçerik Ekle" yi tıklayın.

Zengin metnin başlığını ve içeriğini ihtiyacınıza göre doldurun. Başlık gereklidir ve geri kalanı ihtiyaçlarınıza göre doldurulur.

Düzenleyip kaydettikten sonra içerik listesinde göreceksiniz.

4. Veri tablosu ekleyin

Makale oluşturulduktan sonra, Özel alanları makaleler ile ilişkilendirmek için bir veri tablosu oluşturmamız gerekiyor.

Konu adında bir veri tablosu oluşturdu. Ardından, gerektiği gibi özel alanlar oluşturun. Makale kimliğini ilişkilendirmek için alanlardan biri kullanılmalıdır , Burada ilişkilendirmek için topicId kullanıyorum.

Alanları oluşturduktan sonra bir satır veri ekleyelim ve topicId alanını az önce oluşturduğumuz makalenin ID'si ile dolduralım.

Makale içeriğini uygulamada görüntüle

1. SDK erişimi

Belgeye göre SDK ve wxParser'ın en son sürümünü proje dizinine yerleştirin ve SDK'yı app.js'ye tanıtın.

//app.jsApp ({onLaunch: function {// SDK'yı tanıtın, lütfen kendiniz en son sürüme geçin ('./ sdk-v1.1.0b'); // SDK'yı başlatın, istemci kimliği wx.BaaS ile kendi istemci kimliğinizi girin. init (clientID);})) 2. Veri tablosunu alın let query = new wx.BaaS.Querylet tableID = 1860; let Product = new wx.BaaS.TableObject (tableID) Product.find.then ((res) = > {this.setData ({topicList: res.data.objects})}, (err) = > {// err})

Bu noktada daha önce oluşturduğumuz konu veri tablosundaki verileri elde etmiş bulunuyoruz.Elde ederken özel alan seçim kriterlerine göre elde edebiliyoruz.

3. Makale içeriğini alın

Veri tablosunu aldıktan sonra, ana sayfanın ilk ekran görüntüsünü oluşturabilirsiniz ve sayfa düzeni ve stili görüntülenmeyecektir.

Ardından, bir sonraki adıma geçin: Kullanıcı bu resme tıkladığında, zengin metin sayfasına girecek, Bu noktada, daha önce elde edilen verilerden makale kimliğini bir sonraki sayfaya geçirmeniz gerekir. Sonraki sayfa, bu kimliğe göre ilgili makaleyi bulacaktır.

Daha fazla özel alanım olduğu için, diğer parametreleri aynı anda geçirmem gerekiyor.

Parametreler, yönlendirilen URL'den sonra sorgu biçimi (soru işareti + parametreler) kullanılarak geçirilebilir, örneğin:

Yeni sayfada, geçilen makale kimliğini alın:

onload: function (e) { let that = this; let kayıt kimliği = e.recordID; }

Makalenin içeriğini makale kimliğine göre bulun:

richTextID = kayıt kimliği; let nesneler = {richTextID}; wx.BaaS.getContent (nesneler). sonra ((res) = > { // İçeriği sorguladıktan sonra sayfayı oluştur let html = res.data.content; wxParser.parse ({ bind: "richText", html: html, hedef: o, enablePreviewImage: true, }) }, (err) = > { // hata });

Sorgulanan içeriği sayfaya dönüştürün:

Bu kadar.

Burada kullanılan yöntem Bir veri tablosu oluşturun ve veri tablosundaki makale kimliklerini manuel olarak ilişkilendirin , Makaleye özel alanların eklenmesi gerekliliğini gerçekleştirmek.

Gelecekte bulutun makale listesini kullanıcılara özel alanlar eklemek için açık hale getirebileceğini umuyorum ki bu daha uygun olacaktır.

"Kağıt havuz" Mini Programı Kullanım Bağlantısı

https://minapp.com/miniapp/3148/

Yukarıdakiler, Wang Chuanlin tarafından paylaşılan "Yunfu Metin İşlevini Öğrenmenin Pratik Deneyimi" dir. Mini program geliştirme becerileri hakkında daha fazla bilgi edinmek istiyorsanız, Xiaoyun WeChat (ID: minsupport) ekleyebilirsiniz, sizi "Bilgi Geliştirme Birliği" grubuna çekeceğim ve aynı gruptaki yazarla iletişim kuracağım.

`` Farkındalık Programı '' genel hesabını takip edin

  • WeChat arka planda yanıtla " Geliştirme ", geliştirme.
  • WeChat arka planda yanıtla " 666 "Bilinen Geliştirme İttifakına katılmak için.
PlayerUnknown's Battlegrounds, önümüzdeki hafta yeni bir anti-hile mekanizması başlatacak Netizenler: Asya sunucu sıralamaları eklentiler tarafından işgal edildi
önceki
DNF: Luke, kör olma! Anlamıyorsanız, bu resme bakın!
Sonraki
Evergrande, Wuguan'ın milli futbol takımında hala başrol oynamasına yardım ediyor mu? 5 kişi temelde ana gücü kilitliyor, SIPG'de 3 kişi kısa listede
Hong Xiuquan neden bir bilim adamı olarak kabul edilmedi, sözlerinden anlayabilirsiniz
Çarşı salonunda geçirilen zamanı hala duyabiliyor musun?
Mini Program resmi hesabı nasıl ilişkilendirir? | Mini Program Soru-Cevap # 42
Zhao Benshanın evinde bir ziyafet düzenlendi ve Chen Huimin ve Liang Xiaolong ile bir içki içti.
DNF: Grandi'nin kralı kim? Hız açısından, bu üç mesleğe oy veriyorum!
Size iki püf noktası öğretin, hızlı bir şekilde güzel bir organizasyon şeması oluşturmayı!
Evergrandenin ulusal kapısı ciddi şekilde yaralandı veya Luneng kapısı tanrısının kılık değiştirmesine yardım etti mi? 4 yıl önce Asya Kupası'na büyük katkılar sağladı
Sınırlı süreli ücretsiz Steam "Metro 2033" klasik kıyamet FPS başyapıtı
Haftalık Kırmızı ve Kara Liste: Wei Shen Snake maaş istiyor, "avlanma" fırtınası dünyayı süpürüyor
Çok uygun! BMW, yeni arabanıza akıllı asistanlar yerleştirmek için Amazon ile işbirliği yaptı
DNF: Bir turdan sonra Luke, bu üç mesleğin hafife alındığını fark etti, çok düşük anahtar!
To Top