循序漸進VUE+Element 前端應用開發(31）--- 系統的日志管理，包括登錄日志、接口訪問日志、實體變化歷史日志

本文轉載自查看原文 2021-01-04 16:16 2437 循序漸進VUE+Element

在一個系統的權限管理模塊中，一般都需要跟蹤一些具體的日志，ABP框架的系統的日志管理，包括登錄日志、接口訪問日志、實體變化歷史日志，本篇隨筆介紹ABP框架中這些日志的管理和界面處理。

1、系統登錄日志

在系統每次登錄的時候，我們需要記錄具體的登錄信息，這個一般是系統最基礎的日志管理。

ABP框架提供基礎的登錄日志管理，用戶在進行登陸鑒權的時候，會自動記錄對應的日志，存儲在記錄表AbpUserLoginAttempts中，我們只需要把它提取出來進行展示即可。

我們在Vue前端，定義BaseApi類，然后繼承它實現基礎的接口即可。

列表展示的Vue端的JS邏輯代碼如下所示。

    getlist() { // 列表數據獲取
      var param = { // 構造常規的分頁查詢條件
        SkipCount: (this.pageinfo.pageindex - 1) * this.pageinfo.pagesize,
        MaxResultCount: this.pageinfo.pagesize,
        // 過濾條件
        UserNameOrEmailAddress: this.searchForm.UserNameOrEmailAddress
      };
      // 使用日期范圍選擇控件，在查詢對象增加開始日期CreationTimeStart、結束日期CreationTimeEnd
      this.addDateRange(param, this.searchForm.creationTime)

      // 獲取產品列表，綁定到模型上，並修改分頁數量
      this.listLoading = true
      loginlog.GetAll(param).then(data => {
        this.list = data.result.items
        this.pageinfo.total = data.result.totalCount
        this.listLoading = false
      })
    },

2、接口訪問日志

ABP框架是一個后端的Web API框架，因此需要跟蹤每個接口的具體訪問，包括具體的請求參數和結果等信息，一般我們對接口進行跟蹤和優化管理等等。

ABP框架的接口訪問日志，也是系統基礎提供的記錄日志，它在每次系統接口被調用的時候攔截記錄，記錄信息存儲在AbpAuditLogs中，同樣我們只需要提取出來進行展示即可。

具體的一條接口訪問日志查看界面如下所示。

接口訪問日志，也就是審計日志的前端調用對象和登錄日志的處理類似，只是根據需要增加一些實現的接口。

同樣界面的列表獲取展示邏輯JS代碼如下所示。

    getlist() { // 列表數據獲取
      var param = { // 構造常規的分頁查詢條件
        SkipCount: (this.pageinfo.pageindex - 1) * this.pageinfo.pagesize,
        MaxResultCount: this.pageinfo.pagesize,
        // 過濾條件
        UserNameOrEmailAddress: this.searchForm.UserNameOrEmailAddress
      };
      // 使用日期范圍選擇控件，在查詢對象增加開始日期CreationTimeStart、結束日期CreationTimeEnd
      this.addDateRange(param, this.searchForm.creationTime)

      // 獲取產品列表，綁定到模型上，並修改分頁數量
      this.listLoading = true
      auditlog.GetAll(param).then(data => {
        this.list = data.result.items
        this.pageinfo.total = data.result.totalCount
        this.listLoading = false
      })
    },

3、實體修改歷史日志

除了上面兩種日志外，還有一種是在數據對象發生變化的時候，進行的記錄，叫做實體修改（變化）歷史記錄，記錄存放在表AbpEntityChanges、AbpEntityChangeSets和AbpEntityPropertyChanges中。

實體修改歷史日志如下界面所示。

打開可以詳細查看實體類的屬性變化列表，如下界面所示。

實體修改歷史記錄，系統默認是關閉，需要的話可以在項目模塊的配置中打開，如下代碼所示即可。

            //配置實體修改歷史
            Configuration.EntityHistory.IsEnabled = Constants.EntityHistoryEnabled;
            //使用基類實現IFullAudited的實體類，記錄修改歷史
            Configuration.EntityHistory.Selectors.Add(new NamedTypeSelector("IFullAudited",
                    type => typeof(IFullAudited).IsAssignableFrom(type)));