六、注冊頁功能制作《仿淘票票系統前后端完全制作(除支付外)》

一、注冊塊內容制作

首先打開在線編輯器進入我們的項目:https://editor.ivx.cn/

上一節已經知道了如何制作登錄塊內容,但是咱們先做還沒有注冊,所以就測試不了登錄塊功能,現在咱們同樣的,在注冊塊中添加一個變量和一個觸發器,這一步是跟登錄塊獲取驗證碼是一樣的,只需要創建一個變量和一個觸發器即可進行倒計時操作:
在這里插入圖片描述
記住,一定要給注冊倒計時變量一個初始值,接下來咱們快速略過一下這些步驟,由于步驟類似,就不做過多的仔細講解。

接著驗證碼文本點擊后對觸發器進行觸發,并且每次減一,需要給與條件,倒計時變量大于 0 就減,否則就重置為最開始的樣子:
在這里插入圖片描述
此時還需要注意的是,你還需要在外部觸發按鈕時增加條件,否則將會一直調用短信服務:
在這里插入圖片描述
此時以上邏輯有一個動作是錯誤的:
在這里插入圖片描述
一定要改為正確的響應:
在這里插入圖片描述

二、注冊功能實現

完成倒計時后咱們開始完成注冊功能的實現。注冊用戶操作也是集成在了用戶組件之中,咱們直接給與注冊按鈕一個事件,點擊后,直接選擇私有用戶,隨后選擇用戶手機注冊選項:

在這里插入圖片描述
接著將會出現參數填寫:
在這里插入圖片描述
對應的講內容填寫進入即可,若沒有的選項可以不用填寫:
在這里插入圖片描述

三、判斷用戶是否注冊成功

那如何判斷用戶是否注冊成功呢?此時咱們需要增加回調,可以理解回調為“一個動作在做一件事后,將會返回的內容”,在 iVX 中的回調,自帶了當前動作執行的效果,是否成功,首先點擊一個動作,再點擊回調即可添加:
在這里插入圖片描述
隨后在回調中添加條件,咱們點擊條件中的輸入框將會彈出返回值信息,選擇是否成功,若是那么則表示注冊成功:
在這里插入圖片描述
若為否咱們彈出注冊失敗原因:
在這里插入圖片描述

四、以上注冊將會出現的bug

以上注冊咱們有一個很大的bug將會導致注冊失敗,咱們可以看一下注冊內容,咱們選擇的手機號碼為當前輸入框的號碼,若我發送短信的號碼跟我現在注冊時填寫的號碼不一致時,將會出現注冊失敗,此時需要咱們自己增加條件對其進行判斷,否則將會出現注冊失敗的后果。

此時可以使用一個變量,用來記錄以發送驗證碼的號碼,首先創建一個變量記錄已發送的驗證碼信息:
在這里插入圖片描述
隨后在獲取驗證碼文本的事件中為已發送驗證碼手機號變量進行賦值:
在這里插入圖片描述
接著在注冊按鈕處添加條件,判斷當前輸入的手機號是否與已發送驗證碼的手機號內容相等,否則將會彈出提示:
在這里插入圖片描述
接著測試賬號注冊,注冊成功后咱們把剩下的登錄功能完成:
在這里插入圖片描述

五、登錄功能完成

登錄的功能和注冊的功能實現類似,只需要調用用戶組件即可,隨后選擇發起手機驗證碼登錄:
在這里插入圖片描述
接著填寫手機號與驗證碼信息:
在這里插入圖片描述
接著添加一個回調判斷是否登錄成功即可:
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/286160.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/286160.shtml
英文地址,請注明出處:http://en.pswp.cn/news/286160.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【MATLAB統計分析與應用100例】案例002:matlab使用xlsread函數讀取excel中的數據

文章目錄 1. 讀取文件excel表中單元格A2:H4中的數據2. 讀取excel第1個工作表中單元格A2:C3中的數據,將數據分別加1后返回3. 讀取excel第1個工作表中單元格A2:H2中的數據,將讀取到的數據分別加1,返回數值矩陣num,文本矩陣txt,元胞數組raw,變換后數值矩陣X1. 讀取文件excel…

美圖秀秀首頁界面按鈕設計(二)

本文實現美圖秀秀首頁中的按鈕,它包含3張圖片和一個文本。通過開發按鈕,我們可以學到iOS的自定義控件,繪制圖片和文本的知識。【聲明:本博客只能用作學習用途,不得用于商業用途,圖片資源均來自官方&#xf…

C語言試題四十一之請編寫一個函數,用來刪除字符串中的所有空格。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

第三方免費加固橫向對比

前言 基于java開發的android應用由于其語言的特性,所以很容易被反編譯,雖然android提供了proguard,但是也只是增加了源碼閱讀的難度,其中業務邏輯依舊可以分析得出。有些人通過各種破解手段將apk文件破解、反編譯,然后…

(02).NET MAUI實戰 布局

1.概要既然要做實戰開發會建項目之后就需要認識布局控件了&#xff0c;本篇文章分享.NET MAUI中的一些基礎常用的布局控件。GridStackLayoutFalyxLayoutAbsoluteLayout2.詳細內容(1)Grid語法&#xff1a;<Grid RowDefinitions"50,50,50,50" RowSpacing"10&qu…

[Javascript] Avoid Creating floats if they are not needed

https://channel9.msdn.com/Series/Practical-Performance-Tips-to-Make-Your-HTMLJavaScript-Faster/06?WT.mc_id13400-DEV-sitepoint-article24 轉載于:https://www.cnblogs.com/yoyohappy/p/5884629.html

七、后臺入口及添加影院實現《仿淘票票系統前后端完全制作(除支付外)》

一、登錄后臺窗口顯示與跳轉 首先打開在線編輯器進入我們的項目&#xff1a;https://editor.ivx.cn/ 上一節已經完成了登錄和注冊功能&#xff0c;在這一節咱們將會實現對應的后臺入口進入和一些后臺功能的制作。 首先咱們需要記錄一下登錄的UID&#xff0c;因為咱們后臺界面…

正則表達式 學習筆記4.3

下面看看逆序環視結構&#xff1a;publicclassGeneralSix { publicstaticvoidmain(String[] args) { String[] strings newString[]{"see","bee","tee"};String[] regexs newString[]{"(?<s)ee","(?<!s)ee"}; for…

【MATLAB統計分析與應用100例】案例003:matlab調用smooth函數進行加噪數據的平滑處理

文章目錄 1. 產生加噪正弦波信號,繪制加噪波形圖2. 利用移動平均法對加噪信號進行平滑處理,繪制平滑波形圖3. 利用lowess方法對加噪信號進行平滑處理,繪制平滑波形圖4. 利用rlowess方法對加噪信號進行平滑處理,繪制平滑波形圖5. 利用loess方法對加噪信號進行平滑處理,繪制…

C語言試題四十二之假定輸入的字符串中只包含字母和*號。請編寫函數fun,它的功能是:將字符串中的前導*號全部移到字符串的尾部。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

linux curl模擬登錄網頁

有時在批量抓取網站頁面內容時&#xff0c;是需要處于登錄狀態的&#xff0c;否則無法獲取。curl這個強大的工具可以完成這個工作。之前最好也先了解一下http POST方法&#xff0c;網站登錄大都是用這個辦法。本文基本上參考這篇文章,來自依云s Blog&#xff0c;是archlinux中文…

APP上架到各大應用商店的小總結

轉自https://blog.csdn.net/niezhipeng8/article/details/79103436 想要把APP上架到應用市場都要先注冊開發者賬號才可以。這里的方法包括注冊帳號和后期上架及一些需要注意的問題。注意&#xff1a;首次提交應用絕對不能隨便刪除&#xff0c;否則后面再提交會顯示應用APP沖突…

八、影片添加頁實現《仿淘票票系統前后端完全制作(除支付外)》

一、影片添加頁 首先打開在線編輯器進入我們的項目&#xff1a;https://editor.ivx.cn/ 上一屆影院添加頁功能已經完成&#xff0c;這一節咱們實現影片添加頁內容。 影片添加頁如下&#xff1a; 該頁面實現起來比較簡單&#xff0c;點擊圖片后使用文件上傳組件進行圖片上傳…

MAUI 通用權限框架(ABP)

簡介眾所周知, MAUI目前發布正式版本了, 那么對應, MAUI對應的ABP框架也應該馬上出現, 這點也恰巧在我的預料之中, 所以在去年年底就開始著手Xamarin.Forms的ABP框架迭代。到目前為止,針對Xamarin.Forms 以及 WPF版本的 ABP框架已經在之前的文章當中給大家介紹過。那么本次主要…

十六、Struts2文件上傳與下載

文件上傳與下載 1.文件上傳前提&#xff1a;<form action"${pageContext.request.contextPath}/*" method"post" enctype"multipart/form-data"> 2.動作類中字段需要符合命名規范 表單字段名&#xff1a;image 動作類&#xff1a;…

C語言試題四十三之求出ss所指字符串中指定字符的個數,并返回此值。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

《Matlab實用案例》系列Matlab從入門到精通實用100例案例教程目錄(持續更新)

文章目錄1. 專欄簡介2. 專欄地址3. 專欄目錄1. 專欄簡介 2. 專欄地址 「 劉一哥與GIS的故事 」之《Matlab使用案例》 3. 專欄目錄 【MATLAB統計分析與應用100例】案例001&#xff1a;matlab使用Importdata函數導入文本txt數據【MATLAB統計分析與應用100例】案例002&#xff…

Quartz2 定時器 《一》(概述)

為什么80%的碼農都做不了架構師&#xff1f;>>> Quartz2 說白了&#xff0c;就是個功能比較完善的定時器&#xff0c;可以通過指定的時間執行指定的任務。 應用范圍 a.比如讓商城的活動&#xff08;對象&#xff09;在指定的時間&#xff08;定時&#xff0…

SQL 數據庫遠程備份 語句

DECLARE DATABakPath VARCHAR(200) N\\192.168.0.22\DataBak --遠程共享目錄&#xff08;備份文件夾根目錄&#xff09; DECLARE UserName VARCHAR(50) N192.168.0.22\dbuser --遠程目錄訪問用戶賬戶 DECLARE UserPwd VARCHAR(50) N123456 --遠程目錄訪問用戶密碼 DECLARE R…

九、為影院添加影片《仿淘票票系統前后端完全制作(除支付外)》

一、數據獲取 首先打開在線編輯器進入我們的項目&#xff1a;https://editor.ivx.cn/ 上一節已展示了影院頁&#xff0c;但是你點擊影院頁進入后將看不到任何數據&#xff0c;這是因為當前影院還未有添加的影片&#xff0c;本節之后將會從頁面開始完成這個功能。 首先我們應…