wuhuacong(伍华聪)的专栏

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

摘要： 在我们做应用系统的时候，往往都会涉及图表的展示，综合的图表展示能够给客户带来视觉的享受和数据直观体验，同时也是增强客户认同感的举措之一。基于图表的处理，我们一般往往都是利用对应第三方的图表组件，然后在这个基础上为它的数据模型提供符合要求的图表数据即可，VUE+Element 前端应用也不例外，我们这里使用了基于vue-echarts组件模块来处理各种图表vue-echarts是对echarts图表组件的封装。 阅读全文

摘要： 我们开发的系统，一般可以不用考虑语言国际化的问题，大多数系统一般是给本国人使用的，而且直接使用中文开发界面会更加迅速 一些，不过框架最好能够支持国际化的处理，以便在需要的时候，可以花点时间来实现多语言切换的处理，使系统具有更广泛的受众用户。VUE+Element 前端应用实现国际化的处理还是非常方便的，一般在Main.js函数里面引入语言文件，然后在界面上进行一定的处理，把对应的键值转换为对应语言的语义即可。本篇随笔介绍在VUE+Element 前端应用中如何实现在界面快速的支持多语言国际化的处理逻辑代码。 阅读全文

摘要： 在我前面随笔《循序渐进VUE+Element 前端应用开发(6）--- 常规Element 界面组件的使用》里面曾经介绍过一些常规的界面组件的处理，主要介绍到单文本输入框、多文本框、下拉列表，以及按钮、图片展示、弹出对话框、表单处理，本篇随笔补充这一个主题，介绍树列表组件和下拉列表树组件在项目中的使用，以及一个SplitPanel的组件。 阅读全文

摘要： 在我们使用VUE+Element 处理界面的时候，往往碰到需要利用JS集合处理的各种方法，如Filter、Map、reduce等方法，也可以涉及到一些对象属性赋值等常规的处理或者递归的处理方法，以前对于这些不是很在意，但往往真正使用的时候，需要了解清楚，否则很容易脑袋出现短路的情况。本篇随笔列出一些在VUE+Element 前端开发中经常碰到的JS处理场景，供参考学习。 阅读全文

摘要： 在我们开发BS页面的时候，往往需要了解常规界面组件的使用，小到最普通的单文本输入框、多文本框、下拉列表，以及按钮、图片展示、弹出对话框、表单处理等等，本篇随笔基于普通表格业务的展示录入的场景介绍这些常规Element组件的使用，使得我们对如何利用Element组件有一个大概的认识。 阅读全文

摘要： 在我们一般开发的系统界面里面，列表页面是一个非常重要的综合展示界面，包括有条件查询、列表展示和分页处理，以及对每项列表内容可能进行的转义处理，本篇随笔介绍基于Vue +Element基础上实现表格列表页面的查询，列表展示和字段转义处理。在前面随笔《循序渐进VUE+Element 前端应用开发(4）--- 获取后端数据及产品信息页面的处理》介绍了一个对产品列表的卡片式图片分页展示处理，其中涉及到了对于Element 组件分页控件的操作，本篇随笔继续深化这一组件的使用，结合表格展示来处理效果展示。 阅读全文

摘要： 在前面随笔《循序渐进VUE+Element 前端应用开发(3）--- 动态菜单和路由的关联处理》中介绍了在Vue + Element整合框架中，实现了动态菜单和动态路由的处理，从而可以根据用户角色对应的菜单实现本地路由的过滤和绑定，菜单顺利弄好了，就需要进一步开发页面功能了，本篇随笔介绍一个案例，通过获取后端数据后，进行产品信息页面的处理。 阅读全文

摘要： 在我开发的很多系统里面，包括Winform混合框架、Bootstrap开发框架等系列产品中，我都倾向于动态配置菜单，并管理对应角色的菜单权限和页面权限，实现系统对用户权限的控制，菜单一般包括有名称、图标、顺序、URL连接等相关信息，对于VUE+Element 前端应用来说，应该原理上差不多，本篇随笔介绍结合服务端的动态菜单配置和本地路由的关联处理，实现动态菜单的维护和展示的处理。 阅读全文

摘要： 在我们开发Vue应用的时候，很多时候需要记录一些变量的内容，这些可以用来做界面状态的承载，也可以作为页面间交换数据的处理，处理这些内容可以归为Vuex的状态控制。例如我们往往前端需要访问后端数据，一般是通过封装的Web API调用获取数据，而使用Store模式来处理相关的数据或者状态的变化，而视图View主要就是界面的展示处理。本篇随笔主要介绍如何整合这三者之间的关系，实现数据的获取、处理、展示等逻辑操作。 阅读全文

摘要： 之前一直采用VS进行各种前端后端的开发，随着项目的需要，正逐步融合纯前端的开发模式，开始主要选型为Vue + Element 进行BS前端的开发，后续会进一步整合Vue + AntDesign的界面套件，作为两种不同界面框架的展现方式。采用Vue + Element 的前端开发和之前的开发模式需要有较大的转变，以及需要接触更多的相关知识，本系列随笔基于循序渐进的学习研究方式，对使用Vue + Element 这种前端开发的各个方面进行一个完整的介绍，并结合我对BS前端已有的框架功能，进行两者的融合。本篇随笔主要介绍开发环境的准备工作，包括需要准备好相关的开发工具，插件辅助等，以及对开发保存的自动修正处理，调试的配置的内容等。 阅读全文

摘要： 在前面随笔《利用微信公众号实现商品的展示和支付（1）》介绍了商品的列表和明细信息的处理，本篇随笔接着上一篇，继续介绍关于商品的微信支付和购物车处理方面，其中微信支付里面，也涉及到了获取微信共享地址的处理，从而个更加方便录入邮寄地址信息；购物车可以从本地的localStorage对象进行获取和处理，也可通过接口获取数据库记录的购物车信息，本案例介绍通过localStorage进行购物车处理方式。 阅读全文

摘要： 在较早随笔《微信小程序结合后台数据管理实现商品数据的动态展示、维护》中介绍过使用小程序实现商品的展示，其实基于对应的接口，我们使用H5页面来开发基于公众号的商品展示和支付，也是产不多的原理，不过H5页面和小程序的界面处理代码有一些差异吧了，整体的实现思路倒是差不多的。本篇随笔介绍基于H5页面的开发，参照一些微店的展示页面，实现商品的展示和支付等操作。 阅读全文

摘要： 因业务需要了解Modbus协议的使用，因此对Modbus的协议，以及相应的C#处理应用进行了解，针对协议的几种方式（RTU、ASCII、TCPIP）进行了封装，以及对Modbus的各种功能码的特点进行了详细的了解，本篇随笔基于这些知识进行了一定的梳理和介绍，主要内容包括Modbus协议简要介绍、Modbus模拟工具使用和Modbus应用开发几个部分。 阅读全文

摘要： 在微信开发H5页面的时候，往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发，由于本人喜欢在Asp.net的Web界面上使用JQuery，因此比较倾向于使用 jQuery WeUI，本篇随笔结合官方案例和自己的项目实际开发过程的经验总结，对在H5页面开发过程中设计到的界面控件进行逐一的分析和总结，以期能够给大家在H5页面开发过程中提供有用的参考。 本篇随笔继续上篇随笔《基于Jquery WeUI的微信开发H5页面控件的经验总结》进行介绍其他部分的内容。 阅读全文

摘要： 在微信开发H5页面的时候，往往借助于Weui或者Jquery Weui等基础上进行界面效果的开发，由于本人喜欢在Asp.net的Web界面上使用JQuery，因此比较倾向于使用 jQuery WeUI，本篇随笔结合官方案例和自己的项目实际开发过程的经验总结，对在H5页面开发过程中设计到的界面控件进行逐一的分析和总结，以期能够给大家在H5页面开发过程中提供有用的参考。 阅读全文

摘要： 有一小段时间没有持续升级ABP框架了，最近就因应客户的需要，把ABP框架进行全面的更新，由于我们应用的ABP框架，基础部分还是会使用官方的内容，因此升级的时候需要把官方基础ABP的DLL进行全面的更新，以及对应的引用DLL也同步更新才行。不过在升级过程中还是很多奇奇怪怪的问题，本篇随笔针对出现的情况进行一系列的总结，以便后面有一个对照参考吧。 阅读全文

摘要： 在上篇随笔《微信门户开发框架-使用指导说明书》中主要介绍了微信公众号和企业微信的模块说明以及各个模块之间的关系、账号配置以及如何和微信开发框架结合起来使用的内容，由于篇幅局限，因此本篇随笔继续这个方面拓展介绍，介绍基于微信框架的开发过程，包括微信账号菜单的管理，H5页面的开发知识，以及如何整合框架实现公众号应用和企业微信应用的快速开发过程。 阅读全文

摘要： 微信门户应用管理系统，采用基于 MVC + Bootstrap + Ajax + Enterprise Library的技术路线，界面层采用Boostrap + Metronic组合的前端框架，数据访问层支持Oracle、SQLServer、MySQL、PostgreSQL等数据库。框架以MVC5，C#4.5作为开发基础，能够部署在任何.NET服务器上，建议部署到阿里云服务器。本篇随笔主要介绍微信模块的信息、账号配置、开发应用等内容。 阅读全文

摘要： 在很多时候，我们做一些非常规化的界面的时候，往往需要创建一些用户控件，在其中绘制好一些基础的界面块，作为后续重复使用的一个单元，用户控件同时也可以封装处理一些简单的逻辑。在开发Winform各种类型项目，我都时不时需要定制一些特殊的用户控件，以方便在界面模块中反复使用。我们一般是在自定义的用户控件里面，添加各种各样的界面控件元素，或者封装一些特殊的函数处理共外部调用等。本篇随笔主要介绍基于DevExpress的Winform开发经验，介绍一个类似看板信息的用户控件，并在TabelPanel和StackPanel布局控件中进行展示。 阅读全文