asp.net-mvc - asp.net identity 如何判断一个用户是否有 'read notification'？

Question

我在算法或在我的网站中实现特定“通知”功能的最佳方法方面遇到了一些麻烦。

目前，我正在使用 asp.net 身份允许用户在我的网站上注册(我知道这不是什么新鲜事)。

但从功能的角度来看，我认为添加一个通知部分会很有用。但是，我对如何在从数据库中删除它之前确保“该用户已经看到它”感到有些困惑......

我有一个像这样的表:

+------------------------------------------------+
| NotificationID  | Notification   | remove      |
| <int, auto      | <text>         | <bit>       |
|  increment>     |                |             |
+------------------------------------------------+
|                 |                |             |
+------------------------------------------------+

我正在使用 ajax 将其添加到我的 _layout.cshtml 页面..

我呈现的 html 看起来像这样:

$(document).ready(function () {
            $('.navbar').click(function () {
                $(this).toggleClass("openNav");
            });
            
            updateSideBar();
            $(document).on('click', '.rightSidebar .close', function (e) {
                var val = parseInt($('.rightSidebar .tog').attr("data-cont"));
                val = val - 1;
                $('.rightSidebar .tog').attr("data-cont", val);
                $(this).parent().remove();

                var countthi = $('.rightSidebar .right-content').size();
                $('.rightSidebar .tog').attr("data-cont", countthi);
                if(countthi < 1)
                {
                    $('.rightSidebar .tog').attr("data-cont", "");
                    $('.rightSidebar').removeClass("sidebaractive");
                }
            });

            function updateSideBar() {
                var countthi = $('.rightSidebar .right-content').size();
                $('.rightSidebar .tog').attr("data-cont", countthi);
            }
            $('.rightSidebar .tog').click(function () {
                $('.rightSidebar').toggleClass("sidebaractive");
            });
        });

.rightSidebar {
     position:absolute;
     top:100px;
     right:-190px;
     background:rgba(34,34,34,1);
     transition:all 0.6s;
     width:200px;
     z-index:10;
     height:0px;     
     border:5px double cornflowerblue;
     border-right:none;
 }
 .right-content {
     width:90%;
     padding-bottom:10px;
     padding-top:10px;
     margin-left:-webkit-calc(10% - 5px);
     margin-left:calc(10% - 5px);
     position:relative;
     margin-top:10px;
    transition:all 0.6s;
     border-left:5px double rgba(255, 255, 255, 0.1);
 }
.right-content:hover{
  background:rgba(255,255,255,0.1)
}
 .close {
     display:inline-block;
     position:absolute;
     top:0;
     right:0;
     height:20px;
     width:20px;
     cursor:pointer;
     border-radius:50%;
     z-index:10;
 }
 .close:before, .close:after {
     content:"";
     position:absolute;
     top:0;
     left:-webkit-calc(50% - 2px);
     left:calc(50% - 2px);
     width:4px;
     height:100%;
     cursor:pointer;
     background:rgba(255, 255, 255, 0.2);
 }
 .close:before {
     -webkit-transform:rotate(45deg);
     transform:rotate(45deg);
 }
 .close:after {
     -webkit-transform:rotate(-45deg);
     transform:rotate(-45deg);
 }

 .sidebaractive {
     right:0px;
     height:50vh;    
 }
 .tog{
     position:absolute;
     top:-30px;
     left:-30px;
     height:40px;
     width:40px;
     border-radius:50%;
     transition:all 0.6s;
     background:rgba(34,34,34,1);
     border:5px double rgba(255,255,255,0.1);
     overflow:hidden;
     color:gold;
 }
 .tog:hover:before{
     background:rgba(255,255,255,0.1);
 }
 .tog:before{
     content:attr(data-cont);
     top:0px;
     left:0px;
     height:40px;
     width:40px;
     position:absolute;
     text-align:center;
     line-height:40px;
 }
 .sidebaractive .tog{
     border:5px double lightgray;
 }
  .sidebaractive:before{
content:"";
     position:absolute;
     bottom:-30px;
     left:-30px;
     height:40px;
     width:40px;
     border-radius:50%;
     transition:all 0.6s;
     background:rgba(34,34,34,1);
     border:5px double cornflowerblue;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="rightSidebar" data-cont="">
        <div class="tog"></div>
        
            <div id="divResult"></div>
        
    </div>

---

渲染标记:

---

但是，我的问题是我在表中显示所有“通知”，随后当我从我的 View 中删除时，它也会从其他所有人中删除..

我的问题是:我该如何设计才能知道“用户 A”和“用户 B”都删除了它(因此它们不再出现)。

但是，用户C暂时没有登录，所以我不想让他们错过。

所以在这种情况下，用户 A 和 B 已将其关闭/从他们的 View 中删除，但是当用户 C 登录时，他们仍然可以看到它，直到他们也将其删除？

有没有办法迭代和选择还没有删除的用户？

我正在考虑包括一个“所有没有看过它的人的数组”，并将其保存在数据库中的单独列中。一旦他们“删除它”，将它们从列表中删除。但这似乎非常效率低下，尤其是当网站随着用户的增长而增长时。

有人可以就如何实现这一目标提出建议吗？

Answer 1

我在我的应用程序中实现了类似的东西，并且设计符合目的。

我得到了以下数据库表，该表存储用户和通知之间的映射，并带有一个标志，无论该用户是否已确认。 NotificationId 来自 NotificationMessage 表，该表存储通知详细信息，如 messageText、startDate、endDate。

我查询此表以检查基于 userId 的已登录用户的待处理通知，并在 IsAcknowledged = false 的位置向他们显示通知。

希望对您有所帮助。