关于Blazor
由于在国内, Blazor一点都不普及, 在阅读此文前, 建议读者先翻看我之前写的随笔, 了解Blazor Server Side的特点.
在一段时间内, 我会写一些解说分析型的 "为什么选择 Blazor Server Side" , 在适当的时候再写快速入门系列.(无论是针对编程新学者还是多年经验人士)
验证码
我们很多场合都实现过图片验证码.
图片验证码的主要关键是呈现图片, 需要一个URL, 而这个URL需要传递参数以确定显示什么东西.
这个验证码如何在服务器保存, 如何传递一个参数公开给客户端, 还不能让别人解密这个参数破解验证码, 都是麻烦事
这个例子是讲述如何用极短的 "单页" 代码, 实现验证过程.
先上图:
再上代码:
1 @page "/BlazorVerificationCode"
2
3
4 (Blazor) A sample for how to show verification code and verify it.
5
6
7 @inject IJSRuntime jsr
8
9 @{
10 if (imgurl == null) MakeNewImage();
11 }
12
13
14
15
16
Type the number in image
17
18
19
20
21
22 @code{
23 string inp_code;
24 string vericode;
25 string imgurl;
26
27 void DoCheck()
28 {
29 string msg = "You typed a wrong value";
30 if (inp_code == vericode)
31 msg = "Yes the number is " + vericode;
32 jsr.InvokeAsync
