WPF MVVM制作發(fā)送短信小按鈕
更新時間：2016年11月11日 16:02:53 作者：眾尋
這篇文章主要為大家詳細介紹了WPF MVVM發(fā)送短信小按鈕的制作方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下
最近做一個項目，因為涉及到注冊，因此需要發(fā)送短信，一般發(fā)送短信都有一個倒計時的小按鈕，因此，就做了一個，在此做個記錄。
一、發(fā)送消息
沒有調用公司的短信平臺，只是模擬前臺生成一串數字，將此串數字輸出一下。
在這個部分寫了兩個類文件：一個是生成隨機數，一個是模擬發(fā)送此數字的。
1、因為生成幾位隨機數，是必須要到項目上線之前才能定的，因此，寫了一個帶參數的函數，如下
/// <summary>
/// 生成隨機驗證碼
/// </summary>
public static class RandomCode
{
/// <summary>
/// 返回一個N位驗證碼
/// </summary>
/// <param name="N">位數</param>
/// <returns></returns>
public static string RandomCodeCommand(int N)
{
string code = "";
Random random = new Random();
for (int i = 0; i < N; i++)
{
code += random.Next(9);
}
return code;
}
}
2、模擬發(fā)送此串數字。
這個類里面用了兩個Timer函數，一個是用作Button的倒數顯示的，另一個是用作保存這個驗證碼時長的。
在記錄驗證碼的同時，還需要記錄發(fā)送驗證碼的手機號，以防止，用戶用第一個手機號點擊了發(fā)送驗證碼后，把手機號部分修改為其他的手機號。
public class SendRandomCode : ViewModelBase
{
private int _interval;//記錄倒計時長
private string idCode;//在規(guī)定時間內保存驗證碼
private int idCodeTime;//設置驗證碼的有效時間（秒）
private int idCodeNum = 6;//設置驗證碼的位數
public void GetCode(string phoneNum)
{
//獲取驗證碼
timerSend = new Timer(1000);
timerSend.AutoReset = true;
timerSend.Elapsed += Timer_Elapsed;
_interval = SecondNum;
timerSend.Start();
//在驗證碼有效期內，再次請求驗證碼，需要先關閉上一次的
if (timerTime != null)
{
timerTime.Close();
timerTime.Dispose();
}
//驗證碼的有效期
timerTime = new Timer(1000);
timerTime.AutoReset = true;
timerTime.Elapsed += TimerTime_Elapsed;
timerTime.Start();
idCodeTime = SaveTime;
IdCode = RandomCode.RandomCodeCommand(idCodeNum);
PhoneNum = phoneNum;
}
#region 獲取驗證碼倒計時
Timer timerSend;
Timer timerTime;
private void Timer_Elapsed(object sender, ElapsedEventArgs e)
{
BtnIsEnable = false;
BtnContent = "(" + (_interval--) + ")秒后再次獲取驗證碼";
if (_interval <= -1)
{
BtnIsEnable = true;
BtnContent = "獲取驗證碼";
timerSend.Stop();
timerSend.Dispose();
}
//throw new NotImplementedException();
}
private void TimerTime_Elapsed(object sender, ElapsedEventArgs e)
{
idCodeTime--;
if (idCodeTime <= 0)
{
IdCode = "";
timerTime.Stop();
timerTime.Dispose();
}
Console.WriteLine(IdCode);
//throw new NotImplementedException();
}
#endregion
#region 字段
//*************************************************************************************************//上線時需要修改
private int secondNum = 30;//設置倒計時長
private int saveTime = 60;//設置保存驗證碼時長
//*************************************************************************************************//
private string btnContent = "獲取驗證碼";//設置獲取驗證碼按鈕顯示的名稱
private bool btnIsEnable = true;//設置獲取驗證碼按鈕是否可用
private string phoneNum;//記錄是否是發(fā)送驗證碼的手機號
public int SecondNum
{
get
{
return secondNum;
}
set
{
secondNum = value;
}
}
public int SaveTime
{
get
{
return saveTime;
}
set
{
saveTime = value;
}
}
public string BtnContent
{
get
{
return btnContent;
}
set
{
btnContent = value;
RaisePropertyChanged("BtnContent");
}
}
public bool BtnIsEnable
{
get
{
return btnIsEnable;
}
set
{
btnIsEnable = value;
RaisePropertyChanged("BtnIsEnable");
}
}
public string IdCode
{
get
{
return idCode;
}
set
{
idCode = value;
RaisePropertyChanged("IdCode");
}
}
public string PhoneNum
{
get
{
return phoneNum;
}
set
{
phoneNum = value;
RaisePropertyChanged("PhoneNum");
}
}
#endregion
}
二、XAML頁面代碼
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<StackPanel Grid.Row="0" HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal">
<Label Content="手機號"/>
<TextBox Text="{Binding PhoneNum}" Height="20" Width="100"/>
<Button Content="{Binding Src.BtnContent}" IsEnabled="{Binding Src.BtnIsEnable}" Command="{Binding SendCode}" Height="20" Width="120"/>
</StackPanel>
<StackPanel Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal">
<Label Content="驗證碼"/>
<TextBox Text="{Binding IdentifyCode}" Height="20" Width="100"/>
<Button Content="提交" Command="{Binding Submit}" Height="20" Width="120"/>
</StackPanel>
</Grid>
三、VM頁面代碼
VM頁面沒有什么特別的，就是聲明了一些字段，
特別注意的是，由于前臺的XAML頁面上的發(fā)送短信按鈕是需要倒計時的，因此Button的Content和IsEnable需要綁定到SendRandomCode這個類上，所以需要在VM下聲明一下這個類
public class BingVM: ViewModelBase
{
#region 界面字段
private string phoneNum;//手機號
private string identifyCode;//驗證碼
public string PhoneNum
{
get
{
return phoneNum;
}
set
{
phoneNum = value;
RaisePropertyChanged("PhoneNum");
}
}
public string IdentifyCode
{
get
{
return identifyCode;
}
set
{
identifyCode = value;
RaisePropertyChanged("IdentifyCode");
}
}
#endregion
#region 為獲取驗證碼按鈕設置content和isEnable用的
SendRandomCode src = new SendRandomCode();
public SendRandomCode Src
{
get { return src; }
set
{
src = value;
}
}
#endregion
private RelayCommand sendCode;//獲取驗證碼
public RelayCommand SendCode
{
get
{
return sendCode ?? (sendCode = new RelayCommand(
() =>
{
if (!string.IsNullOrEmpty(PhoneNum))
{
src.GetCode(PhoneNum);
}
else
{
MessageBox.Show("手機號不能為空！");
}
}));
}
}
private RelayCommand submit;
public RelayCommand Submit
{
get
{
return submit ?? (submit = new RelayCommand(
() =>
{
if (IdentifyCode == src.IdCode && PhoneNum == src.PhoneNum)
{
MessageBox.Show("驗證成功");
}
else
{
MessageBox.Show("驗證失敗");
}
}));
}
}
}
四、效果展示
上面是成功的效果圖。
驗證失敗的情況如下：
1、如果在發(fā)送驗證碼的過程中，把手機號修改了，填入原有的驗證碼
2、如果輸入的驗證碼不是程序輸出的驗證碼
3、時間超過了驗證碼的保存時間
BUG修復：
剛才在測試的過程中發(fā)現了一個問題，由于我們做的主程序是調用模塊的DLL文件生成磁貼的，而主程序的返回按鈕，不會關閉掉當前磁貼的所有線程，導致當返回再進入此磁貼時，再次點擊發(fā)送按鈕，則會再次出現一個驗證碼，解決方式很簡單：修改SendRandomCode代碼，在Timer timerTime;前加static，是其成為靜態(tài)的。這樣再次點擊時，就是知道線程已存在，先關閉再發(fā)送。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了C#調用VB進行簡繁轉換的方法,通過調用VB的動態(tài)鏈接庫實現繁簡轉換的技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
這篇文章主要給大家介紹了關于C#連接SQL Server的實現方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
基于Unity Line Renderer組件的常用屬性說明
這篇文章主要介紹了基于Unity Line Renderer組件的常用屬性說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-04-04
最近在開發(fā)過程中遇到一個需要做帶權隨機的處理,本文主要介紹了C#根據權重抽取隨機數，具有一定的參考價值，感興趣的可以了解一下2024-02-02
本文給大家整理了幾種字符串截取方法,?(Substring);(Remove);(Replace)方法和split方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
這篇文章主要為大家詳細介紹了C#如何實現Excel合并單元格數據導入數據集,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-01-01
這篇文章主要給大家介紹了關于C# 4.0新特性“缺省參數”的實現，文中通過示例代碼介紹的非常詳細，對大家學習或者使用C# 4.0具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-06-06
這篇文章主要為大家詳細介紹了C#使用AutoResetEvent實現同步的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
近來工作需要判斷圖片否是是彩色的，由于是十萬張以上的大批量理處，所以通過序程來動自判斷。2013-05-05
這篇文章介紹了C#中間語言及ILDASM工具用法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-01-01