今天我們使用小模塊來制作一個(gè)倒計(jì)時(shí)播放器蚜锨,要求能夠輸入倒計(jì)時(shí)的時(shí)長狈究,控制倒計(jì)時(shí)播放器的暫停與播放薄疚,并且可以重置狀態(tài)重新計(jì)時(shí)股耽。 一.公共數(shù)據(jù) 由于是倒計(jì)時(shí)器女轿,所以我們添加一個(gè)數(shù)...
今天我們使用小模塊來制作一個(gè)倒計(jì)時(shí)播放器蚜锨,要求能夠輸入倒計(jì)時(shí)的時(shí)長狈究,控制倒計(jì)時(shí)播放器的暫停與播放薄疚,并且可以重置狀態(tài)重新計(jì)時(shí)股耽。 一.公共數(shù)據(jù) 由于是倒計(jì)時(shí)器女轿,所以我們添加一個(gè)數(shù)...
之前我們已經(jīng)學(xué)習(xí)了如何使用小模塊丹鸿,今天我們就來用小模塊實(shí)現(xiàn)單項(xiàng)和多項(xiàng)選擇器。 1.公共數(shù)據(jù) 為了能夠?qū)⑦x項(xiàng)列表傳給小模塊和從小模塊中獲取選擇結(jié)果缓呛,這兩者都需要放在公共數(shù)據(jù)之中...
在ivx中很多常用功能都已經(jīng)封裝成了拓展組件供大家使用催享,其實(shí)我們還可以將常用的自定義功能寫成一個(gè)小模塊實(shí)現(xiàn)復(fù)用。在ivx中小模塊有以下分類:前臺(tái)小模塊(相對(duì)定位/絕對(duì)定位)哟绊、...
實(shí)際案例中我們有時(shí)需要將數(shù)據(jù)信息進(jìn)行加密處理因妙,在ivx中是提供了后臺(tái)組件加密,可以將原始的信息以某種算法進(jìn)行改進(jìn),即便秘聞被未授權(quán)用戶獲取攀涵,也無法直接解讀其中的信息內(nèi)容铣耘。 一...
在ivx中除了郵件組件外還提供了短信組件,在應(yīng)用后臺(tái)添加短信組件后以故,可以使用短信組件的發(fā)送短信功能蜗细,向指定的手機(jī)號(hào)碼發(fā)送模板短信。與郵件類似怒详,發(fā)送成功的短信炉媒,會(huì)記錄在短信的數(shù)...
紅包是案例運(yùn)營中經(jīng)常使用到的一種方式,在ivx中提供了紅包組件可以向微信支付用戶發(fā)放現(xiàn)金紅包棘利,用戶領(lǐng)取紅包后橱野,資金會(huì)到達(dá)用戶微信支付零錢賬戶朽缴,和零錢包的其他資金有一樣的使用出...
在ivx中提供了郵件組件善玫,可以向指定的郵箱發(fā)送郵件或者向多個(gè)郵箱發(fā)送多人郵件(即群發(fā)郵件)。郵件組件為后臺(tái)組件密强,我們也可以把它看成是一個(gè)特殊的數(shù)據(jù)庫茅郎,每當(dāng)我們成功發(fā)送一條郵件...
數(shù)據(jù)庫是案例中經(jīng)常用到的后臺(tái)組件,而且往往一個(gè)案例中會(huì)使用多個(gè)數(shù)據(jù)庫存儲(chǔ)數(shù)據(jù)或渤,當(dāng)這些數(shù)據(jù)庫之間有公共字段且存在一定關(guān)系時(shí)我們就會(huì)使用到多表聯(lián)查系冗。 一.多表聯(lián)查 例如下圖,圖片...
券碼是各種營銷案例中經(jīng)常使用到的一種功能薪鹦,不同使用場(chǎng)景下券碼的種類也不盡相同掌敬,不過體現(xiàn)在數(shù)據(jù)形式上每個(gè)券碼都是數(shù)據(jù)庫中的一條數(shù)據(jù),應(yīng)該有唯一的券碼號(hào)字段作為區(qū)分標(biāo)識(shí)池磁,另外通過...
今天要實(shí)現(xiàn)一個(gè)時(shí)間倒退的動(dòng)畫效果奔害,案例初始時(shí)會(huì)顯示當(dāng)前日期,用戶可以從日期選擇器上選擇過去的某一天地熄,開始播放后顯示日期會(huì)逐漸倒退至選中日期华临。主要用到的組件是觸發(fā)器,設(shè)計(jì)思路是...
路由表組件主要用于做SEO(Search Engine Optimization)端考,即搜索引擎優(yōu)化雅潭,讓搜索引擎可以搜索到我們的網(wǎng)頁,一般來說路由表可以直接作為存儲(chǔ)文本內(nèi)容的數(shù)...
之前有講過一個(gè)投票模型扶供,用戶登錄案例可以給候選人投票或者成為候選人,而且每人只有一次投票機(jī)會(huì)裂明,今天我們對(duì)其進(jìn)行一些拓展。(使用ivx實(shí)現(xiàn)投票的經(jīng)驗(yàn)總結(jié)) 一.實(shí)時(shí)展示 原案例...
在一些案例中,我們需要用戶注冊(cè)并登陸才能正常使用功能或者瀏覽信息左腔,之前有用過添加微信公眾號(hào)組件的方式,讓用戶在微信環(huán)境下打開案例發(fā)起微信公眾號(hào)登錄液样,或者將案例的類型選擇為小程...
今天我們來制作一個(gè)影院訂票模型坊秸,模型中用戶可以選擇影片、場(chǎng)次和座位褒搔,并且支持一次預(yù)定多張影票,下面來說一說具體實(shí)現(xiàn)方法喷面。 一.數(shù)據(jù)庫 1.影片庫 在實(shí)際案例中可能需要添加更多...
今天我們要做一個(gè)調(diào)整圖片的demo琳状,要求能夠通過拖動(dòng)圖片的角標(biāo)來實(shí)現(xiàn)旋轉(zhuǎn)和等比放縮的操作,核心設(shè)計(jì)思路就是通過鼠標(biāo)移動(dòng)的位置和圖片原位置的坐標(biāo)進(jìn)行數(shù)學(xué)計(jì)算念逞,重新設(shè)置圖片的寬高...
之前的案例中使用過時(shí)間軸制作動(dòng)畫效果边翁,其實(shí)在ivx中還有一個(gè)滑動(dòng)時(shí)間軸組件,它必須添加在畫布組件下倒彰,雖然也是通過給組件添加軌跡實(shí)現(xiàn)播放效果,不過根據(jù)名字比較容易理解它是通過滑...
地圖組件是常用的UI組件之一,ivx中的地圖組件是調(diào)用了騰訊地圖的API痴晦,具有騰訊地圖的基本功能,除了用于目標(biāo)地點(diǎn)的地圖展示和導(dǎo)航外琳彩,還可用于制作打卡部凑、共享單車等地圖類應(yīng)用。...
在ivx中箱锐,全文搜索經(jīng)常用于實(shí)現(xiàn)論壇 / 博客 / 文章等案例的搜索功能比勉,它會(huì)自動(dòng)根據(jù)用戶的搜索內(nèi)容進(jìn)行分詞和匹配,今天就來說一下具體的使用方法浩聋。 ivx的全文搜索當(dāng)前使用E...
提交表單是非常多案例中都會(huì)使用到的一種功能衣洁,例如活動(dòng)報(bào)名抖仅,提交審核坊夫,問卷調(diào)研等等。其實(shí)它要實(shí)現(xiàn)的最終結(jié)果就是將前臺(tái)輸入的數(shù)據(jù)提交到后臺(tái)的數(shù)據(jù)庫中践樱,今天以這個(gè)極簡(jiǎn)活動(dòng)報(bào)名為例說...
在ivx的案例中,后臺(tái)經(jīng)常使用到的組件就是數(shù)據(jù)庫了屎慢,一些需要持久化保存的數(shù)據(jù)都會(huì)保存在數(shù)據(jù)庫中以便每次打開案例都能讀取到這些數(shù)據(jù),數(shù)據(jù)可能為用戶信息忽洛,操作記錄等等腻惠。今天我們就...