前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >英语单词小程序插件 - EdictPlugin-LTS

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

作者头像
Kindear
发布2021-03-11 11:29:25
3800
发布2021-03-11 11:29:25
举报

1.插件引入

插件地址:https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx2facb7b57eedf7e6&token=1994064761&lang=zh_CN

全局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.技术交流

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-03-08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.插件引入
  • 2.插件功能介绍
    • 2.1 悬浮查词组件 NavSearch
      • 2.2 单词检索页面 DictSearch
        • 2.3 单词册 WordCate
          • 2.4 单词详细 WordDetail
            • 2.5 En-Zh 英汉互译
            • 4. 参考
            • 5.技术交流
            相关产品与服务
            访问管理
            访问管理(Cloud Access Management,CAM)可以帮助您安全、便捷地管理对腾讯云服务和资源的访问。您可以使用CAM创建子用户、用户组和角色,并通过策略控制其访问范围。CAM支持用户和角色SSO能力,您可以根据具体管理场景针对性设置企业内用户和腾讯云的互通能力。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档