layui

　　在业务型的系统开发中，我们需要维护各种个样的类型，比如客户类型、客户行业、商品类型等等，这些类型往往信息量不多，并且相似度极高，如果采用一类型一表去设计，将会造成极大的工作量，通过将这部分类型的信息进行抽象，利用字段去存储类型区分，共用表结构，来达到兼容各种类型的功能，也就是设计一个数据字典，而对于一个具体类型来讲，是有多个选项的，比如性别，有男女，行业有工农商等，对于这部分选项，可抽象为某个类型下的字典项，即数据字典项。 一、数据字典设计思路 　　1、从客户类型、商品类型、行业类型来抽象考虑，首先三者都存在一个类型描述，即客户、商品、行业，同时，三者是本质是不同的，并且，随着业务上的需求越来越多，更多的xx类型将会加入，因此，单从类型考虑出发，就存在三个点了，如类型名称、类型独立、数量扩展，因此在考虑表结构设计时，就可以先考虑到这三点了，同时还有一个关键的信息，便是，在系统设计过程中，这些类型其实便已经确定完毕了，而不是说，在开发完毕，再去系统中增加类型。 　　 　　2、从具体的某个类型出发考虑，比如以商品类型为例，存在日用品、电子产品、化妆品等，同样是存在几个关键信息，比如类型项名称、类型项独立、类型项数量扩展，类型项的归属，而这部分信息，往往是由客户去维护的，属于系统开发完毕后期的信息维护，在此，不考虑类型项的先后顺序问题，如有需要可以扩展。 　　 　　按照这些信息点

　　网站正常运行中有时出现异常在所难免，查看系统运行日志分析问题并能够根据错误信息快速解决问题尤为重要，ABP对于系统运行日志这块已经做了很好的处理，默认采用的Log4Net已经足够满足开发过程中的需要了(当然有需要的话也可以更换为其它日志组件)。 　　ABP官网地址： https://aspnetboilerplate.com/ 一、日志文件 　　ABP框架默认使用了Log4Net日志组件，日志记录在txt文件中，也可以替换成其它日志组件诸如Nlog，方便将日志文件信息直接记录到数据库中，具体情形使用具体组件。 　　 　　当一个文件达到了在Log4Net配置中设置好的文件大小上限时，在文件名后按照数字倒排后开始继续增加文件。 　　 　　当需要查看错误信息时，直接在日期最近的文件中找出错误信息即可，但是这个过程比较繁琐，还需要从日志文件中去查看，并且日志文件中虽然做了分类，哪些是正常信息，哪些是错误信息，但是不太直观，因此，可以考虑直接将日志文件在页面中呈现，对信息进一步加工，方便直接查看。 　　 　　参考了AbpZero中的部分代码并根据实际需要进行整合，开始在页面中设计日志展示层。 二、页面展示日志信息 1、 系统日志服务应属于整个系统中相对其他业务模块独立的一部分，因此，首先在应用层中新建一个Logging文件夹并创建一个日志应用层服务接口与其实现。在接口中声明两个方法

　　在业务系统需求规划过程中，通常对于诸如组织机构、用户和角色等这种基础功能，通常是将这部分功能规划到通用子域中，这也说明了，对于这部分功能来讲，是系统的基石，整个业务体系是建立于这部分基石之上的，当然，还有诸如多语言、设置管理、认证和授权等。对于这部分功能，ABP中存在这些概念，并且通过Module Zero模块完成了这些概念。 一、角色访问控制之RBAC 　　RBAC：Role Based Access Control，基于角色的访问控制，这在目前大多数软件中来讲已经算得上是普遍应用了，最常见的结构如下，结构简单，设计思路清晰。 　　 　　但是也存在其它升级版的设计，诸如用户权限表、角色组、用户组的概念等，具体分类有RBAC0、RBAC1、RBAC2等，后者功能越来越强大，也越来越复杂。 RBAC0：是RBAC的核心思想。 RBAC1：是把RBAC的角色分层模型。 RBAC2：增加了RBAC的约束模型。 RBAC3：整合RBAC2 + RBAC1。 二、ABP中的RBAC 　　在Abp中，已经集成了这些概念，并在ModuleZero模块中实现了这些概念，基于IdentityServer4的ModuleZero模块完成了封装。对于我们大多数以业务为中心的开发人员来讲，不应该又去造一个轮子，而是应该开好这辆车。首先看下Abp中的RBAC模型 　　 　

【推荐阅读】微服务还能火多久？>>> easyui是功能强大但是有很多的组件使用功能是十分强大的，而layui是2016年才出来的前端框架，现在才更新到2.x版本还有很多的功能没有完善，也还存在一些不稳定的情况，但是layui界面简约美观，而且容易上手而且有很多组件在layui的社区里都可以找到，layui的弹出层layer也是layui与别的框架区别 2.layui与bootstrap对比 layui是国人开发的一套框架，2016年出来的，现在已更新到2.X版本了。比较新，轻量级，样式简单好看。 bootstrap 相对来说是比较成熟的一个框架，现在已经更新到4.X版本。是一个很成熟的框架，这个大部分人一般都用过。 适用范围对比： 1.layui 其实更偏向与后端开发人员使用，在服务端页面上有非常好的效果 做后台框架。 作者“闲心”都说了，开发这个框架的出发点是为了满足服务端程序员的需求。所以你懂得。 layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的。 2.bootstrap 在前端响应式方面做得很好，PC端和移动端表现都不错。 做网站不错。 如果是类似官网，且需要同时满足PC端和移动端效果，bs表现很好。 但是如果是要交互的网站，比如商城之类，vue显然更好

【推荐阅读】微服务还能火多久？>>> 背景介绍 我的第一个开源.NET Core 项目，功能很多，BUG肯定有，代码不是特别好，大佬勿喷！开源，随便搞哈！ 软件架构 框架：.NET Core3.1 ORM：SqlSugar 数据库：Sqlserver08R2+ 后端UI：Layui 日志记录：log4+nlog 缓存:内存缓存+redis缓存 授权：基于cookie的JWT授权 IOC:使用Autofac框架进行构造函数注入 项目截图： 使用教程 直接 debug启动，数据库配置在appsettings.json文件里面 项目类型 ：BS 项目地址 : https://gitee.com/duling/DL 功能模块 ： 系统管理 　　字典类型管理 　　字典值 　　组织机构 　　菜单管理 　　日志管理 　　角色管理 　　管理员管理 　　图片管理 　　前端栏目管理 网站管理 　　用户管理 　　评论管理 　　关于我们 　　网站留言 　　友情链接管理 　　广告模块 　　广告位置 　　学校内容模块 　　文章模块 　　高校模块 　　标签模块 工具模块 　　代码生成 项目截图 : 来源： oschina 链接： https://my.oschina.net/u/4390958/blog/3236257

【今日推荐】：为什么一到面试就懵逼！>>> Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用。 1. AdminLTE GitHub Star 数 24969 ， GitHub 地址： https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 2. vue-Element-Admin GitHub Star 数 19546， GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler GitHub Star 数 15870， GitHub 地址： https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。 4. Gentelella GitHub Star 数 15654， GitHub 地址： https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin GitHub Star 数

【今日推荐】：为什么一到面试就懵逼！>>> Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用。 1. AdminLTE GitHub Star 数 24969 ， GitHub 地址： https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 2. vue-Element-Admin GitHub Star 数 19546， GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler GitHub Star 数 15870， GitHub 地址： https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。 4. Gentelella GitHub Star 数 15654， GitHub 地址： https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin GitHub Star 数

原文: GitHub开源的超棒后台管理面板 Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用。 1. AdminLTE GitHub Star 数 24969 ， GitHub 地址： https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 2. vue-Element-Admin GitHub Star 数 19546， GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler GitHub Star 数 15870， GitHub 地址： https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。 4. Gentelella GitHub Star 数 15654， GitHub 地址： https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin GitHub Star 数

在layui框架中使用form.on方法绑定select下拉框选中事件，form.on()方法不执行, 解决方法有以下几点： 1. html中form标签中要有 class="layui-form" ，否则不生效 <form class="layui-form"> </from> 2. form.on方法必须放在layui.use({})里 <script language="JavaScript"> layui.use(['form', 'layer'], function () { form.on('select(XXX)', function (data) {}); }); 3. select标签中要有 lay-filter 属性，用来监听select <select id="XXX" lay-filter="XXX" lay-verify="required" lay-search> <option></option> </select> 以上解决方法就能使form.on方法执行了 点赞 3 收藏 分享 文章举报 Zartillery 发布了69 篇原创文章 · 获赞 253 · 访问量 4万+ 私信 关注 来源： oschina 链接： https://my.oschina.net/u/4295884/blog/3229409

图标是一直软件的重要组成部分，尤其在Web项目中更是成功的重要因素之一。Iconfont可以用字体文件来取代传统图片文件，这和GIS中符号库有异曲同工之处。在Web项目中应用也越来越多，它的主要优势有： （1）体积小，速度自然快； （2）样式灵活，可方便设置大小、颜色，甚至其他文字效果等； （3）管理、引用极为方便。 字体制作 如何快速制作呢？当然是使用阿里爸爸的iconfont，估计写web或app的同学都知道吧。在它出来之前，我一直用的类似于easyicon网站。当第一次使用iconfont后，我果断转粉了：它不仅是包含大量矢量图标，可以方便调整颜色和大小，从网站上来说，也吸取了easyicon的优点，比如按键盘左右箭头可以实现翻页。当然，最重要也是因为它免费。 官方：www.iconfont.cn 使用方法 建立项目、选择图标、调整颜色、大小和名称后，下载到本地。解压后把iconfont开头的拷到web项目某个文件夹下，然后在html页面中引用"iconfont.js"。接下来就可以愉快地使用了。 在需要的地方添加class就行了。 <span class="iconfont icon-xxx"></span> 参考 https://fly.layui.com/jie/19051/ 来源： oschina 链接： https://my.oschina.net/u