专栏名称: 字节跳动技术团队
字节跳动的技术实践分享
今天看啥  ›  专栏  ›  字节跳动技术团队

用VUE3做个PDF动态合同表单(含编辑+渲染)

字节跳动技术团队  · 公众号  ·  · 2024-08-15 14:10

文章预览

最终产物 嗯直接看仓库好点,我写文章不行,当个乐子看就行。pdf-signature: VUE版本的PDF合同电子签(含生成端+渲染端)。可实现预定义表单,前端填写业务数据后发送后端进行生成PDF。(gitee.com)希望能帮助到你,如果觉得可以,请留个印记。 渲染端 生成端 灵感来源 因为工作需要,在写合同生成的时候字段太多了,因为没有UI所以构思不出来。 刚开始是使用纯表单( 「先用Adobe Acrobat构建PDF预定义表单」 ,后端按照预定义表单去写入),结果写完太乱了,不清晰且无法直观的对应合同模版。无意中看见泛微OA的合同电子签(逼格就上来了): 于是乎我就去看了泛微是怎么实现的,发现他是一页PDF是一张图片然后做过ul 然后每个页面就是一个li做定位容器,然后 固定图片大小 请求模版后得到字段参数定位渲染到页面上。 这种方式具体是不是有用到 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览