最近写的《后台管理系统的前端代码生成工具》介绍

最近写的《后台管理系统的前端代码生成工具》介绍_第1张图片

《后台管理系统的前端代码生成工具》做的是生成项目 admin-template 的列表,新增,编辑,详情页的代码,如上图所示。通过点击“生成下载内容”,点相应的链接,下载生成的代码文件。演示地址。

下载代码文件是前端生成的。用 a链接的 download 属性值来指定下载文件名,用 href 属性值设置为 window.URL.createObjectURL(new Blob([下载文件], {type: 'text/plain'})) 来指定下载文件的内容。

随便扯扯

后台管理系统的有很多功能类似的页面。比如,列表页,一般是搜索功能+列表数据;详情,编辑,新建页都是一个个字段。所以可以将很多相似的抽象出来,如列表页的通用的部分见 这里,详情,编辑,新建页的通用的部分见 这里。

你可能感兴趣的:(最近写的《后台管理系统的前端代码生成工具》介绍)