ASP.NET Zero--11.一个例子(4)商品分类管理-数据检验

时间:2022-08-31 09:36:50
虽然已经可以添加商品分类,但还需进行优化,比如:用户是否输入、输入字符串是否有格式限制等等。
打开添加分类按钮,名称不输入任何字符,直接保存,会发现列表添加一条空记录。在实际项目中,这是不允许出现的事情,我必须对分类名称进行必填限制,但用户没填写时,给予提示信息。
数据验证就涉及客户端和服务端,建议两端都实现,保存安全性。
 

客户端验证

首先,来实现客户端验证

1.打开视图_CreateModal.cshtml

【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Views\Category\_CreateModal.cshtml】
在input中修改如下代码:
<input class="form-control" type="text" name="Name" required>

2.打开_CreateModal.js

【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Views\Category\_CreateModal.js】
在this.save中添加如下代码:
this.save = function () {
//验证不通过返回
if (!_$categoryForm.valid()) {
    return;
}

 

3.测试

保存文件,现在点击添加分类按钮,不输入任何字符,效果如下:
ASP.NET Zero--11.一个例子(4)商品分类管理-数据检验
 
鼠标点击Input框
 
ASP.NET Zero--11.一个例子(4)商品分类管理-数据检验
 

服务端验证

现在客户端已经实现了必填验证,虽然不影响使用,但不排序一些人不按套路出牌,他们可以绕过客户端验证,直接提交表单,这里不多解释。总之服务端验证也必须完善,接下来实现服务端验证。

1.加注解

服务端验证实现也比较简单,打开CreateCategoryInput.cs【..\MyCompanyName.AbpZeroTemplate.Application\CategoryApp\Dto\CreateCategoryInput.cs】
添加如下代码:
[Required]
public string Name { get; set; }

 

2.取消客户端验证

为了验证服务端是否生效,这里把客户端验证取消,打开文件_CreateModal.js【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Views\Category\_CreateModal.js】
修改this.save,把表单验证代码备注掉
//if (!_$categoryForm.valid()) {
    //    return;
//}

 

3.验证

生成项目,刷新页面,再点击添加分类按钮,直接点保存,如下图:
ASP.NET Zero--11.一个例子(4)商品分类管理-数据检验
 
这样服务端验证已经生效,至此已经实现添加分类的数据验证功能。然而功能还没完成,接下来实现分类名称唯一性,就是说分类名称不可重复。
 

4.打开文件

CategoryAppService.cs【..\MyCompanyName.AbpZeroTemplate.Application\CategoryApp\CategoryAppService.cs】
修改CreateCategory方法为如下:
public void CreateCategory(CreateCategoryInput input)
{
            int count=_categoryRepository.Count(a => a.Name.Equals(input.Name));
            if (count > 0)
            {
                throw new UserFriendlyException("分类名称已存在!");
            }
            _categoryRepository.Insert(new Category()
            {
                Name = input.Name
            });
}

 

5.测试

生成项目,刷新页面,点击添加分类按钮,输入一个已存在的分类,如下提示:
ASP.NET Zero--11.一个例子(4)商品分类管理-数据检验
 
现在添加分类功能算是完全完成了。下一篇分类编辑