从零开始学习wpsjs

1.这是一个简单的wpsjs学习文档,我是边学习wpsjs边记录学习的,希望对您的学习有所帮助

开发事项:

  1. 全局安装wpsjs:npm install -g wpsjs
  2. Wpsjs create HelloWps
安装wps

npm install -g wpsjs

新建一个wps加载项

输入命令wpsjs create HelloWps, 会出现以下几个选项:

文字,演示,电子表格,这里选择电子表格(需注意:你选择了何种类型选项只会对选中的类型的文件起作用,这里选择了电子表格只会对xls,xlsx类型文件起作用)

选择示例代码的代码风格类型

wpsjs工具包提供了两种不同代码风格的示例,“无”代表示例代码中都是原生的js及html代码,没有集成vue/react等留下==流行的前端框架。 Vue"代表生成的示例代码集成了Vue相关的脚手架,在实际的项目中选用Vue基于示例代码可能更适合做工程化的开发,感兴趣的同学可以两种都尝试一下。
这里我们选择“vue”,按Enter健确认。
确认后wpsjs工具包会在当前目录下生成一个HelloWps的文件夹

使用vscode打开文件夹HelloWps

运行,输入终端命令

wpsjs debug

打包部署可参考:https://club.excelhome.net/thread-1671577-1-1.html

打包

wpsjs build

选择离线模式 wps-addon-build目录下生成压缩包文件如果是在线模式则会生成普通文件目录

离线和在线的方式各有优缺点

在线插件 ——

优点:加载比较平滑,用户首次加载或版本更新后的用户初次访问时间会比离线模式高,且每次都是使用最新的代码

缺点:每次执行时,都是去请求服务器上的资源,比较浪费网络资源,并且网络不好时,不能访问。

总结:在线模式适合在资源频繁改动,且网络稳定的情况下使用

离线插件 ——

优点:只要 name_version 等于加载项文件夹的名字,加载项就不会去更新加载项的包,采用本地的加载项包资源,大大的节省网络资源和用户的时间。

缺点:初次加载或版本变更时,都会先去下载整个加载项包,并解压,会比较耗费时间

总结:离线模式适合资源改动不频繁的情况

部署

wpsjs publish

部署成功后随便打开一个表格文件,然后点击publish.html运行,出现下图则说明部署成功

若出现访问publish.html无显示加载项配置:

  1. 查看wps office是否未账号登录
  2. 查看路径C:\Users\Administrator\AppData\Roaming\kingsoft\wps\jsaddons是否配置解压缩包

若出现加载项安装完成,但是wps office没有显示加载项:

1.是否压缩包已经解压缩到C:\Users\Administrator\AppData\Roaming\kingsoft\wps\jsaddons中了,注意版本号

表格 api:

  1. 当前excel文件名称:Application.ActiveWorkbook.Name   ‘1.xls’
  2. 当前excel文件路径:Application.ActiveWorkbook.Path
  3. 当前工作表数目:Application.ActiveWorkbook.Worksheets.Count
  4. 当前sheet名称:Application.ActiveWorkbook.ActiveSheet.Name   ‘sheet1’
  5. 新增sheet页,左侧添加:Application.Worksheets.Add();
  6. 右侧添加sheet页:Application.Worksheets.Add(undefined,Application.ActiveSheet).Name = “右侧表”
  7. 修改sheet页名称:Application.ActiveSheet.Name = 'ceshi';
  8. 激活sheet页:Application.Worksheets.Item('sheet1').Activate();
  9. 获取单元格对象:Application.ActiveSheet.Cells.Item(1,1)
  10. 当前选中所有的单元格对象:Application.Selection
  11. 当前选中单元格值:Application.Selection.Value2         ‘值’ 
  12. 当前选中单元格地址:Application.Selection.Address()      ‘$A$1:$B$1’;
  13. 设置单元格值:Application.ActiveSheet.Range('A4').Value2 = 4   ‘A4为单元格索引’
  14. 设置单元格颜色:Application.Worksheets.Item("Sheet1").Range("A1").Font.Color = (0, 0, 255)
  15. 批量设置单元格值:Application.ActiveSheet.Range('A12:B13').Value2 = [[1,2],[3,4]];
  16. 批量设置单元格值:
  17. Application.ActiveSheet.Range('A5').Resize(6, 2).Value2 = arr //从A5单元格开始,插入2行6列的数据,arr为二维数组
  18. 设置单元格批注:Application.ActiveSheet.Range('A5').AddComment = ‘aa55’
  19. 清除批注:Application.ActiveSheet.Range('A5').ClearComments();
  20. 批注添加背景图片:Application.ActiveSheet.Range('A5').Comment.Shape.Fill.UserPicture(`${Application.ActiveWorkbook.Path}\\img\\1.png`); // 批注添加背景图片 .\img\1.jpg
  21. 打开xls文件:Application.Workbooks.Open('D:\\Users\\Desktop\\aa\\22.xls');
  22. 选中A1:Application.ActiveSheet.Range('A1').Select();
  23. 选中A1-A5:Application.ActiveSheet.Range("A1" , "A5").Select();
  24. 选中以A1为起点的连续性非空白区域:Application.ActiveSheet.Range('A1').CurrentRegion.Select();
  25. 修改选中区域宽高: Application.Selection.RowWidth = 30;    ‘RowHeight’
  26. 将选中的区域复制到D1:Application.Selection.Copy(Application.ActiveSheet.Range('D1'));
  27. 表格定位插入图片:Application.ActiveSheet.Shapes.AddPicture(‘https://bwipjs-api.metafloor.com/?bcid=code128&text=200534231&includetext=true&textsize=12&height=9’, true, true, 150, 20, 120, 50)
  28. /*此示例将当前活动工作簿的 Sheet1 移到 Sheet3 之后。*/ Application.Worksheets.Item("Sheet1").Move(null, Application.Worksheets.Item("Sheet3"))

文件操作api:

  1. wps.FileSystem.Existh(path): 判断路径是否存在,返回true/false
  2. wps.FileSystem.WriteFile(path,String):文件写入
  3. wps.FileSystem.ReadFile(path):文件读取
  4. wps.FileSystem.Mkdir(path):创建文件
  5. wps.Env.GetRootPath():系统根目录  ‘C:/ ’
  6. wps.Env.GetHomePath():系统根目录下的用户路径  ‘C:/Users/Administrator’
  7. wps.Env.GetTempPath():系统临时目录路径 'C:/Users/Administrator/AppData/Local/Temp'
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
wpsjs是一种用于在网页上调用本地WPS的技术,可以方便用户在浏览器中直接使用WPS的功能。通过wpsjs,用户在网页上点击相关按钮或链接时,可以唤起本地WPS软件,方便进行编辑、保存和分享文档等操作。 实现wpsjs的方法一般是通过在网页中嵌入调用WPS软件的链接或代码。当用户点击该链接或执行相关操作时,就会触发浏览器与本地WPS之间的交互,最终唤起本地WPS软件进行处理。 通过wpsjs,用户可以实现一些常见的操作,比如打开本地的Word文档、Excel电子表格或PowerPoint演示文稿,编辑文本、表格或幻灯片等内容。用户还可以在本地WPS中编辑完成后,进行保存,并将修改后的文档重新传输给网页中的文档对象。 wpsjs的好处在于方便、快捷,使得用户无需离开网页就能够享受到本地WPS软件的强大功能。同时,wpsjs也提高了用户的工作效率,无需频繁切换不同的软件界面,一切操作都可以在网页上完成。 需要注意的是,wpsjs一般需要用户在本地安装WPS软件,并进行相关设置,以确保wpsjs能够正常工作。另外,为了保证用户的信息安全,wpsjs还需要采取一些安全措施,确保用户的操作和文档内容不会被非法获取或篡改。 综上所述,wpsjs的主要作用是唤起本地WPS软件,通过在网页中调用WPS的功能,方便用户在浏览器中完成各种操作。它是一种提高工作效率、简化操作流程的有用技术。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值