之前写过一篇文章 我理想中的低代码开发工具的形态，已经吐槽了各种封装 xxxForm，xxxTable 的行为，这里就不啰嗦了。今天再来看看我的工具达到了什么程度。多图预警。。。以管理后台一个列表页为例选择对应的模板截图查询区域，使用 OCR 初始化查询表单的配置截图表头，使用 OCR 初始化 table 的配置使用 ChatGPT 翻译...

提到低代码，大家脑中浮现出的低代码产品的形态大都如下吧或者这样的可以发现，这类产品的操作界面几乎都是这样布局的：左边是组件物料，中间是画布，右边是属性面板。只是面对的目标用户以及使用场景不一样，比如第一张图其实是开源低代码框架 amis 的可视化操作界面，使用的用户大都是开发人员，主要用来写管理后台的...

上一篇文章 我在 vscode 插件里接入了 ChatGPT，解决了代码变量命名的难题 中，展示了如何在 vscode 插件中使用 ChatGPT 解决代码变量命名的问题。vscode 插件市场中有很多的翻译插件，但是在一些使用场景里是远远比不上 ChatGPT 的，比如只翻译一段 json 数据里的指定字段。那么 ChatGPT 还能做什么呢？能否取代已经存...

lowcode 插件 已经迭代了差不多3年。作为我的生产力工具，平常一些不需要动脑的搬砖活基本上都是用 lowcode 去完成，比如管理脚手架，生成 CURD 页面，根据接口文档生成 TS 类型，生成 mock 等等。

eslint、prettier、stylelint 怎么配这里就不说了，网上文章太多了。想说的是eslint rule 'prettier/prettier': 'error'一定要开启，以及 stylelint rule 'prettier/prettier': true 也一定要开启。

上一篇文章介绍了整体架构，接下来说说怎么按照上图的分层结构实现下面的增删改查的功能。代码结构vue {代码...} react {代码...} model声明页面数据vue {代码...} react {代码...} 看过几个前端整洁架构的项目，大部分都会把 model 分为 业务模型（领域模型） 或者 视图模型。业务模型（领域模型） 可以指用于表达业务...

Entities/Models：实体层，官方说法就是封装了企业里最通用的一部分逻辑，也可以叫 Models, 可能是只包含数据字段的对象，也可能包含方法，具有一部分业务逻辑。更加深入就是领域驱动（DDD）开发相关的内容。

提到脚手架，大家想到的可能就是各种 xxx-cli，本文介绍的是另一种方式：以 vscode 插件的形式实现，提供 web 可视化操作，如下图：

第一次接触代码生成器用的是动软代码生成器，数据库设计好之后，一键生成后端 curd代码。之后也用过 CodeSmith , T4。目前市面上也有很多优秀的代码生成器，而且大部分都提供可视化界面操作。

选择d2-admin是因为element-ui的相关开源项目里，d2-admin的结构和代码是让我感到最舒服的,而且基于d2-admin实现RBAC权限管理也很方便，对d2-admin没有大的侵入性的改动。

之前已经写过一篇关于vue权限路由实现方式总结的文章,经过一段时间的踩坑和总结，下面说说目前我认为比较“完美”的一种方案：菜单与路由完全由后端提供。

上一篇文章介绍了在浏览器端以中间件，路由，跨进程事件的姿势使用原生WebSocket。这篇文章将介绍如何使用Node.js以相同的编程模式来实现WebSocket服务端。

能注册的事件有onclose，onerror，onmessage，onopen。用的比较多的是onmessage，从服务器接受到数据后，会触发message事件。通过注册相应的事件处理函数，可以根据后端推送的数据做相应的操作。

最近需要单独使用到koa-compose这个模块，虽然使用koa的时候大致知道中间件的执行流程，但是没仔细研究过源码用起来还是不放心(主要是这个模块代码少，多的话也没兴趣去研究了)。

术语描述 用户(Subject)：发起操作的主体 对象(Object)：指操作所针对的客体对象，比如文章或评论 权限(Permission)：用来指代对某种对象的某一种操作，例如“添加文章的操作” 权限码：权限的代号，例如用“ARTICLE_ADD”来指代“添加文章的操作”权限 权限有时候也可以称为动作或者功能。比如“添加文章”，既可以认为它是一个...

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['admin', 'editor']))。没有权限则跳到事先...

一个后台管理系统的核心我认为应该是权限控制，表单以及错误信息收集这三大块，前两个最为重要。而GitHub上的大多数项目关注点都不在这里，各种第三方组件堆砌在一起，看起来很炫酷，但是实用性没多大，改起来也麻烦(如果是vue,可以看我的另一个项目vue-quasar-admin)。

Quasar-Framework 是一款基于vue.js开发的开源的前端框架, 它能帮助web开发者快速创建以下网站：响应式网站，渐进式应用，手机应用(通过Cordova)，跨平台应用(通过Electron)。  Quasar允许开发者在只写一次代码的情况下发布到多个平台 website, PWA ,Mobile App 和 Electron App 在使用Quasar的时候, 你甚至不需要Hammer...

IoC不是一种技术，只是一种思想，一个重要的面向对象编程的法则，它能指导我们如何设计出松耦合、更优良的程序。传统应用程序都是由我们在类内部主动创建依赖对象，从而导致类与类之间高耦合，难于测试；有了IoC容器后，把创建和查找依赖对象的控制权交给了容器，由容器进行注入组合对象，所以对象与对象之间是松散耦合...

学习后端语言的时候，都会涉及到数据库的相关操作，不同语言在操作数据库方面有不同的驱动程序，比如java的JDBC,C#的ADO.NET。当进行数据的新增，更新以及删除的时候，经常需要开启数据库事务。比如ADO.NET是这样使用：

(1)针对布局一：item从上往下排列，父元素tab-content加上overflow:hidden。利用锚点，点击不同a标签的时候，具有对应ID的item会切换到tab-content的视图中，然后利用hover给tab按钮加上切换样式。

从上到下分别是顶线，中线，基线，底线。vertical-align的四个属性top,middle,baseline,bottom就是与这四条线有关。

是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。

都是S5这个型号，但是因为CPU,显卡，内存，硬盘等不同，价格也不一样。CPU,显卡，内存，硬盘等属性组合成的一个唯一的商品，就可以用一个SKU来表示,像图上就有10个SKU。一系列的SKU可以归到一个SPU下进行管理。

要在main.js中使用jquery,需要这样var $=require("./lib/jquery")。如果lib中的库很多，而且目录也很多，使用的时候就要写一长串的地址。

DOM：Document Object Model，浏览器将HTML解析成树形的数据结构，简称DOM。CSSOM：CSS Object Model，浏览器将CSS代码解析成树形的数据结构Render Tree：DOM 和 CSSOM 合并后生成 Render Tree(Render Tree 和DOM一样，以多叉树的形式保存了每个节点的css属性、节点本身属性、以及节点的孩子节点，display:none 的节点不...

windows下，修改C:UsersAdministrator下的文件.npmrc，将registry改为淘宝镜像地址，registry=[链接]。

ueditor版本：1.4.3 文件接收处理写在controller，不使用编辑器提供的ashx接收上传文件 编辑器实例化,因为不同页面的所需编辑器功能是不一样的，实例化的时候传入配置参数： {代码...} serverUrl为上传地址，即controller里的action，两个冒号不能去掉。举个栗子： 适用编辑器的页面地址为：[链接]，上传action为 Upload...

按本文标题可以百度出一大堆相关的文章，但是不同的环境下还是有很多坑，本文主要记录一下我自己搭环境的过程和一些遇到的坑。 1、开发环境 win7 x64 VSCode 1.4 没有安装VS2015 2、相关安装地址 VSCODE.NET Core 3、安装.NET Core 进入下载界面，找到如下 我的是win7 64位，下载的是windows x64的.NET Core Installer和...

我们很快就发现这样将参数一个个罗列到方法的参数列表中扩展性很糟糕，我们最好定义一个Message类将短消息封装起来，然后给方法传递一个Message对象：