Sketch项目文件上传预览方法、系统、设备及介质与流程

文档序号:22177394发布日期:2020-09-11 21:33阅读:来源:国知局

技术特征:

1.一种sketch项目文件的上传预览方法,其特征在于,所述sketch项目文件的上传预览方法包括以下步骤:

在sketch插件客户端将sketch项目文件上传并存入存储系统;

sketch插件生成所述sketch项目文件的版本识别号,所述存储系统返回所述sketch项目文件的文件识别号;

根据所述sketch项目文件的所述文件识别号和所述版本识别号生成所述sketch项目文件的在线预览地址;

在浏览器中访问所述在线预览地址,预览所述sketch项目文件。

2.如权利要求1所述的sketch项目文件的上传预览方法,其特征在于,在将sketch项目文件上传并存入存储系统之前,对所述sketch项目文件进行导出标注、切片、打包和压缩;

所述sketch项目文件包括sketch文件、标注稿json文件、切片json文件和所述sketch文件生成的图片文件中的至少一种;

在浏览器中访问所述在线预览地址时,获取所述sketch文件、所述标注稿json文件、所述切片json文件和所述sketch文件生成的图片文件中的至少一种,加载生成所述sketch项目文件的预览页;

在生成所述sketch项目文件的所述在线预览地址之后,自动打开浏览器,跳转到所述在线预览地址,预览所述sketch项目文件。

3.如权利要求2所述的sketch项目文件的上传预览方法,其特征在于,所述存储系统包括系统数据库和ceph分布式存储系统;

在将sketch项目文件上传并存入存储系统时,所述ceph分布式存储系统按照sketch.uuid=a的命名方式存储所述sketch文件,所述ceph分布式存储系统按照a.pages.json的命名方式存储所述标注稿json文件,所述ceph分布式存储系统按照a.slices.json的命名方式存储所述切片json文件,所述ceph分布式存储系统按照a.p.png的命名方式存储所述图片文件;其中a代表所述版本识别号,p代表图片文档标识,所述图片文档标识通过解析所述标注稿json文件和所述切片json文件得到;

所述存储系统返回所述sketch项目文件的文件识别号时,所述系统数据库返回所述sketch项目文件的文件识别号。

4.如权利要求1所述的sketch项目文件的上传预览方法,其特征在于,在将sketch项目文件上传并存入存储系统之前,验证请求上传的客户端的用户权限;

和/或,在浏览器中访问所述在线地址之前,验证请求预览的客户端的用户权限。

5.一种sketch项目文件的上传预览系统,其特征在于,所述sketch项目文件的上传预览系统包括文件上传模块、识别号生成模块、地址生成模块和预览模块;

所述文件上传模块用于在sketch插件客户端将sketch项目文件上传并存入存储系统;

所述识别号生成模块用于在sketch插件中生成所述sketch项目文件的版本识别号,所述识别号生成模块还用于从所述存储系统返回所述sketch项目文件的文件识别号;

所述地址生成模块用于根据所述sketch项目文件的文件识别号和版本识别号生成所述sketch项目文件的在线预览地址;

所述预览模块用于在浏览器中访问所述在线预览地址,预览所述sketch项目文件。

6.如权利要求5所述的sketch项目文件的上传预览系统,其特征在于,所述sketch项目文件的上传预览系统还包括预处理模块;

在将sketch项目文件上传并存入存储系统之前,所述预处理模块用于对sketch项目文件进行导出标注、切片、打包和压缩;

所述sketch项目文件包括sketch文件、标注稿json文件、切片json文件和所述sketch文件生成的图片文件中的至少一种;

在浏览器中访问所述在线地址时,所述预览模块还获取sketch文件、所述标注稿json文件、所述切片json文件和所述sketch文件生成的图片文件中的至少一种,加载生成所述sketch项目文件的预览页;在生成所述sketch项目文件的在线预览地址之后,所述预览模块还用于自动打开浏览器,跳转到所述在线预览地址,预览所述sketch项目文件。

7.如权利要求6所述的sketch项目文件的上传预览系统,其特征在于,所述存储系统包括系统数据库和ceph分布式存储系统;

所述sketch项目文件的上传预览系统还包括存储模块;在将sketch项目文件上传并存入所述ceph存储系统时,所述存储模块按照sketch.uuid=a的命名方式存储所述sketch文件,所述存储模块按照a.pages.json的命名方式存储所述标注稿json文件,所述存储模块按照a.slices.json的命名方式存储所述切片json文件,所述存储模块按照a.p.png的命名方式存储所述图片文件;其中a代表所述版本识别号,p代表图片文档标识,所述图片文档标识通过解析所述标注稿json文件和所述切片json文件得到;

所述存储系统返回所述sketch项目文件的文件识别号时,所述识别号生成模块从所述系统数据库返回所述sketch项目文件的文件识别号。

8.如权利要求5所述的sketch项目文件的上传预览系统,其特征在于,所述sketch项目文件的上传预览系统还包括权限验证模块;在将sketch项目文件上传并存入存储系统之前,所述权限验证模块验证请求上传的客户端的用户权限;

和/或,在浏览器中访问所述在线地址之前,所述权限验证模块验证请求预览的客户端的用户权限。

9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行计算机程序时实现权利要求1-4中任一项所述的sketch项目文件的上传预览方法。

10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现权利要求1-4中任一项所述的sketch项目文件的上传预览方法的步骤。


技术总结
本发明公开了一种Sketch项目文件上传预览方法、系统、设备及介质,该方法包括以下步骤:在Sketch插件客户端将Sketch项目文件上传并存入存储系统;Sketch插件生成Sketch项目文件的版本识别号,存储系统返回文件识别号;根据Sketch项目文件的文件识别号和版本识别号生成Sketch项目文件的在线预览地址;在浏览器中访问在线预览地址,预览Sketch项目文件。本发明在Sketch软件中通过一个Sketch插件一键上传Sketch项目文件,文件上传后Web应用可以通过与项目文件识别号和版本识别号相关联的唯一的在线预览地址预览Sketch文件,大幅简化了设计工作流程,提高工作效率。

技术研发人员:刘龙龙;尹正波;何文彪
受保护的技术使用者:携程旅游信息技术(上海)有限公司
技术研发日:2020.06.04
技术公布日:2020.09.11
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1