1 Star 0 Fork 294

面朝大海 / 开放签电子签章 电子合同开源工具版-前端源码

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

开放签电子签章系统-开源工具版

一、项目介绍

开放签电子签章系统开源工具版旨在将电子签章、电子合同系统开发中的前后端核心技术开源开放,适合有技术能力的个人/团队学习或自建电子签章\电子合同功能或应用,避免研发同仁在工作过程中重复造轮子,降低电子签章技术研发要求,让电子签章相关的技术可以更低门槛的应用在各个业务系统中。

开放签电子签章系统开源工具版前端采用VUE架构,后端采用spring boot架构,开发语言采用java.

开源工具版分为前端、后端两个仓库,前端主要实现在线签署、手写签名、电子印章生成、拖动位置签署等可视化的操作体验。后端主要实现数字证书生成、前后端签署位置计算、电子印章生成、通过印模生成印章、数字签名等电子签章核心技术。 如您系统中需要使用电子签章/电子合同相关应用场景,开放签开源工具版将满足您自建电子签章/电子合同功能模块,您只需要自己采购或用我们采购的数字证书替换即可。

特别提醒:开放签开源版生成的数字证书只能应用于技术测试环境,且应用测试数字证书签署的任何电子文件不具备法律效力,如需要签发正规CA机构数字证书,请与我们联系。

后端源码 前端源码
github https://github.com/kaifangqian/open-sign https://github.com/kaifangqian/open-sign-vue
码云 https://gitee.com/kaifangqian/open-sign https://gitee.com/kaifangqian/open-sign-vue

二、功能介绍

1、整体功能页面展示

整体功能页面展示

2、手写签名面板:提供个人手写签名面板的前端页面,生成手写签名图片。

手写面板

3、电子印章制作:为企业生成电子印章,生成印章的方式有两种。

(1)系统生成:根据印章环绕文字、横排文字生成电子印章图片。

系统生成电子印章

(2)印模生成:1.在白纸上加盖印章;2.扫描上传进行自动透明化抠图;3.生成透明印章。

印模图片生成电子印章

4、数字证书生成:用于电子签章的数字证书(测试证书,正式环境下或真实场景使用数字证书,需自己采购或用我们采购的数字证书替换),该数字证书使用公钥加密技术进行生成,主要用于帮助开发者跑通电子签章流程。【非CA机构签发,不具备法律效力!】

数字证书生成

5、PDF文件转图片:提供PDF文件转图片的工具类。

电子签章过程中存在着在网页上对签署文件进行预览、指定签署位置、文件签署等操作,由于图片在浏览器上的兼容性和友好性优于PDF文件,所以一般在网页上进行电子签章时,会先将PDF文件转换成图片,展示给用户。用户在页面上确定好签署位置,并进行签署时,后端服务会通过对电子印章/手写签名位置、大小以及PDF文件的大小进行计算,在PDF文件的准确位置上完成文件签署。

6、电子文件签署:提供两种电子签署的方式。

(1)关键字签署:指定PDF文件中需要进行签章的关键字。签署时,在文档中查找对应关键字的位置,并加盖电子印章/手写签名,完成电子签章;

(2)指定位置签署:直接在PDF文件中拖动需要加盖电子印章/手写签名的位置。签署时,直接在指定位置上完成电子签章。

7、签署文件查验:验证电子文件是否被篡改和查看文件中对应的电子印章/手写签名的数字证书信息。

签署文件查验

三、后端代码结构

推荐 node 版本:v16.x

- public          favicon.ico
- src          
	- assets        静态资源文件
	- components    组件 
	- layouts       布局
	- router        路由配置
	- utils         工具包
	- views         页面文件
		- main             demo主页面
		- SealModal        印章制作弹窗
		- SignatureModal   手写签名弹窗
	- App.vue      VUE根组件
	- main.js      入口文件

四、前端Build Setup

#进入项目目录
cd open-sign-vue

# 安装依赖
npm install -registry=https://registry.npm.taobao.org

# 启动前需要将后端服务启动,并修改vite.config.js中的代理地址,否则无法体验签署功能
# 启动服务 localhost:8080
npm run dev

# 构建生产环境
npm run build

五、项目地址

官方网站

开放签官网网站:https://www.kaifangqian.com

开源工具版

(1)开放签电子签章系统-开源工具版体验地址:https://demo.kaifangqian.com

(2)开放签电子签章系统-开源工具版gitee源码:https://gitee.com/kaifangqian

(3)开放签电子签章系统-开源工具版github源码:https://github.com/kaifangqian

企业版

(1)开放签电子签章系统-企业版体验地址:https://home.kaifangqian.com/#/login

(2)开放签电子签章系统-企业版使用手册:https://www.yuque.com/huxin-ch41t/kaifangqian

六、反馈交流

QQ交流群:482074553

联系电话:150-1099-3257

MIT License Copyright (c) 2023 kaifangqian Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

开放签电子签章/电子合同开源工具版前端源代码,主要功能包括:手写面板/手写签名,印章生成,文件签署,根据关键字定位签署位置,拖动签名定位签署位置,您通过源代码基本可以掌握市面上电子签章/电子合同等产品在前端层面的技术,便于您自行构建电子签章/电子合同系统。 展开 收起
NodeJS
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
NodeJS
1
https://gitee.com/limtno/open-sign-vue.git
git@gitee.com:limtno/open-sign-vue.git
limtno
open-sign-vue
开放签电子签章 电子合同开源工具版-前端源码
main

搜索帮助