循序渐进VUE+Element 前端应用开发(31)--- 系统的日志管理,包括登录日志、接口访问日志、实体变化历史日志 -百度品牌广告推广

循序渐进VUE+Element 前端应用开发(31)--- 系统的日志管理,包括登录日志、接口访问日志、实体变化历史日志

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 循序渐进VUE+Element 前端应用开发(31)--- 系统的日志管理,包括登录日志、接口访问日志、实体变化历史日志

在一个系统的权限管理模块中,一般都需要跟踪一些具体的日志,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
      })
    },
循序渐进VUE+Element 前端应用开发(1)--- 开发环境的准备工作

循序渐进VUE+Element 前端应用开发(2)--- Vuex中的API、Store和View的使用

循序渐进VUE+Element 前端应用开发(3)--- 动态菜单和路由的关联处理

循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产品信息页面的处理

循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查询,列表展示和字段转义处理

循序渐进VUE+Element 前端应用开发(6)--- 常规Element 界面组件的使用

循序渐进VUE+Element 前端应用开发(7)--- 介绍一些常规的JS处理函数

循序渐进VUE+Element 前端应用开发(8)--- 树列表组件的使用

循序渐进VUE+Element 前端应用开发(9)--- 界面语言国际化的处理

循序渐进VUE+Element 前端应用开发(10)--- 基于vue-echarts处理各种图表展示

循序渐进VUE+Element 前端应用开发(11)--- 图标的维护和使用

循序渐进VUE+Element 前端应用开发(12)--- 整合ABP框架的前端登录处理

循序渐进VUE+Element 前端应用开发(13)--- 前端API接口的封装处理

循序渐进VUE+Element 前端应用开发(14)--- 根据ABP后端接口实现前端界面展示

循序渐进VUE+Element 前端应用开发(15)--- 用户管理模块的处理

循序渐进VUE+Element 前端应用开发(16)--- 组织机构和角色管理模块的处理

循序渐进VUE+Element 前端应用开发(17)--- 菜单管理

循序渐进VUE+Element 前端应用开发(18)--- 功能点管理及权限控制  

VUE+Element 前端应用开发框架功能介绍

循序渐进VUE+Element 前端应用开发(19)--- 后端查询接口和Vue前端的整合

使用代码生成工具快速生成基于ABP框架的Vue+Element的前端界面

循序渐进VUE+Element 前端应用开发(20)--- 使用组件封装简化界面代码

循序渐进VUE+Element 前端应用开发(21)--- 省市区县联动处理的组件使用

循序渐进VUE+Element 前端应用开发(22)--- 简化main.js处理代码,抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中

循序渐进VUE+Element 前端应用开发(23)--- 基于ABP实现前后端的附件上传,图片或者附件展示管理

循序渐进VUE+Element 前端应用开发(24)--- 修改密码的前端界面和ABP后端设置处理

循序渐进VUE+Element 前端应用开发(25)--- 各种界面组件的使用(1)

循序渐进VUE+Element 前端应用开发(26)--- 各种界面组件的使用(2)

电商商品数据库的设计和功能界面的处理

循序渐进VUE+Element 前端应用开发(27)--- 数据表的动态表单设计和数据存储

循序渐进VUE+Element 前端应用开发(28)--- 附件内容的管理

循序渐进VUE+Element 前端应用开发(29)--- 高级查询条件的界面设计

部署基于.netcore5.0的ABP框架后台Api服务端,以及使用Nginx部署Vue+Element前端应用

循序渐进VUE+Element 前端应用开发(30)--- ABP后端和Vue+Element前端结合的分页排序处理

循序渐进VUE+Element 前端应用开发(31)--- 系统的日志管理,包括登录日志、接口访问日志、实体变化历史日志

循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理

循序渐进VUE+Element 前端应用开发(33)--- 邮件参数配置和模板邮件发送处理

使用代码生成工具快速开发ABP框架项目

使用Vue-TreeSelect组件实现公司-部门-人员级联下拉列表的处理

使用Vue-TreeSelect组件的时候,用watch变量方式解决弹出编辑对话框界面无法触发更新的问题

 

专注于代码生成工具、.Net/.NetCore 框架架构及软件开发,以及各种Vue.js的前端技术应用。著有Winform开发框架/混合式开发框架、微信开发框架、Bootstrap开发框架、ABP开发框架、SqlSugar开发框架等框架产品。
 转载请注明出处:撰写人:伍华聪  http://www.iqidi.com

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
3月前
|
存储 前端开发 JavaScript
前端的全栈之路Meteor篇(四):RPC方法注册及调用-更轻量的服务接口提供方式
RPC机制通过前后端的`callAsync`方法实现了高效的数据交互。后端通过`Meteor.methods()`注册方法,支持异步操作;前端使用`callAsync`调用后端方法,代码更简洁、易读。本文详细介绍了Methods注册机制、异步支持及最佳实践。
|
4月前
|
存储 前端开发 数据库
前端项目一键换肤vue+element(ColorPicker)
本文介绍了如何在前端项目中实现一键换肤功能,通过使用CSS变量和Element UI的颜色选择器组件(ColorPicker),并结合Vuex进行状态管理和持久化,实现主题颜色的动态切换。
132 3
前端项目一键换肤vue+element(ColorPicker)
|
3月前
|
人工智能 前端开发 JavaScript
前端大模型入门(二):掌握langchain的核心Runnable接口
Langchain.js 是 Langchain 框架的 JavaScript 版本,专为前端和后端 JavaScript 环境设计。最新 v0.3 版本引入了强大的 Runnable 接口,支持灵活的执行方式和异步操作,方便与不同模型和逻辑集成。本文将详细介绍 Runnable 接口,并通过实现自定义 Runnable 来帮助前端人员快速上手。
|
5月前
|
前端开发 JavaScript 应用服务中间件
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
本文介绍如何在uniapp项目中实现谷歌授权登录,无需后端参与。文章分为三部分:1)谷歌授权登录流程,详细说明从用户点击登录到获取用户信息的整个过程;2)谷歌开发者控制台配置,包括创建项目、配置同意屏幕及OAuth客户端ID等步骤;3)uniapp前端实操,提供具体代码示例,展示如何获取授权码并用其交换访问令牌,最终获取用户信息
260 2
【uniapp】谷歌授权登录,前端uniapp直调(含源码)
|
4月前
|
存储 JSON 前端开发
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
本文介绍了在Node.js中使用token实现前端验证码和登录功能的详细流程,包括生成验证码、账号密码验证以及token验证和过期处理。
87 0
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
|
4月前
|
Java
日志框架log4j打印异常堆栈信息携带traceId,方便接口异常排查
日常项目运行日志,异常栈打印是不带traceId,导致排查问题查找异常栈很麻烦。
|
5月前
|
开发者 C# Android开发
明白吗?Xamarin与Native的终极对决:究竟哪种开发方式更适合您的项目需求,让我们一探究竟!
【8月更文挑战第31天】随着移动应用开发的普及,开发者面临多种技术选择。本文对比了跨平台解决方案Xamarin与原生开发方式的优势与劣势。Xamarin使用C#进行跨平台开发,代码复用率高,可大幅降低开发成本;但因基于抽象层,可能影响性能。原生开发则充分利用平台特性,提供最佳用户体验,但需维护多套代码库,增加工作量。开发者应根据项目需求、团队技能和预算综合考量,选择最适合的开发方式。
139 0
|
5月前
|
JavaScript 前端开发 开发者
决战前端之巅!Element UI与Vuetify谁才是Vue.js组件界的霸主?一场关于颜值与实力的较量!
【8月更文挑战第30天】本文对比了两款热门的Vue.js组件库——Element UI与Vuetify。Element UI由饿了么团队打造,提供多种高质量UI组件,设计简洁大方。Vuetify基于Material Design规范,支持Vue.js 2.0及3.0版本,具备前瞻性。两者均涵盖表单、导航、数据展示等组件,Element UI配置选项丰富,而Vuetify则提供了更深层的样式定制功能。开发者可根据项目需求及个人偏好选择合适的组件库。
413 0
|
3月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
247 14
|
3月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
69 0

热门文章

最新文章

相关内容推荐

电商优化和网站有什么区别梅州企业网站关键词优化公司鼎湖网站建设优化石阡网站关键词优化价格郑州网站seo优化技巧小语种优化网站网站被k如何优化优化图片传网站网站排名优化金苹果靠谱网站排名优化复炕云速捷高手云浮网站优化专家优化公司网站就约火17星嘉峪关网站优化哪家好宁波宁海县网站优化广东网站优化方式网站优化工作怎么处理德州原装网站优化公司新乡网站优化靠谱的重庆网站最新优化方法石景山网站关键词优化价格PMPM网站优化策略松江区搜索引擎网站优化定制网站的优化就找j火21星赞清水河网站优化哪家好上海谷歌网站优化方案定制南通网站优化建议湛江外贸网站关键词优化方法廊坊网站排名优化费用项城网站排名优化费用情况新媒体 优化个人网站在网站优化时我们会遇到的问题绍兴网站seo优化方案成都网站优化企业外贸网站优化推广平台网站seo关键词如何优化安庆网站排名优化哪个品牌好苏州手机网站优化高埗五金网站优化公司好吗黄岛网站优化哪家好网站seo优化俱乐部资阳做优化网站软件上海网站改版优化东城网站seo优化网站建设优化就找s火21星赞山东专业网站优化报价松滋优化网站排名阜新网站优化软件太原网站优化电池广昌网站优化渠道深圳知名网站优化费用博客网站优化方案漳平网站优化公司对网站的搭建方式进行优化资阳做优化网站软件网站建设和优化服务网站优化推广前程网站seo优化时标题如何修改东门官方网站优化怎么做一个优化的网站同程旅游网站SEO优化方案重工机械网站优化案例资阳企业网站优化公司优化网站咨询h火14星妙手如何快速优化网站收率库尔勒网站自然优化媒体网站优化及营销方案新乡关键词网站优化系统东莞实力强的网站关键词优化华容区网站做优化要多少钱怀化网站首页优化长沙大型网站的优化中山网站站内优化广州优化seo网站大师优化网站seo网站优化的博客武清网站优化价格网站怎么优化品牌汕头市网站seo优化报价铜仁地区网站优化公司网站如何优化title外贸网站英文优化西安网站标题优化开县企业网站优化庐阳区网站优化河南专业的seo网站优化价格驻马店网站优化推广公司北京优化网站多少钱常州网站技术优化威海高端网站优化优化排名网站73云犭速犭捷永康知名百度网站优化品牌宣城网站优化哪家好岑溪网站怎么优化沈阳网站优化推广公司沧州专业的网站优化天桥区网站优化优化网站建设机构龙华网站优化企业常宁如何优化网站有经验的网站优化推广sns网站和性能优化的区别虹口区公司官方网站优化机构江西网站建设优化服务网站优化怎么做才能有流量大港区网站优化迁安知名的网站优化有哪些出口型网站seo优化公司抚顺网站seo站内优化吉利区网站优化排行深圳免费网站优化哪家好58网站优化泉州网站seo优化方案鲤城区网站seo优化排名西藏济南网站优化外包公司网站权重优化方式石景山网站优化多少钱福田外贸网站优化方案南京百度网站优化软件菏泽网站优化怎么做新北网站优化有用吗网站优化排名易下拉系统一快速优化网站怎么收费平湖百度网站优化地址扬州网站优化商家嘉峪关网站排名优化公司网站优化挣钱吗对企业网站首页的优化优化网站怎么建站昆明网站优化电池上海专业seo网站优化推广陕西价格低的网站优化专业公司武昌网站优化公司服务笋岗如何进行网站优化西安网站优化多少钱安康网站搜索引擎优化铅山网站网络推广优化网站的优化仔细云速捷宝典阳江交通设备网站seo优化青岛专业网站优化服务沂水网站优化推广渝北区网站优化公司哪家好太仓网站优化售后服务自己做的网站竞价优化广州白云区网站优化广州优化网站排名哪家公司好正规的企业网站优化哪家好邯郸网站优化名列前茅鄂州网站优化推广哪家好专业网站搜索引擎优化网站建设与优化步骤企业优化网站排行网站优化企业宣传片网站制作网站优化时关键词密度陇西网站seo优化临沂专业网站优化公司刷手机网站优化点长春网站建设优化哪家好站长如何做优化网站排名免费网站优化怎么样许昌搜狗seo网站优化公司如何给自己网站做优化兴化市网站优化哪家好网站优化多少钱关键词用什么网站可以看到优化效果阿勒泰市网站seo优化排名优化网站被降权怎么办石阡网站优化公司盐城seo网站优化费用贵不贵罗湖产品网站优化需要多少钱网站优化器是优化什么的网站商品关键词优化合肥网站怎么优化优化网站建设认定金苹果专业深圳如何做网站优化高青外贸英文网站优化厂家网站优化后期维护定制版网站优化方案株洲企业优化网站开源网站排名优化广元网站优化定做网站列表页怎么进行seo优化无锡网站关键词优化工作室闸北区佛山网站优化竞价推广荆门市网站排名优化如何优化网站排名哪个公司好扬州网站优化工作室荣成网站优化福州seo网站排名优化黄浦区网站关键词排名优化玉林湖南网站优化推广优化资料哪个网站好永城网站优化怎么做企业做网站优化的意义和必要性网站优化排名易下拉软件台州专业的百度seo网站优化单页网站seo如何优化排名一个网站优化甘肃快速网站优化巩义网站优化价格网站链接结构如何优化

合作伙伴

百度品牌广告推广

龙岗网络公司
深圳网站优化
龙岗网站建设
坪山网站建设
百度标王推广
天下网标王
SEO优化按天计费
SEO按天计费系统