2020年10月27日

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

摘要:用户在系统登录后,一般会提供一个入口给当前用户更改当前的密码,其实更改密码操作是很简单的一个处理,不过本篇随笔主要是介绍结合前后端来实现这个操作,后端是基于ABP框架的,需要对密码的安全性进行一个设置,否则严格的密码规则非常不友好,毕竟我们系统很多情况下不需要那么复杂的密码规则。 阅读全文

posted @ 2020-10-27 21:47 伍华聪 阅读(519) 评论(2) 推荐(1) 编辑

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

摘要:在我们一般系统中,往往都会涉及到附件的处理,有时候附件是图片文件,有时候是Excel、Word等文件,一般也就是可以分为图片附件和其他附件了,图片附件可以进行裁剪管理、多个图片上传管理,及图片预览操作,如果是其他附件,则只需上传和下载处理即可。本篇随笔基于ABP后端的接口整合,实现前后端的附件上传管理。 阅读全文

posted @ 2020-10-27 15:19 伍华聪 阅读(405) 评论(1) 推荐(5) 编辑

2020年10月26日

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

摘要:在我们开发代码的时候,一般都喜欢进行一定程度的重构,以达到简化代码、关注点分离、提高代码可读性等等方面的考虑,本篇随笔介绍在VUE+Element 前端应用开发过程中,实现简化main.js处理代码,抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中做法。 阅读全文

posted @ 2020-10-26 19:37 伍华聪 阅读(370) 评论(1) 推荐(1) 编辑

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

摘要:在很多应用中,往往都涉及到记录用户所在省份、城市、区县或者街道等信息,一般我们可以通过联动的Select或者类似的界面组件进行展示,或者使用Element中的el-cascader界面组件进行展示,而全国的省份、城市、区县或者街道等信息我们可以通过官方的数据进行获取,可以直接存放在JS里面,也可以存储在自己的数据库里面,最后统一进行联动展示即可。本篇随笔介绍几种组件对省市区县联动处理的效果及做法,可以直接应用在我们项目中,也可以做为一个组件开发的参考学习。希望大家在借鉴使用别人组件的基础上,也丰富自己的组件处理,毕竟Vue赋予我们强大的组件定制能力。 阅读全文

posted @ 2020-10-26 11:06 伍华聪 阅读(664) 评论(5) 推荐(6) 编辑

2020年9月22日

[置顶] 在Winform程序中使用Spire.Pdf实现页面添加印章处理

摘要:在一些场合,我们往往需要使用印章来给每页文档加盖一个印章,以表示该文档经过某个部门的认证的,常规的做法就是打印文档后盖章,如果需要电子档再行扫描一下。这样的处理,如果文档很多,且仅仅需要电子文档的就很麻烦了,需要打印再盖章再扫描,而且电子文档往往有失真的问题。本篇随笔介绍如何在在Winform程序中使用Spire.Pdf实现页面添加印章处理,解决这一痛处。 阅读全文

posted @ 2020-09-22 15:51 伍华聪 阅读(858) 评论(3) 推荐(3) 编辑

2020年9月11日

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

摘要:VUE+Element 前端应用,比较不错的一点就是界面组件化,我们可以根据重用的指导方针,把界面内容拆分为各个不同的组合,每一个模块可以是一个组件,也可以是多个组件的综合体,而且这一个过程非常方便。组件封装的目的就是为了能够更加便捷、快速的进行业务功能的开发。组件(component)是vue的最强大功能之一,组件可以实现一些类似功能的复用及与其它业务逻辑的解耦。本篇随笔介绍前端框架中常用到的一些组件封装处理,用于简化界面、隐藏实现细节的目的。 阅读全文

posted @ 2020-09-11 12:07 伍华聪 阅读(1505) 评论(7) 推荐(11) 编辑

2020年9月9日

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

摘要:世界上唯一不变的东西就是变化,我们通过总结变化的规律,以规律来应付变化,一切事情处理起来事半功倍。我们在开发后端服务代码,前端界面代码的时候,界面都是依照一定的规律进行变化的,我们通过抽取数据库信息,以变化规律拥抱变化的内容。如对于服务端来说,后端代码中类的继承关系和特殊的接口名称规律,我们可以根据用户选中的表,获取表之间的字段和关系信息,生成各种DTO和接口类等代码文件;而前端界面来说,也是依照数据库的表信息、字段信息等内容,实现查询区域、查询列表、新增界面、编辑界面、查看界面、导入导出界面等内容进行相应的生成,并整合相关的界面事件关系,可以实现相关处理的按钮动作处理。本篇随笔介绍如何使用代码生成工具快速生成基于ABP框架的Vue+Element的前端界面。 阅读全文

posted @ 2020-09-09 17:09 伍华聪 阅读(3006) 评论(14) 推荐(14) 编辑

2020年9月2日

[置顶] DevExpress的WidgetView的使用介绍

摘要:很多程序可能都会有一个首页综合展示系统的相关信息,如汇总信息,图表统计、待办业务、提醒信息等内容,在Web上可能叫做Dashboard仪表板,或者首页页面,不管哪种叫法,都是综合展示一些信息,提供一些信息展示或者处理工作的入口,我们在Winform里面,有时候也需要这样的仪表板首页,这个使用DevExpress的控件组的话,可以使用WidgetView控件来实现。 阅读全文

posted @ 2020-09-02 20:26 伍华聪 阅读(938) 评论(2) 推荐(4) 编辑

2020年9月1日

[置顶] ABP开发框架的技术点分析(1)

摘要:ABP是ASP.NET Boilerplate的简称,ABP是一个开源且文档友好的应用程序框架。ABP不仅仅是一个框架,它还提供了一个最徍实践的基于领域驱动设计(DDD)的体系结构模型。ABP框架可以说是.net core整合非常多技术点的一个很好的框架,整个涉及到很多非常多方面的知识。我们来大概了解下ABP框架涉及到的内容。 阅读全文

posted @ 2020-09-01 12:06 伍华聪 阅读(1765) 评论(5) 推荐(13) 编辑

2020年8月24日

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

摘要:循序渐进VUE+Element 前端应用开发的系列文章中,前面介绍了系统各个功能的处理实现,本篇随笔从一个主线上介绍前后端开发的整合,让我们从ABP框架后端的查询接口的处理,前端API接口调用的封装,以及前端Element界面的整个调用过程进行一个完整的介绍。 我们前面介绍了Vue+Element前端的接口是调用后端的ABP框架发布的API接口服务,API接口服务通过Swagger公布对应的接口信息供我们前端开发使用,提供非常好的便利;而我们使用Vue+Element的前端框架,也是需要对后端接口API的调用进行一个简单的抽象基类封装,使得常规的增删改查等常规接口继承基类即可使用,而不需要累赘、重复的代码;另外Vue+Element通过页面进行获取数据的过程中,可以传入对应的API参数条件,如分页信息和查询条件信息,这样就基本满足了一个常规的查询获取数据列表的操作,获得的数据绑定在界面的Table控件上即可。 阅读全文

posted @ 2020-08-24 16:48 伍华聪 阅读(843) 评论(0) 推荐(2) 编辑

2020年7月24日

[置顶] Winform开发中的困境及解决方案

摘要:在我们开发各种应用的时候,都会碰到很多不同的问题,这些问题涉及架构、模块组合、界面处理、共同部分抽象等方面,我们这里以Winform开发为例,从系统模块化、界面组件选择、业务模块场景划分、界面基类和辅助类处理、代码生成工具辅助开发等方面介绍在实际项目开发过程中碰到的困境和相关的解决方案,以便分析其中是如何逐步提高效率和整体用户体验的。 阅读全文

posted @ 2020-07-24 12:02 伍华聪 阅读(4955) 评论(34) 推荐(21) 编辑

2020年7月21日

[置顶] VUE+Element 前端应用开发框架功能介绍

摘要:前面介绍了很多ABP系列的文章《ABP框架使用》,一步一步的把我们日常开发中涉及到的Web API服务构建、登录日志和操作审计日志、字典管理模块、省份城市的信息维护、权限管理模块中的组织机构、用户、角色、权限、菜单等内容,以及配置管理模块,界面的高级查询处理等内容,并根据我们在Winform领域多年的开发经验,完成了系统功能在Winform界面下的实现,并利用工具实现快速的Winform界面生成工作;而在循序渐进VUE+Element 前端应用开发文章《循序渐进VUE+Element》中,则介绍了结合ABP+Vue+Element来构建BS的前端解决方案,通过Vue+Element实现的前端界面展示,界面美观大方;而且业务内容以模块化组装的Web界面,非常利于大型复杂系统的开发,极大提供了效率。 阅读全文

posted @ 2020-07-21 13:10 伍华聪 阅读(1278) 评论(2) 推荐(0) 编辑

2020年7月15日

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

摘要:在一个业务管理系统中,如果我们需要实现权限控制功能,我们需要定义好对应的权限功能点,然后在界面中对界面元素的功能点进行绑定,这样就可以在后台动态分配权限进行动态控制了,一般来说,权限功能点是针对角色进行控制的,也就是简称RBAC(Role Based Access Control)。在前面随笔中,我们介绍了菜单资源,在权限管理系统中,菜单也是属于权限控制的一个资源,其也是作用于角色层面上的。本篇随笔介绍功能点管理及权限控制,功能点是作为一个业务对象数据进行管理,在角色范畴上进行分配,而在界面元素控制上,VUE+Element 前端引入Vue自定义指令Directives进行控制。 阅读全文

posted @ 2020-07-15 16:20 伍华聪 阅读(1296) 评论(2) 推荐(4) 编辑

[置顶] 循序渐进VUE+Element 前端应用开发(17)--- 菜单资源管理

摘要:权限管理系统中,菜单也属于权限控制的一个资源,应该直接应用于角色,和权限功能点一样,属于角色控制的一环。不同角色用户,登录系统后,出现的系统菜单是不同的。在VUE+Element 前端中,我们菜单结合路由集合,实现可访问路由的过滤,也就实现了对应角色菜单的展示和可访问路由的控制,详细可以参考随笔《循序渐进VUE+Element 前端应用开发(3)--- 动态菜单和路由的关联处理》,本篇随笔主要介绍菜单管理模块的界面和相关的实现逻辑。 阅读全文

posted @ 2020-07-15 10:12 伍华聪 阅读(861) 评论(2) 推荐(3) 编辑

2020年7月14日

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

摘要:在前面随笔《循序渐进VUE+Element 前端应用开发(15)--- 用户管理模块的处理》中介绍了用户管理模块的内容,包括用户列表的展示,各种查看、编辑、新增对话框的界面处理和后台数据处理操作,本篇随笔继续深化Vue + Element权限管理模块管理的内容,介绍组织机构和角色管理模块的处理,通过组织机构和角色管理模块的介绍,使得我们了解界面组件化模块的开发思路和做法,提高我们界面设计的技巧,并减少代码的复杂性,提高界面代码的可读性,同时也是利用组件的复用管理。 阅读全文

posted @ 2020-07-14 12:44 伍华聪 阅读(1183) 评论(0) 推荐(2) 编辑

2020年7月13日

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

摘要:在前面随笔介绍了ABP+Vue前后端的整合处理,包括介绍了ABP的后端设计,以及前端对ABP接口API的ES6的封装,通过JS的继承类处理,极大减少了重复臃肿的代码,可以简化对后端API接口的封装,而且前端使用Element组件,很好展示API获得的数据,通过在界面中展示树状列表,以及表格列表数据,可以构建一个很好的列表展示界面,而常规的界面,通过也包括了新增、编辑、查看等展示场景,一般我们通过对话框的方式进行展示处理。本篇随笔以权限管理模块中的用户管理为媒介,进行相关功能的介绍和界面设计的处理。 阅读全文

posted @ 2020-07-13 16:17 伍华聪 阅读(930) 评论(1) 推荐(5) 编辑

2020年7月2日

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

摘要:在前面随笔《循序渐进VUE+Element 前端应用开发(12)--- 整合ABP框架的前端登录处理》简单的介绍了一个结合ABP后端的登陆接口实现前端系统登陆的功能,本篇随笔继续深化这一主题,着重介绍基于ABP后端接口信息,实现对前端界面的开发工作。 ABP(ASP.NET Boilerplate)框架主要是基于.net core 进行的后端Web API的开发,结合Swagger的管理界面我们可以看到发布的 API 的接口明细信息,这样前端技术人员可以很容易整合前端的API应用。Vue + Element的前端应用,是目前较为流行的前端技术整合,Vue提供了前端框架很好的支持,Element提供了非常不错的界面组件封装和处理,通过ABP后端API接口和前端Vue+Element的整合,可以很好实现前后端的分离处理,同时又极大提高各自开发过程,并利用最新、应用广泛的技术来实现最好的技术应用。 阅读全文

posted @ 2020-07-02 11:49 伍华聪 阅读(1327) 评论(0) 推荐(3) 编辑

2020年6月30日

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

摘要:在前面随笔《循序渐进VUE+Element 前端应用开发(12)--- 整合ABP框架的前端登录处理》介绍了一个系统最初接触到的前端登录处理的实现,但往往对整个系统来说,一般会有很多业务对象,而每个业务对象的API接口又有很多,不过简单来说也就是常规的增删改查,以及一些自定义的接口,通用都比较有规律性。而本身我们这个VUE+Element 前端应用就是针对ABP框架的业务对象,因此前端的业务对象接口也是比较统一的,那么可以考虑在前端中对后端API接口调用进行封装,引入ES6的方式进行前端API的抽象简化。本篇随笔主要针对这个方面,介绍前端API接口的封装处理,以便简化我们大量类似的业务接口的累赘代码实现。 阅读全文

posted @ 2020-06-30 17:10 伍华聪 阅读(1309) 评论(4) 推荐(4) 编辑

2020年6月19日

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

摘要:VUE+Element 前端是一个纯粹的前端处理,前面介绍了很多都是Vue+Element开发的基础,从本章随笔开始,就需要进入深水区了,需要结合ABP框架使用(如果不知道,请自行补习一下我的随笔:ABP框架使用),ABP框架作为后端,是一个非常不错的技术方向,但是前端再使用Asp.NET 进行开发的话,虽然会快捷一点,不过可能显得有点累赘了,因此BS的前端选项采用Vue+Element来做管理(后续可能会视情况加入Vue+AntDesign),CS前端我已经完成了使用Winform+ABP的模式了。本篇随笔主要介绍Vue+Element+ABP的整合方式,先从登录开始介绍。 阅读全文

posted @ 2020-06-19 10:13 伍华聪 阅读(1373) 评论(1) 推荐(2) 编辑

2020年6月18日

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

摘要:在VUE+Element 前端应用中,图标是必不可少点缀界面的元素,因此整合一些常用的图标是非常必要的,还好Element界面组件里面提供了很多常见的图标,不过数量不是很多,应该是300个左右吧,因此考虑扩展更多图标,我引入了vue-awesome组件,它利用了Font Awesome的内置图标,实现了更多图标的整合,可以在项目中使用更多的图标元素了,另外在本随笔的图标管理中,提供了对图标名称进行搜索,并根据图标颜色样式生成对应图标的代码,非常方便使用。 阅读全文

posted @ 2020-06-18 16:22 伍华聪 阅读(785) 评论(1) 推荐(5) 编辑

2020年10月27日

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

摘要:用户在系统登录后,一般会提供一个入口给当前用户更改当前的密码,其实更改密码操作是很简单的一个处理,不过本篇随笔主要是介绍结合前后端来实现这个操作,后端是基于ABP框架的,需要对密码的安全性进行一个设置,否则严格的密码规则非常不友好,毕竟我们系统很多情况下不需要那么复杂的密码规则。 阅读全文

posted @ 2020-10-27 21:47 伍华聪 阅读(519) 评论(2) 推荐(1) 编辑

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

摘要:在我们一般系统中,往往都会涉及到附件的处理,有时候附件是图片文件,有时候是Excel、Word等文件,一般也就是可以分为图片附件和其他附件了,图片附件可以进行裁剪管理、多个图片上传管理,及图片预览操作,如果是其他附件,则只需上传和下载处理即可。本篇随笔基于ABP后端的接口整合,实现前后端的附件上传管理。 阅读全文

posted @ 2020-10-27 15:19 伍华聪 阅读(405) 评论(1) 推荐(5) 编辑

2020年10月26日

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

摘要:在我们开发代码的时候,一般都喜欢进行一定程度的重构,以达到简化代码、关注点分离、提高代码可读性等等方面的考虑,本篇随笔介绍在VUE+Element 前端应用开发过程中,实现简化main.js处理代码,抽取过滤器、全局界面函数、组件注册等处理逻辑到不同的文件中做法。 阅读全文

posted @ 2020-10-26 19:37 伍华聪 阅读(370) 评论(1) 推荐(1) 编辑

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

摘要:在很多应用中,往往都涉及到记录用户所在省份、城市、区县或者街道等信息,一般我们可以通过联动的Select或者类似的界面组件进行展示,或者使用Element中的el-cascader界面组件进行展示,而全国的省份、城市、区县或者街道等信息我们可以通过官方的数据进行获取,可以直接存放在JS里面,也可以存储在自己的数据库里面,最后统一进行联动展示即可。本篇随笔介绍几种组件对省市区县联动处理的效果及做法,可以直接应用在我们项目中,也可以做为一个组件开发的参考学习。希望大家在借鉴使用别人组件的基础上,也丰富自己的组件处理,毕竟Vue赋予我们强大的组件定制能力。 阅读全文

posted @ 2020-10-26 11:06 伍华聪 阅读(664) 评论(5) 推荐(6) 编辑

2020年9月22日

在Winform程序中使用Spire.Pdf实现页面添加印章处理

摘要:在一些场合,我们往往需要使用印章来给每页文档加盖一个印章,以表示该文档经过某个部门的认证的,常规的做法就是打印文档后盖章,如果需要电子档再行扫描一下。这样的处理,如果文档很多,且仅仅需要电子文档的就很麻烦了,需要打印再盖章再扫描,而且电子文档往往有失真的问题。本篇随笔介绍如何在在Winform程序中使用Spire.Pdf实现页面添加印章处理,解决这一痛处。 阅读全文

posted @ 2020-09-22 15:51 伍华聪 阅读(858) 评论(3) 推荐(3) 编辑

2020年9月11日

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

摘要:VUE+Element 前端应用,比较不错的一点就是界面组件化,我们可以根据重用的指导方针,把界面内容拆分为各个不同的组合,每一个模块可以是一个组件,也可以是多个组件的综合体,而且这一个过程非常方便。组件封装的目的就是为了能够更加便捷、快速的进行业务功能的开发。组件(component)是vue的最强大功能之一,组件可以实现一些类似功能的复用及与其它业务逻辑的解耦。本篇随笔介绍前端框架中常用到的一些组件封装处理,用于简化界面、隐藏实现细节的目的。 阅读全文

posted @ 2020-09-11 12:07 伍华聪 阅读(1505) 评论(7) 推荐(11) 编辑

2020年9月9日

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

摘要:世界上唯一不变的东西就是变化,我们通过总结变化的规律,以规律来应付变化,一切事情处理起来事半功倍。我们在开发后端服务代码,前端界面代码的时候,界面都是依照一定的规律进行变化的,我们通过抽取数据库信息,以变化规律拥抱变化的内容。如对于服务端来说,后端代码中类的继承关系和特殊的接口名称规律,我们可以根据用户选中的表,获取表之间的字段和关系信息,生成各种DTO和接口类等代码文件;而前端界面来说,也是依照数据库的表信息、字段信息等内容,实现查询区域、查询列表、新增界面、编辑界面、查看界面、导入导出界面等内容进行相应的生成,并整合相关的界面事件关系,可以实现相关处理的按钮动作处理。本篇随笔介绍如何使用代码生成工具快速生成基于ABP框架的Vue+Element的前端界面。 阅读全文

posted @ 2020-09-09 17:09 伍华聪 阅读(3006) 评论(14) 推荐(14) 编辑

2020年9月2日

DevExpress的WidgetView的使用介绍

摘要:很多程序可能都会有一个首页综合展示系统的相关信息,如汇总信息,图表统计、待办业务、提醒信息等内容,在Web上可能叫做Dashboard仪表板,或者首页页面,不管哪种叫法,都是综合展示一些信息,提供一些信息展示或者处理工作的入口,我们在Winform里面,有时候也需要这样的仪表板首页,这个使用DevExpress的控件组的话,可以使用WidgetView控件来实现。 阅读全文

posted @ 2020-09-02 20:26 伍华聪 阅读(938) 评论(2) 推荐(4) 编辑

2020年9月1日

ABP开发框架的技术点分析(1)

摘要:ABP是ASP.NET Boilerplate的简称,ABP是一个开源且文档友好的应用程序框架。ABP不仅仅是一个框架,它还提供了一个最徍实践的基于领域驱动设计(DDD)的体系结构模型。ABP框架可以说是.net core整合非常多技术点的一个很好的框架,整个涉及到很多非常多方面的知识。我们来大概了解下ABP框架涉及到的内容。 阅读全文

posted @ 2020-09-01 12:06 伍华聪 阅读(1765) 评论(5) 推荐(13) 编辑

2020年8月24日

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

摘要:循序渐进VUE+Element 前端应用开发的系列文章中,前面介绍了系统各个功能的处理实现,本篇随笔从一个主线上介绍前后端开发的整合,让我们从ABP框架后端的查询接口的处理,前端API接口调用的封装,以及前端Element界面的整个调用过程进行一个完整的介绍。 我们前面介绍了Vue+Element前端的接口是调用后端的ABP框架发布的API接口服务,API接口服务通过Swagger公布对应的接口信息供我们前端开发使用,提供非常好的便利;而我们使用Vue+Element的前端框架,也是需要对后端接口API的调用进行一个简单的抽象基类封装,使得常规的增删改查等常规接口继承基类即可使用,而不需要累赘、重复的代码;另外Vue+Element通过页面进行获取数据的过程中,可以传入对应的API参数条件,如分页信息和查询条件信息,这样就基本满足了一个常规的查询获取数据列表的操作,获得的数据绑定在界面的Table控件上即可。 阅读全文

posted @ 2020-08-24 16:48 伍华聪 阅读(843) 评论(0) 推荐(2) 编辑

2020年7月24日

Winform开发中的困境及解决方案

摘要:在我们开发各种应用的时候,都会碰到很多不同的问题,这些问题涉及架构、模块组合、界面处理、共同部分抽象等方面,我们这里以Winform开发为例,从系统模块化、界面组件选择、业务模块场景划分、界面基类和辅助类处理、代码生成工具辅助开发等方面介绍在实际项目开发过程中碰到的困境和相关的解决方案,以便分析其中是如何逐步提高效率和整体用户体验的。 阅读全文

posted @ 2020-07-24 12:02 伍华聪 阅读(4955) 评论(34) 推荐(21) 编辑

2020年7月21日

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

摘要:前面介绍了很多ABP系列的文章《ABP框架使用》,一步一步的把我们日常开发中涉及到的Web API服务构建、登录日志和操作审计日志、字典管理模块、省份城市的信息维护、权限管理模块中的组织机构、用户、角色、权限、菜单等内容,以及配置管理模块,界面的高级查询处理等内容,并根据我们在Winform领域多年的开发经验,完成了系统功能在Winform界面下的实现,并利用工具实现快速的Winform界面生成工作;而在循序渐进VUE+Element 前端应用开发文章《循序渐进VUE+Element》中,则介绍了结合ABP+Vue+Element来构建BS的前端解决方案,通过Vue+Element实现的前端界面展示,界面美观大方;而且业务内容以模块化组装的Web界面,非常利于大型复杂系统的开发,极大提供了效率。 阅读全文

posted @ 2020-07-21 13:10 伍华聪 阅读(1278) 评论(2) 推荐(0) 编辑

2020年7月15日

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

摘要:在一个业务管理系统中,如果我们需要实现权限控制功能,我们需要定义好对应的权限功能点,然后在界面中对界面元素的功能点进行绑定,这样就可以在后台动态分配权限进行动态控制了,一般来说,权限功能点是针对角色进行控制的,也就是简称RBAC(Role Based Access Control)。在前面随笔中,我们介绍了菜单资源,在权限管理系统中,菜单也是属于权限控制的一个资源,其也是作用于角色层面上的。本篇随笔介绍功能点管理及权限控制,功能点是作为一个业务对象数据进行管理,在角色范畴上进行分配,而在界面元素控制上,VUE+Element 前端引入Vue自定义指令Directives进行控制。 阅读全文

posted @ 2020-07-15 16:20 伍华聪 阅读(1296) 评论(2) 推荐(4) 编辑

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

摘要:权限管理系统中,菜单也属于权限控制的一个资源,应该直接应用于角色,和权限功能点一样,属于角色控制的一环。不同角色用户,登录系统后,出现的系统菜单是不同的。在VUE+Element 前端中,我们菜单结合路由集合,实现可访问路由的过滤,也就实现了对应角色菜单的展示和可访问路由的控制,详细可以参考随笔《循序渐进VUE+Element 前端应用开发(3)--- 动态菜单和路由的关联处理》,本篇随笔主要介绍菜单管理模块的界面和相关的实现逻辑。 阅读全文

posted @ 2020-07-15 10:12 伍华聪 阅读(861) 评论(2) 推荐(3) 编辑

2020年7月14日

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

摘要:在前面随笔《循序渐进VUE+Element 前端应用开发(15)--- 用户管理模块的处理》中介绍了用户管理模块的内容,包括用户列表的展示,各种查看、编辑、新增对话框的界面处理和后台数据处理操作,本篇随笔继续深化Vue + Element权限管理模块管理的内容,介绍组织机构和角色管理模块的处理,通过组织机构和角色管理模块的介绍,使得我们了解界面组件化模块的开发思路和做法,提高我们界面设计的技巧,并减少代码的复杂性,提高界面代码的可读性,同时也是利用组件的复用管理。 阅读全文

posted @ 2020-07-14 12:44 伍华聪 阅读(1183) 评论(0) 推荐(2) 编辑

2020年7月13日

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

摘要:在前面随笔介绍了ABP+Vue前后端的整合处理,包括介绍了ABP的后端设计,以及前端对ABP接口API的ES6的封装,通过JS的继承类处理,极大减少了重复臃肿的代码,可以简化对后端API接口的封装,而且前端使用Element组件,很好展示API获得的数据,通过在界面中展示树状列表,以及表格列表数据,可以构建一个很好的列表展示界面,而常规的界面,通过也包括了新增、编辑、查看等展示场景,一般我们通过对话框的方式进行展示处理。本篇随笔以权限管理模块中的用户管理为媒介,进行相关功能的介绍和界面设计的处理。 阅读全文

posted @ 2020-07-13 16:17 伍华聪 阅读(930) 评论(1) 推荐(5) 编辑

2020年7月2日

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

摘要:在前面随笔《循序渐进VUE+Element 前端应用开发(12)--- 整合ABP框架的前端登录处理》简单的介绍了一个结合ABP后端的登陆接口实现前端系统登陆的功能,本篇随笔继续深化这一主题,着重介绍基于ABP后端接口信息,实现对前端界面的开发工作。 ABP(ASP.NET Boilerplate)框架主要是基于.net core 进行的后端Web API的开发,结合Swagger的管理界面我们可以看到发布的 API 的接口明细信息,这样前端技术人员可以很容易整合前端的API应用。Vue + Element的前端应用,是目前较为流行的前端技术整合,Vue提供了前端框架很好的支持,Element提供了非常不错的界面组件封装和处理,通过ABP后端API接口和前端Vue+Element的整合,可以很好实现前后端的分离处理,同时又极大提高各自开发过程,并利用最新、应用广泛的技术来实现最好的技术应用。 阅读全文

posted @ 2020-07-02 11:49 伍华聪 阅读(1327) 评论(0) 推荐(3) 编辑

2020年6月30日

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

摘要:在前面随笔《循序渐进VUE+Element 前端应用开发(12)--- 整合ABP框架的前端登录处理》介绍了一个系统最初接触到的前端登录处理的实现,但往往对整个系统来说,一般会有很多业务对象,而每个业务对象的API接口又有很多,不过简单来说也就是常规的增删改查,以及一些自定义的接口,通用都比较有规律性。而本身我们这个VUE+Element 前端应用就是针对ABP框架的业务对象,因此前端的业务对象接口也是比较统一的,那么可以考虑在前端中对后端API接口调用进行封装,引入ES6的方式进行前端API的抽象简化。本篇随笔主要针对这个方面,介绍前端API接口的封装处理,以便简化我们大量类似的业务接口的累赘代码实现。 阅读全文

posted @ 2020-06-30 17:10 伍华聪 阅读(1309) 评论(4) 推荐(4) 编辑

2020年6月19日

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

摘要:VUE+Element 前端是一个纯粹的前端处理,前面介绍了很多都是Vue+Element开发的基础,从本章随笔开始,就需要进入深水区了,需要结合ABP框架使用(如果不知道,请自行补习一下我的随笔:ABP框架使用),ABP框架作为后端,是一个非常不错的技术方向,但是前端再使用Asp.NET 进行开发的话,虽然会快捷一点,不过可能显得有点累赘了,因此BS的前端选项采用Vue+Element来做管理(后续可能会视情况加入Vue+AntDesign),CS前端我已经完成了使用Winform+ABP的模式了。本篇随笔主要介绍Vue+Element+ABP的整合方式,先从登录开始介绍。 阅读全文

posted @ 2020-06-19 10:13 伍华聪 阅读(1373) 评论(1) 推荐(2) 编辑

2020年6月18日

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

摘要:在VUE+Element 前端应用中,图标是必不可少点缀界面的元素,因此整合一些常用的图标是非常必要的,还好Element界面组件里面提供了很多常见的图标,不过数量不是很多,应该是300个左右吧,因此考虑扩展更多图标,我引入了vue-awesome组件,它利用了Font Awesome的内置图标,实现了更多图标的整合,可以在项目中使用更多的图标元素了,另外在本随笔的图标管理中,提供了对图标名称进行搜索,并根据图标颜色样式生成对应图标的代码,非常方便使用。 阅读全文

posted @ 2020-06-18 16:22 伍华聪 阅读(785) 评论(1) 推荐(5) 编辑

导航