zhennann-CSDN博客

原创 Vite打包碎片化，如何化解？

本文对Vite打包碎片化的成因进行了分析，并且提出了模块化体系，从而简化分包配置，同时又采用动态加载机制，完美规避了分包时两种隐患的发生。

2024-10-14 17:04:36 814

原创在Vue3中如何实现四种全局状态数据的统一管理？

在实际开发当中，会遇到四种全局状态数据：异步数据（一般来自服务端）、同步数据。同步数据又分为三种：localstorage、cookie、内存。在传统的 Vue3 当中，分别采用不同的机制来处理这些状态数据，而在 Zova 中只需要采用统一的Model机制

2024-10-10 19:25:56 904

原创在Vue3中如何为路由Query参数标注类型

与以往的OOP或者Class方案不同，Zova在界面交互层面仍然采用Setup语法，仅仅在业务层面引入IOC容器。IOC容器犹如一把钥匙，为我们打开了业务工程化的大门，允许我们探索更多工程化方面的设计和能力。

2024-08-05 22:19:23 768

原创加油，为Vue3提供一个可媲美Angular的ioc容器

Vue3完全胜任大型业务系统的开发。但是，我们不仅要能做到，而且要做得更好。大型业务系统的关键就是解耦合，从而减缓shi山代码的生长。而ioc容器是目前最好的解耦合工具。

2024-07-31 16:45:05 289

原创 2024已过半，还没试过在vue3中使用ioc容器吗？

Zova 是一款支持 IOC 容器的 Vue3 框架。有了 IOC 容器的加持，定义响应式状态不再需要ref/reactive，也不再需要ref.value

2024-07-08 21:52:07 858

原创 Vue3生态也有类似Angular的框架了

“在等待其他框架跟上的这三年”，Angular在陆陆续续抛弃之前引以为豪的设计。又由于大量的历史包袱，这些设计变更又做得扭扭捏捏，做不到轻装上阵。

2024-05-27 17:59:01 814

原创开发vue3，真的可以不用ref/reactive了，也不需要ref.value

Zova 是一款支持 IOC 容器的 Vue3 框架。有了 IOC 容器的加持，定义响应式状态不再需要ref/reactive，也不再需要ref.value

2024-05-16 11:35:25 685

原创 vue3＋tsx+ioc容器全新开发体验

vue3＋tsx+ioc容器全新开发体验

2024-04-12 10:06:26 472

原创比nestjs更优雅的ioc：跨模块访问资源

CabloyJS采用ioc和依赖查找的机制，让ts的使用达到了`化类型于无形`的最佳境界，从而让我们的代码保持优雅和简洁，进而也能显著提升开发效率，保证代码质量

2024-04-10 22:35:21 872

原创比nestjs更优雅的ts控制反转策略-依赖查找

基于TS的后端框架一般都会提供依赖容器，实现控制反转。控制反转有两种策略：依赖注入和依赖查找。CabloyJS5.0同时支持依赖注入和依赖查找，并且通过模块范围的辅助，让依赖查找的代码更加简洁高效

2024-04-05 23:28:03 864

原创 VSCode如何通过Ctrl+P快速打开node_modules中的文件

咱们新建一个NodeJS项目，必然会安装许多依赖包，因此经常需要查阅某些依赖包的源码文件。但是，由于node_modules目录包含的文件太多，出于性能考虑，在VSCode中默认情况下是禁止搜索node_modules目录的。在这种情况下，我们将不得不依次展开node_modules的文件目录树，来查找我们所需要的文件。相信这种体验一定是非常低效、恼人的。那么，我们该如何定制VSCode的这种缺省行为呢？

2023-07-06 15:55:41 1098

原创看看CabloyJS是如何异步加载并执行go wasm模块的

CabloyJS提供了一个内置模块a-wasmgo，将go wasm模块的异步加载运行机制进行了封装，使我们可以非常方便的在CabloyJS项目中引入go wasm，从而支持更多的业务场景开发

2023-03-08 20:49:59 831 1

原创开发累了就摸个鱼，帮我修改一下中式英语

上学时喜欢帮同桌找错，一个英文句子如果能找到5处错误，心里就美滋滋的。如今轮到自己写技术文档，面对满篇的中式英语却有心无力。好心的网友，如果开发累了，就摸个鱼🐟，帮我找找错吧，也找回学生时代的感觉

2022-11-28 15:55:28 885

原创一文讲透CabloyJS全栈框架的来龙去脉

CabloyJS 是一款自带工作流引擎的 Node.js 全栈框架，一款面向开发者的低代码开发平台，更是一款兼具低代码的开箱即用和专业代码的灵活定制的 PAAS 平台。只需一套代码，即可同时实现中后台管理系统和前台应用。只需一套代码，即可同时跨端pc和mobile，并且mobile端是接近原生体验

2022-11-23 12:57:54 455

原创在一个项目中同时实现“后台管理系统”和“前台应用”

在这个月，开发了一个微信一起点菜项目，用来再次验证CabloyJS全栈框架定制开发的灵活性和扩展性。实践再次证明，使用CabloyJS全栈框架开发项目确实可以做到多快好省。

2022-10-27 07:38:09 1491

原创 pc=mobile+pad自适应布局：页面结构与打开方式

Framework7内置了一个router路由库，通过page的堆叠机制轻松实现page页面的状态保持和销毁。CabloyJS为了将Framework7在mobile端的交互体验和开发模式移入pc端，对view/page组件分别进行了改造和优化。

2022-07-22 12:52:22 582

原创 CabloyJS 4.22重磅推出弹出式页面交互风格

新版本CabloyJS 4.22提供了弹出式页面交互风格。这样，用户可以根据pc电脑的尺寸大小和个人喜好，在弹出式和展开式这两个交互风格中随时切换

2022-06-30 21:26:47 358

原创历时 4 个月，CabloyJS 4.21震撼发布，应对大型项目开发

CabloyJS从4.12升级到4.21，历时4个月，GitHub提交数从8000+一路干到11000+，为应对大型项目的开发提供了丰富的工具

2022-06-11 21:21:19 486

原创且看这个Node全栈框架，实现了个Cli终端引擎，可无限扩充命令集

CabloyJS提供的Cli终端工具却与众不同。更确切的说，CabloyJS提供的是Cli终端引擎，由一套Cli终端运行机制+众多命令集组成

2022-06-08 17:19:23 274

原创看看CabloyJS工作流引擎是如何实现Activiti边界事件的

由于边界事件的本质是向流程节点附加特定的行为。因此，CabloyJS采用节点行为机制来实现类似Activiti中边界事件的功能

2022-02-13 11:55:54 644

原创看看CabloyJS是如何实现编辑页面脏标记的

我们知道Word、Excel支持脏标记。那么，在Web系统中，我们是否也可以支持这种脏标记机制呢？答案是肯定的，CabloyJS就提供了这种脏标记机制。

2022-01-18 22:24:21 614

原创 CabloyJS究竟是一款什么样的框架

CabloyJS是什么样的框架CabloyJS 是一款自带工作流引擎的 Node.js 全栈框架，一款面向开发者的低代码开发平台，更是一款兼具低代码的开箱即用和专业代码的灵活定制的 PAAS 平台CabloyJS 内置的每一项特性都做到精心调校，均体现了从开箱即用到灵活定制的无缝衔接，包括：角色系统、用户认证、菜单权限、数据权限、表单渲染、表单验证、工作流引擎、字典、仪表板、在线推送、页面主题、多语言国际化、CMS 渲染引擎、微信接口、企业微信接口、钉钉接口，等等技术栈场景技术栈

2021-12-30 11:53:25 400

原创 CabloyJS 4.12震撼发布，及新版教程尝鲜

引言凡是可以用 JavaScript 来写的应用，最终都会用 JavaScript 来写 | Atwood 定律目前市面上出现的大多数与 NodeJS 相关的框架，基本都将 NodeJS 定位在工具层、中间层、代理层，很少在业务层面进行深耕，认为这是 JAVA 的领域，NodeJS 不适合。这种思潮明显是与Atwood 定律相悖的如果您想感受与众不同的 NodeJS 全栈开发体验，一定要试试自带工作流引擎的 CabloyJS 全栈开源框架。为了提升业务层面的开发效率和开发体验，CabloyJS 在

2021-11-29 22:05:35 528

原创 CabloyJS 基于 EggJS 实现的模块编译与发布

背景现在，EggJS被许多开发团队所采用。有的团队基于商业知识产权的考量，往往会提一个问题：是否可以把EggJS当中的代码编译打包，然后再把代码丑化？模块编译的机制EggJS为何不能便利的实现编译的特性？在EggJS中，代码文件都是通过约定代码位置的方式组织并加载的。也就是说，代码文件都放置在约定的目录结构当中，EggJS在启动系统时，在约定的位置扫描加载约定的代码文件。因此，在这种机制下，不能便利的实现编译特性CabloyJS是如何实现编译特性的？EggJS作为企业级框架提供了足够灵活

2021-07-04 16:28:14 247 1

原创 VS Code官方插件集与工具

如果您也使用VS Code作为CabloyJS项目开发的主编辑器，那么可以参考官方使用的插件集，此外也提供了一些周边工具这是官方亲测可用的最简插件集，再也不必东奔西走了插件集插件名称用途VimVim模拟ESLintJS格式验证及修复VeturVue语言服务.ejsejs语言服务Beautify css/sass/scss/less格式化样式表All Autocomplete从已打开文件生成自动完成条目settings.json打

2021-07-01 16:15:18 145

原创分享一款自带工作流引擎的NodeJS全栈框架，接单快手、创业神器

CabloyJS是什么CabloyJS是一款自带工作流引擎的Node.js全栈框架, 接单快手、创业神器, 基于koa + egg + vue + framework7 + mysql在线演示场景链接/二维码PC端https://test.cabloy.com/Mobile端谁会用这款Node.js全栈框架？>>>>> 1. 外包接单痛点：客户希望项目按质如期完工、价格低、风险小；服务商希望毛利高、投入少、进度快、客户满意

2021-06-13 22:34:22 2275 3

原创 CabloyJS推出在线演示站点

为了方便大家快速体验和了解CabloyJS的风格和特性，全新部署了一套演示站点。对于初次接触CabloyJS的开发者，不用下载新建项目，就可以直接体验CabloyJS了在线演示场景链接/二维码PC端https://test.cabloy.com/Mobile端账号类型名称密码管理员admin123456普通用户tom123456普通用户jane123456相关链接官网: https://cabloy.com/G

2021-04-30 11:42:28 86

原创 CabloyJS实现了一款基于X6的工作流可视化编辑器

介绍文档演示：CMS审批工作流演示了如何通过JSON来直接创建一个工作流定义，通常用于为具体的业务数据生成预定义或内置审批工作流的场景CabloyJS 4.8.0采用X6 图编辑引擎实现了一款工作流可视化编辑器，从而可以在系统运行过程中，随时、动态、可视化的创建工作流定义特别要感谢X6提供了非常强大的图编辑引擎，而且也提供了非常灵活的开发接口和扩展接口。基于X6的有力支撑，工作流可视化编辑器的复杂部分反而不再是图编辑本身了，而是各个节点的属性编辑表单，以及表单背后的API接口的配套支持如果大家

2021-04-23 07:45:48 728

原创 CabloyJS 4.7.0：支持通用静态渲染机制

<4.7.0CabloyJS是一款前后端分离的框架，前端采用Vue + Framework7实现了SPA的模式。为了解决SEO优化的问题，并提升访问性能，专门开发了一个CMS模块，采用动静结合（即JAMStack模式），可以快速构建企业网站、博客、技术文档、社区等Web应用从而，可以理解为，CMS模块渲染出来的静态网站是Web前端，CabloyJS主体框架作为管理后端>=4.7.0CabloyJS 4.7.0对CMS渲染机制进行了进一步提炼，形成通用的渲染机制。也就是说，任何原子类型（业

2021-03-31 10:05:13 106

原创 CabloyJS 4.6.0：支持明细表

背景说明为了更灵活、更便捷的支持实际业务场景的开发，作为NodeJS全栈框架，CabloyJS提供了草稿->正式->历史的数据生命周期管理、NodeJS工作流引擎，以及带来全新体验的mobile/pc自适应布局CabloyJS 4.6.0又带来了明细表的管理，使我们可以为任何业务数据添加明细表的功能明细表的特点对于明细表的管理，并不仅仅是简单的CRUD操作，同时还具备以下特点：一个主业务数据可以关联多个明细类型明细表 CRUD等指令的权限与主业务数据的权限协同与主业务数据一样支持

2021-03-24 22:58:46 118

原创下面四款主题风格，不知哪款能入你的法眼？

CabloyJS除了继承Framework7的白色主题和暗色主题，还内置了两款自定义主题：风信子、灿烂，不知哪款能入你的法眼？1. 白色主题2. 暗色主题3. 风信子4. 灿烂带侧边栏移动端布局相关链接官网: https://cabloy.com/GitHub: https://github.com/zhennann/cabloy...

2021-02-01 11:27:56 125

原创如何在Uniapp中访问CabloyJS后端API管理系统

介绍CabloyJS是一款免费开源的NodeJS全栈开发框架，采用前后端分离设计，具备开箱即用的后台管理系统Cabloy-SDK是专门为Uniapp应用量身定制的前端SDK，用于便捷的访问CabloyJS提供的所有API接口，让Uniapp前端开发再无后顾之忧特性各个平台的小程序后端API系统，最复杂的就是账号体系对接。CabloyJS提供了一个模块化的生态，需要开发什么平台下的小程序应用，只需安装相应的模块即可目前Cabloy-SDK支持以下平台小程序的开箱即用：微信小程序企业微信小程序

2021-01-24 18:14:40 259

原创 CabloyJS自带工作流引擎的文档清单

文档清单CabloyJS自带工作流引擎文档已经整理出来，欢迎大家围观、拍砖介绍介绍演示：CMS审批工作流单元测试用例集流程定义基本概念JSON规范listener规范listener规范-用户任务流程实例外观Bean组件安全沙箱流程检索环境对象转移线环境对象顺序流活动节点基本概念环境对象开始事件空开始事件定时开始事件原子起草开始事件结束事件空结束事件活动空活动服务活动用户任务活动用户任务

2021-01-15 18:28:05 225

原创 CabloyJS一站式助力微信、企业微信、钉钉开发 - 钉钉篇

前言现在软件开发不仅要面对前端碎片化，还要面对后端碎片化。针对前端碎片化，CabloyJS提供了pc=mobile+pad的跨端自适应方案，参见：自适应布局：pc = mobile + pad在这里，咱们重点要解决的是后端碎片化。比如要开发一个业务系统，既需要与微信、企业微信整合，又需要与钉钉整合，该如何设计整个架构呢？其实，不论是微信、企业微信，还是钉钉，面向实际业务层面的API都不复杂，复杂的是各自独立的账号体系如何与业务系统打通的问题。当账号接口对接完成，后续的业务开发就很顺畅了CabloyJ

2021-01-10 20:43:28 404 1

原创 CabloyJS一站式助力微信、企业微信、钉钉开发 - 企业微信篇

前言现在软件开发不仅要面对前端碎片化，还要面对后端碎片化。针对前端碎片化，CabloyJS提供了pc=mobile+pad的跨端自适应方案，参见：自适应布局：pc = mobile + pad在这里，咱们重点要解决的是后端碎片化。比如要开发一个业务系统，既需要与微信、企业微信整合，又需要与钉钉整合，该如何设计整个架构呢？其实，不论是微信、企业微信，还是钉钉，面向实际业务层面的API都不复杂，复杂的是各自独立的账号体系如何与业务系统打通的问题。当账号接口对接完成，后续的业务开发就很顺畅了CabloyJ

2021-01-10 20:37:27 675

原创 CabloyJS一站式助力微信、企业微信、钉钉开发 - 微信篇

前言现在软件开发不仅要面对前端碎片化，还要面对后端碎片化。针对前端碎片化，CabloyJS提供了pc=mobile+pad的跨端自适应方案，参见：自适应布局：pc = mobile + pad在这里，咱们重点要解决的是后端碎片化。比如要开发一个业务系统，既需要与微信、企业微信整合，又需要与钉钉整合，该如何设计整个架构呢？其实，不论是微信、企业微信，还是钉钉，面向实际业务层面的API都不复杂，复杂的是各自独立的账号体系如何与业务系统打通的问题。当账号接口对接完成，后续的业务开发就很顺畅了CabloyJ

2021-01-10 20:32:36 324

chinese stories

空空如也