我们提供安全，免费的手游软件下载！

安卓手机游戏下载_安卓手机软件下载_安卓手机应用免费下载-先锋下载

当前位置: 主页 > 软件教程 > 软件教程

金海马相机 金海马相机 映月相机 映月相机 琴宛书院 琴宛书院 漫天星漫画 app免费下载无广告 漫天星漫画 app免费下载无广告 四次元动漫 无广告版 四次元动漫 无广告版 韩漫街 2025最新版 韩漫街 2025最新版 鸟鸟韩漫 免费阅读 鸟鸟韩漫 免费阅读 薯条漫画 官方入口 薯条漫画 官方入口 漫酷阅读器 免广告 漫酷阅读器 免广告 随阅小说大全 随阅小说大全

Blazor班级管理页面编写和接口对接详解

来源：网络 更新时间：2024-04-25 09:33:26

上一章节我们已经使用BootstrapBlazor UI组件完成了EasySQLite后台界面的基本搭建。本章节将重点介绍Blazor班级管理页面的编写和接口对接。

七天.NET 8 操作 SQLite 入门到实战详细教程：

  • 第一天 SQLite 简介
  • 第二天 在 Windows 上配置 SQLite 环境
  • 第三天 SQLite 快速入门
  • 第四天 EasySQLite 前后端项目框架搭建
  • 第五天引入 SQLite-net ORM 并封装常用方法
  • 第六天后端班级管理相关接口完善和Swagger自定义配置
  • 第七天BootstrapBlazor UI组件库引入（1）

EasySQLite 项目源码地址

  • GitHub 地址： https://github.com/YSGStudyHards/EasySQLite

Blazor简介和快速入门

不熟悉Blazor的同学可以先看这篇文章大概了解一下。

全面的ASP.NET Core Blazor简介和快速入门

前端Table页面和接口对接代码

主要是常见Table的数据展示、数据添加、数据删除、数据修改等操作。 

@page "/SchoolClass"
@using Entity
@using WebUI.Common
@inject HttpClient _httpClient;

       AutoGenerateColumns="true"
       ShowToolbar="true"
       IsMultipleSelect="true"
       OnSaveAsync="@OnSaveAsync"
       OnQueryAsync="@OnQueryAsync"
       OnDeleteAsync="@OnDeleteAsync"
       IsStriped="true"
       IsBordered="true"
       ShowSearch="true"
       IsPagination="true"
       ShowSearchText="true">

    
        
        
        
    

    
        
            
                
                    
                

            

        
    


@code {
    /// 
    /// 数据查询
    /// 
    /// options
    /// 
    private async Task> OnQueryAsync(QueryPageOptions options)
    {
        var getClass = new List();
        var getResults = await _httpClient.GetFromJsonAsync>>("api/SchoolClass/GetClass").ConfigureAwait(false);
        if (getResults.Success)
        {
            // 数据模糊过滤筛选
            if (!string.IsNullOrWhiteSpace(options.SearchText))
            {
                getClass = getResults.Data.Where(x => x.ClassName.Contains(options.SearchText)).ToList();
            }
            else
            {
                getClass = getResults.Data.ToList();
            }
        }

        //假分页
        return await Task.FromResult(new QueryData()
            {
                Items = getClass.Skip((options.PageIndex - 1) * options.PageItems).Take(options.PageItems).ToList(),
                TotalCount = getClass.Count()
            });
    }

    /// 
    /// 模拟数据增加和修改操作
    /// 
    /// studentInfo
    /// changedType
    /// 
    public async Task OnSaveAsync(SchoolClass studentInfo, ItemChangedType changedType)
    {
        if (changedType.ToString() == "Update")
        {
            var addResult = await _httpClient.PutAsJsonAsync($"api/SchoolClass/UpdateClass/{studentInfo.ClassID}", studentInfo).ConfigureAwait(false);
            if (UtilityBusiness.CheckResponse(addResult))
            {
                return await Task.FromResult(true);
            }
            else
            {
                return await Task.FromResult(false);
            }
        }
        else if (changedType.ToString() == "Add")
        {
            var addResult = await _httpClient.PostAsJsonAsync("api/SchoolClass/CreateClass", studentInfo).ConfigureAwait(false);
            if (UtilityBusiness.CheckResponse(addResult))
            {
                return await Task.FromResult(true);
            }
            else
            {
                return await Task.FromResult(false);
            }
        }

        return await Task.FromResult(true);
    }

    /// 
    /// 数据删除
    /// 
    /// items
    /// 
    private async Task OnDeleteAsync(IEnumerable items)
    {
        var deleteSuccessNum = 0;
        var schoolClassList = items.ToList();
        foreach (var item in schoolClassList)
        {
            var delResult = await _httpClient.DeleteAsync($"api/SchoolClass/DeleteClass/{item.ClassID}").ConfigureAwait(false);
            if (UtilityBusiness.CheckResponse(delResult))
            {
                deleteSuccessNum++;
            }
        }

        if (deleteSuccessNum > 0)
        {
            return await Task.FromResult(true);
        }
        else
        {
            return await Task.FromResult(false);
        }

    }
}

后端API接口

相关资讯

数值分析：线性方程组的直接解法（上）

11-28

JxAudio音频管理系统介绍

11-28

设计模式--原型模式及其编程思想

11-28

单片机独立按键的基本结构和功能

11-27

UI自动化核心内容：Playwright元素定位方法详解

11-27

getent命令：访问系统数据库的实用工具

11-27

KTL 用C++14写公式的K线工具 - 0.9.2版

11-26

Linux系统进程

11-26

解读Graph+AI白皮书：LLM浪潮下，Graph尚有何为？

11-26

VulnHub-Sick0s1.1解法二shellshock漏洞

11-26

热门攻略

独奏第1季评论

独奏第1季评论

  • 火之谜评论 03-23

  • MLB节目24评论 03-23

  • 部落3：竞争对手最终审查 03-20

  • Palm Royale评论 03-20

  • 大盗窃小村庄评论 03-20

    • 热门资讯

    数值分析：线性方程组的直接解法（上）11-28

    设计模式--原型模式及其编程思想11-28

    UI自动化核心内容：Playwright元素定位方法详解11-27

    getent命令：访问系统数据库的实用工具11-27

    KTL 用C++14写公式的K线工具 - 0.9.2版11-26

    热门游戏

    安卓软件
    系统工具 拍照摄影 主题美化 生活服务 趣味娱乐 资讯阅读 育儿母婴 手游辅助
    安卓游戏
    射击枪战 策略塔防 休闲益智 动作闯关 冒险解谜 赛车竞速 手机网游 体育运动
    资讯
    新闻资讯 科技周边
    网站地图
    Copyright © 2007- 2023 www.91xfw.com. All Rights Reserved.苏ICP备20025626号