欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-19 10:34:05
虽然已经可以添加商品分类,但还需进行优化,比如:用户是否输入、输入字符串是否有格式限制等等。 打开添加分类按钮,名称不输入任何字符,直接保存,会发现列表添加一条空记录。在实际项目中,这是不允许出现的事情,我必须对分类名称进行必填限制,但用户没填写时,给予提示信息。 数据验证就涉及客户端和服务端,建议 ......
虽然已经可以添加商品分类,但还需进行优化,比如:用户是否输入、输入字符串是否有格式限制等等。 打开添加分类按钮,名称不输入任何字符,直接保存,会发现列表添加一条空记录。在实际项目中,这是不允许出现的事情,我必须对分类名称进行必填限制,但用户没填写时,给予提示信息。 数据验证就涉及客户端和服务端,建议两端都实现,保存安全性。   客户端验证 首先,来实现客户端验证 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)商品分类管理-数据检验   现在添加分类功能算是完全完成了。下一篇分类编辑