当前位置: 首页 > 后端技术 > Node.js

【开箱即食】命令行为你写表单

时间:2023-04-03 13:20:16 Node.js

前言在后台系统中,对表单的需求有很多,比如表单+分页器+过滤条件。(今天不加班)(今天不开发)以此为目标写一个命令行,让他基于vue+element-ui为我们“自动开发”开发参考文章:【vue-cli3项目从构建优化到docker部署](https://juejin.im/post/5c4a6fcd518825469414e062)这篇文章对学习vue-cli3脚手架很有帮助。学习了操作指南[toc]Installnpmiautomation-template-Dnpmlinkautomation-template//这条命令的作用是让操作命令可以在项目中直接使用。以下命令不可或缺。autopage-hUsage:autopage[options]Options:-V,--version输出版本号-s--save[保存]文件输出位置-n--name[name]文件名-k--key[key]文件唯一标识-h,--help输出使用信息/***@exampleautopage--savesrc/main/views/userAnalysis/loadPageAnalysis--namedddd--key11121212**/自定义功能包括分页,过滤条件配置,等等,最后会输出结果json,发送给后台!!!交互原理其实很简单。整个插件分为两大步骤1.nodejs进行命令行交互,返回JSON数据格式2.编写标准模板,获取参数生成文档流写入nodejs。该部分主要使用了两个插件Interact"dependencies":{"chalk":"^2.4.2",//命令行有颜色"commander":"^2.20.0",//命令行选项"inquirer":"^6.3.1"//命令行交互}细节不详述。遇到的坑是1.异步问题,使用promiseasync可以有效解决2.nodejs读写流部分模板部分目前流程是基于vue+elemet-ui。可以更换甚至配置不同的模板。该过程将在以后发展。主要功能是输出一个字符串。根据标准,它可以让我们免于引用组件和数据操作的繁琐。感谢我的搭档~~这部分是她开发的。嘻嘻嘻终于进行自动布线和挂载了。其实方法有很多。这是一个constcomponents=require.context('./views/table',false,/\.vue$/);源码写在github项目地址感谢小伙伴和我一起完成这个小demo。一些废话很久没搞前端了,写的文章比较肤浅。刚开始做前端的时候有点迷茫,不知道前端的路还有多远。所谓刚入世,无敌。哈哈,天天被颠覆的前端技术栈折腾后,我真的开始爱上前端了。希望自己每天都能进步一点点,在公司营造良好的前端环境。在从事前端之前,我质疑过热爱某个职业是虚幻的。快点!!!