英语单词小程序插件 - EdictPlugin-LTS

2023-09-28 11:54:16

1.插件引入

全局app.json配置

"plugins": {
    "edict-plugin": {
      "version": "1.6.0",
      "provider": "wx2facb7b57eedf7e6"
    }
}

全局app.js初始化(使用wordcate必须先初始化，其余功能不需要)

var plugin = requirePlugin("edict-plugin");
App({
  pluginconfig: {
    appid: ‘wx2facb7b57eedf7e6‘,
    appname: ‘英语词典‘,
    platfrom: ‘wx‘
  },
  onLaunch: function () {
    plugin.InitEdict(this.pluginconfig).then(stas => {
      if (stas) {
        console.log(‘初始化成功‘)      }
    })
  }
})

TIPS:引入初始化是为了之后根据不同的应用需求，配置不同的单词册形式，如只有六级词汇的单词册等

2.插件功能介绍

插件提供的功能分为两种形式，一种是组件形式，可*引入，一种是页面形式，只可以通过跳转使用。

2.1 悬浮查词组件 NavSearch

NavSearch使用

在页面json文件中配置引入

{
  "usingComponents": {
    "nav-search":"plugin://edict-plugin/nav-search"
  }
}

使用方法如下,将该段代码放在wxml的顶部

<view>
  <nav-search navshow="{{navshow}}" bind:wordselect="wordselect"></nav-search>
</view>

navshow参数为控制组件是否显示的，与wx:if效果相同，wordselct为点击单词触发事件

wordselect(e){
    let word = e.detail.word;
    wx.navigateTo({
      url: ‘plugin://edict-plugin/word?word=‘+word,
    })
}

2.2 单词检索页面 DictSearch

DictSearch使用

直接进行页面跳转即可

wx.navigateTo({
      url: ‘plugin://edict-plugin/search‘
})

2.3 单词册 WordCate

WordCate使用

直接跳转即可，后续功能需要userid，请使用者自行获取用户openid并携带

wx.navigateTo({
      url: ‘plugin://edict-plugin/index?userid=[openid]‘
})

获取方式 Java 获取小程序openid（基于SpringBoot）

2.4 单词详细 WordDetail

WordDetail使用

携带参数跳转，如下所示

wx.navigateTo({
      url: ‘plugin://edict-plugin/word?word=‘+word,
})

该功能正在完善中，对应的翻译语句等现在比较少，后续会持续增加，欢迎愿意维护该项目的同学加入

2.5 En-Zh 英汉互译

En-Zh 使用

页面跳转即可

  wx.navigateTo({
      url: ‘plugin://edict-plugin/en-zh‘
    })

4. 参考

1.小鸡单词:https://github.com/flymysql/WeChat-applets

2.ColorUI:https://www.color-ui.com/

5.技术交流

欢迎愿意维护该项目的同学或小程序开发者加入交流群