从零开始学习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目录下生成压缩包文件如果是在线模式则会生成普通文件目录

部署

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"))

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/103528.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

塔式服务器介绍

大家都知道服务器分为机架式服务器、刀片式服务器、塔式服务器三类,今天小编就分别讲一讲这三种服务器,第三篇先来讲一讲塔式服务器的介绍。 塔式服务器定义:塔式服务器的外观和普通电脑差不多,直立放置。机箱比较大,服…

药房商城小程序便捷购药体验,找药买药一键操作

在我们的生活中,偶尔会遇到身体不适或需要常见药品的情况。然而,传统的购药方式往往会浪费大量的时间和精力。幸运的是,现在有了药房商城小程序,仅需一键操作,您就能享受到便捷、高效的购药体验。 药房商城小程序是用于…

聊聊分布式架构10——Zookeeper入门详解

目录 01ZooKeeper的ZAB协议 ZAB协议概念 ZAB协议基本模式 消息广播 崩溃恢复 选举出新的Leader服务器 数据同步 02Zookeeper的核心 ZooKeeper 的核心特点 ZooKeeper 的核心组件 选举算法概述 服务器启动时的Leader选举 服务器运行期间的Leader选举 03ZooKeeper的…

Netty核心源码剖析

Netty 线程模型 Netty高并发高性能架构设计精髓 主从Reactor线程模型NIO多路复用非阻塞无锁串行化设计思想支持高性能序列化协议零拷贝(直接内存的使用)ByteBuf内存池设计灵活的TCP参数配置能力并发优化 无锁串行化设计思想 在大多数场景下,并行多线程处理可以提…

安卓使用android studio跨进程通信之AIDL

我写这篇文章不想从最基础的介绍开始,我直接上步骤吧. 1.创建服务端 1.1:创建服务端项目:我的as版本比较高,页面就是这样的 1.2:创建AIDL文件,右键项目,选中aidl aidl名字可以自定义也可以默认 basicTypes是自带的,可以删掉,也可以不删,然后把你自己所需的接口写上去 1.3:创建…

CSS 两栏布局

目录 CSS两栏布局(左列定宽,右列自适应宽) 方法一:浮动margin 方法二:定位margin 方法三:浮动BFC 方法四:Flex布局 方法五:able布局 CSS两栏布局(左列不定宽&#…

uniapp 自定义导航栏

自定义导航栏 修改 pages.json 在 pages.json 中将 navigateionStyle 设为 custom 新建 systemInfo.js systemInfo.js 用来获取当前设备的机型系统信息,放在 common 目录下 /*** 此 js 文件管理关于当前设备的机型系统信息*/ const systemInfo function() {/***…

信息检索与数据挖掘 | 【实验】排名检索模型

文章目录 📚实验内容📚相关概念📚实验步骤🐇分词预处理🐇构建倒排索引表🐇计算query和各个文档的相似度🐇queries预处理及检索函数🔥对输入的文本进行词法分析和标准化处理&#x1f…

从0开始在Vscode中搭建Vue2/3项目详细步骤

1.安装node.js:Node.js下载安装及环境配置教程【超详细】_nodejs下载_WHF__的博客-CSDN博客 node.js自带npm,无需单独安装。 验证: node -v npm -v 2.先简单创建一个空文件夹,vscode进入该文件夹,并打开终端。 3.安装cnpm&…

【Gensim概念】03/3 NLP玩转 word2vec

第三部分 对象函数 八 word2vec对象函数 该对象本质上包含单词和嵌入之间的映射。训练后,可以直接使用它以各种方式查询这些嵌入。有关示例,请参阅模块级别文档字符串。 类型 KeyedVectors 1) add_lifecycle_event(event_name, log_level2…

OpenCV视频车流量识别详解与实践

视频车流量识别基本思想是使用背景消去算法将运动物体从图片中提取出来,消除噪声识别运动物体轮廓,最后,在固定区域统计筛选出来符合条件的轮廓。 基于统计背景模型的视频运动目标检测技术: 背景获取:需要在场景存在…

React 框架

1、React 框架简介 1.1、介绍 CS 与 BS结合:像 React,Vue 此类框架,转移了部分服务器的功能到客户端。将CS 和 BS 加以结合。客户端只用请求一次服务器,服务器就将所有js代码返回给客户端,所有交互类操作都不再依赖服…

禁止拷贝文件到U盘的解决办法

禁止拷贝文件到U盘的解决办法 安企神U盘管理系统下载使用 说到这问题,大多情况下是企业的需求,很多公司电脑中都保存着极为重要的数据,这些数据往往是不能传播的,所以此时就需要禁止拷贝文件到U盘来防止公司数据被泄密。 禁止拷…

python造测试数据存到excel

代码: from ExcelHandler import ExcelHandler from faker import Faker # 导入faker库的Faker方法 # ↓默认为en_US,只有使用了相关语言才能生成相对应的随机数据 fkFaker(locale"zh_CN")def create_date():m int(input(请输入要造的数据条…

自动驾驶的商业应用和市场前景

自动驾驶技术已经成为了交通运输领域的一项重要创新。它不仅在改善交通安全性和效率方面具有巨大潜力,还为各种商业应用提供了新的机会。本文将探讨自动驾驶在交通运输中的潜力,自动驾驶汽车的制造商和技术公司,以及自动驾驶的商业模式和市场…

基于OpenCV批量分片高像素影像

基于OpenCV批量分片高像素影像 为了更加精确的诊断和治疗,医疗影像往往是大像素(1920x1080)或超大像素图像(4k图像4096x2160)。这类图像的尺寸与深度学习实验数据常见尺寸(227x227,或32x32&…

OpenCV实现物体尺寸的测量

一 ,项目分析 物体尺寸测量的思路是找一个确定尺寸的物体作为参照物,根据已知的计算未知物体尺寸。 如下图所示,绿色的板子尺寸为220*300(单位:毫米),通过程序计算白色纸片的长度。 主要是通过…

我国有多少个港口?

港口是什么? 港口是海洋运输中不可或缺的重要设施之一,是连接陆路和水路运输的重要节点。港口通常是指位于沿海地区的水陆交通枢纽,是船舶停靠、装卸货物、储存物资和维修船只的场所。港口一般由码头、泊位、仓库、货场、客运站等设施组成&a…

数据结构和算法概述

什么是数据结构? 官方解释: 数据结构是一门研究非数值计算的程序设计问题中的操作对象,以及他们之间的关系和操作等相关问题的学科。 大白话: 数据结构就是把数据元素按照一定的关系组织起来的集合,用来组织和存储…

【网安大模型专题10.19】※论文5:ChatGPT+漏洞定位+补丁生成+补丁验证+APR方法+ChatRepair+不同修复场景+修复效果(韦恩图展示)

Keep the Conversation Going: Fixing 162 out of 337 bugs for $0.42 each using ChatGPT 写在最前面背景介绍自动程序修复流程Process of APR (automated program repair)1、漏洞程序2、漏洞定位模块3、补丁生成4、补丁验证 (可以学习的PPT设计)经典的…