首页 > 解决方案 > Blazor 消耗太多内存

问题描述

我正在测试 Blazor,我发现了一些奇怪的东西,可能是我做错了什么,但结果真的很奇怪。这不是虚拟机,只是我的笔记本电脑(Macbook pro 16GB Ram)和 1 个带有 sql server linux 的 docker 容器。

我创建了一个名为 Buildertest 的新组件,其中一个对象作为参数。如果运行该项目,dotnet 至少需要 70 GB 的 RAM 和大量 CPU(这就是奇怪的部分)。通常,Visual Studio 几乎立即将我带到 chrome 的主页,但这次不是。我认为代码很简单:

/index.razor:

@page "/"
@using Loginnmodels2.Data
@inject IModalService Modal

<h1>Hello, world!</h1>

Welcome to your new app.


<buildertest generic_object="a" />

@code
{
    private UserHasCases a = new UserHasCases();
}

Buildertest.cs:

using System;
using Microsoft.AspNetCore.Components.Rendering;
using Microsoft.AspNetCore.Components;
using System.Reflection;

namespace Loginnmodels2.Pages
{
    public class buildertest : ComponentBase
    {
        [Parameter] public Loginnmodels2.Data.UserHasCases generic_object { get; set; }
        private PropertyInfo[] Propiedades;

        protected override void BuildRenderTree(RenderTreeBuilder builder)
        {
            base.BuildRenderTree(builder);
            GetListOfProperties();
            int counter = 0;

            builder.OpenElement(++counter, "table");
            builder.OpenElement(++counter, "tbody");
            foreach (var item in Propiedades)
            {
                builder.OpenElement(++counter, "tr");

                builder.OpenElement(++counter, "td");
                builder.AddContent(++counter, item.Name);
                builder.CloseElement();

                builder.OpenElement(++counter, "td");
                builder.OpenElement(++counter, "Input");
                builder.CloseElement();

                builder.CloseElement();

            }
            builder.CloseElement();
            builder.CloseElement();


        }   

        private void GetListOfProperties()
        {
            Propiedades = new PropertyInfo[5];
            Propiedades = generic_object.GetType().GetProperties();
        }
    }
}

当然我是 Blazor 的新手,但我的猜测是类 buildertest 的参数以某种方式制动了某些东西。

有任何想法吗?我正在使用 Visual Studio for Mac。

活动监视器屏幕截图

在此处输入图像描述

UserHasCases 类:

using System;
using System.ComponentModel.DataAnnotations.Schema;
using System.ComponentModel.DataAnnotations;

namespace Loginnmodels2.Data
{
    public class UserHasCases
    {
        public User usr {get; set;}
        public Case connected_case { get; set; }
        public int Sequence { get; set; }
        
        [Key] [DatabaseGenerated(DatabaseGeneratedOption.Identity)] public Int64 int_counter { get; set; }
    }
}

这是我作为服务创建的类

using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
//using System.Data.Entity;
using Loginnmodels2.Data;
using Microsoft.EntityFrameworkCore;

namespace Loginnmodels2.DataServices
{
    public interface IUserDataService
    {
        Task<List<Data.User>> Get();
        Task<Data.User> Get(string usr_name);
        Task<Data.User> Add(Data.User a);   
        Task<List<Data.UserHasCases>> GetCases(User param_usr);
        void Delete(Data.User a);
    }

    public class UserDataService : IUserDataService
    {
        dbcontext1 _context;

        public UserDataService(dbcontext1 ctx)
        {
            _context = ctx;
        }

        public async Task<List<Data.User>> Get()
        {
            return await _context.Users.ToListAsync();
        }

        public async Task<Data.User> Get(string usr_name)
        {
            return await GetAllUsers().Where(x => x.user_name == usr_name).FirstOrDefaultAsync();
        }

        public async Task<Data.User> Add(Data.User a)
        {
            _context.Users.Add(a);
            await _context.SaveChangesAsync();
            return a;
        }

        public async void Delete(Data.User a)
        {
            _context.Users.Remove(a);
            await _context.SaveChangesAsync();            
        }

        public IQueryable<User> GetAllUsers()
        {
            return _context.Users.AsQueryable();
        }

        private IQueryable<UserHasCases> GetAllCases()
        {
            return _context.UserCaseRelation.AsQueryable();
        }

        public async Task<List<Data.UserHasCases>> GetCases(User param_usr)
        {
            return await GetAllCases().Where(x => x.usr == param_usr).ToListAsync();
        }

        public async Task<List<Data.UserHasCases>> GetAllValidCases()
        {
            return await GetAllCases().Where(x => x.connected_case.is_valid == true).ToListAsync();
        }

    }
}

这是视觉工作室中的设置: vstudio中的设置

标签: blazorvisual-studio-mac

解决方案


就我而言,builder.CloseElement(); 失踪。这会导致 Blazor 应用程序出现奇怪的行为。

添加 CloseElement 后,整个应用程序运行良好。


推荐阅读