• python：bottle + eel 模仿 mdict 查英汉词典

    Eel 是一个轻量的 Python 库，用于制作简单的类似于离线 HTML/JS GUI 应用程序，并具有对 Python 功能和库的完全访问权限。

    Eel 托管一个本地 Web 服务器，允许您使用 Python 注释函数（annotate functions），可以从 JavaScript 调用python函数，也可以从python调用JavaScript函数。

    Eel 基于 Bottle 和 gevent 构建，它们提供了类似于 JavaScript 的异步事件循环。

    用chrome 访问 https://www.lfd.uci.edu/~gohlke/pythonlibs/#python-lzo
    下载 python_lzo-1.14-cp38-cp38-win_amd64.whl
    pip install python_lzo-1.14-cp38-cp38-win_amd64.whl

    pip install readmdict ;

    pip install eel

    Eel-0.16.0.tar.gz (24 kB)
    bottle-websocket-0.2.9.tar.gz (2.0 kB)
    whichcraft-0.6.1-py2.py3-none-any.whl (5.2 kB)
    gevent_websocket-0.10.1-py3-none-any.whl (22 kB)
    gevent-23.9.1-cp310-cp310-win_amd64.whl (1.5 MB)
    zope.event-5.0-py3-none-any.whl (6.8 kB)

    编写 mdict_eel.py 如下

    1. # -*- coding: utf-8 -*-
    2. """ web server 用于查询英汉词典 """
    3. import os
    4. import sys
    5. import json
    6. import time
    7. from readmdict import MDX
    8. import bottle
    9. from bottle import route, post, request, static_file
    10. import eel
    11. import win32com.client  # TTS
    12. sapi = win32com.client.Dispatch("SAPI.SpVoice")
    13.  
    14. start_time = time.time()
    15. os.chdir("/mdict")
    16. # 加载.mdx文件
    17. filename = "your.mdx"
    18. mdx = MDX(filename)
    19. headwords = [*mdx]       # 单词名列表
    20. items = [*mdx.items()]   # 释义html源码列表
    21. n = len(headwords)
    22. m = len(items)
    23. if n == m:
    24.     print(f'{filename} 加载成功：共{n}条')
    25.     end_time = time.time()
    26.     print('cost %f second' % (end_time - start_time))
    27. else:
    28.     print(f'ERROR:加载失败 {n}!={m}')
    29.     sys.exit(1)
    30.  
    31. app = bottle.Bottle()
    32.  
    33. # 静态资源的目录通常称为public或static
    34. @app.route('/')
    35. def server_static(filepath):
    36.     return static_file(filepath, root='./')
    37.  
    38. def eng_han(txt):
    39.     """ 英译中 """
    40.     if not txt.isascii():
    41.         return 'Maybe text is not english'
    42.     word = txt.encode()
    43.     word1 = txt.capitalize().encode() # 第1个字母变大写
    44.     global headwords, items
    45.     try: # 查词，返回单词和html文件
    46.         if word in headwords:
    47.             wordIndex = headwords.index(word)
    48.         else:
    49.             wordIndex = headwords.index(word1)
    50.         word,html = items[wordIndex]
    51.         result = html.decode()
    52.         if result.startswith('@@@LINK='):
    53.             w = result[8:].strip()
    54.             result = ''">' +w+ ''
    55.         else:
    56.             result = result.replace(''
                  result = result.replace('"/thumb/', '"data/thumb/')
    57.             result = result.replace('entry://', '/trans?txt=')
    58.             #result = result.replace('sound://','/data/')
    59.     except:
    60.         result = f"
      {txt} is not in word_list.
      "
    61.     return result
    62.  
    63. @app.route('/prefix')
    64. def prefix():
    65.     """ 前缀匹配 """
    66.     try:
    67.         txt = request.query.txt
    68.     except:
    69.         return '1: get txt error'
    70.     if len(txt.strip()) ==0:
    71.         return 'text is null'
    72.     print(txt)
    73.     if len(txt) > 1:
    74.         alist = []
    75.         word = txt.strip().lower() # 字母变小写
    76.         for hw in headwords:
    77.             hws = hw.decode().lower()
    78.             if hws.startswith(word):
    79.                 hws = hw.decode()
    80.                 alist.append(hws)
    81.         if len(alist) > 0:
    82.             result = json.dumps(alist)
    83.         else:
    84.             result = '["not found"]'
    85.     else:
    86.         result = '["length too short"]'
    87.     return result
    88.  
    89. @app.route('/trans')
    90. def trans():
    91.     """ method=GET 英译中"""
    92.     try:
    93.         txt = request.query.txt
    94.     except:
    95.         return '1: get txt error'
    96.     if len(txt.strip()) ==0:
    97.         return 'text is null'
    98.     print(txt)
    99.     result = eng_han(txt)
    100.     return result
    101.  
    102. @app.route('/trans', method='POST')
    103. def trans():
    104.     """ 英译中 """
    105.     try:
    106.         #txt = request.forms.get('txt')
    107.         txt = request.POST.get('txt')
    108.     except:
    109.         return '1: get txt error'
    110.     if len(txt.strip()) ==0:
    111.         return 'text is null'
    112.     print(txt)
    113.     result = eng_han(txt)
    114.     return result
    115.  
    116. eel.init('.')
    117.  
    118. @eel.expose           # 暴露python函数给js
    119. def py_speak(txt):
    120.     """ text TTS """
    121.     if txt.strip() !='':
    122.         sapi.Speak(txt)
    123.  
    124. #eel.start('index.html', app=middleware)
    125. eel.start('index5.html', app=app, size=(1000,600))
    126. #eel.start('index5.html', app=app, mode="edge", size=(1000,600))

    编写 index5.html 如下

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="utf-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>查询英汉词典title> 
    8.     <script src="/eel.js">script>
    9.     <script src="jquery-3.2.1.min.js">script>
    10. <style>
    11. /* portrait 判断为竖屏 */
    12. @media only screen and (orientation: portrait){
    13.      #lab1 {display:none;}
    14. } 
    15. /* landscape 判断为横屏 */ 
    16. @media only screen and (orientation: landscape){
    17.      #lab1 {display: ;} 
    18. }    
    19. style>
    20. head>
    21. <body>
    22.   <form name="form" id="form" action="trans" method="POST" target="iframe">
    23.     <label id="lab1">请输入：label>
    24.     <input type="text" name="txt" id='txt' size="30" placeholder="请输入 a word">
    25.     <input type="submit" name="eng_han" value="英译汉">
    26.     <input type="button" name="btn1" id="btn1" value="前缀查询">
    27.     <input type="button" name="btn2" id="btn2" value="TTS读音" onclick="tts2();">
    28.   form>
    29.   <p>p>
    30. <div style="float:left; width:100%;">
    31.   <div id="result" style="float:left; width:80%; height:400; border:2px;">
    32.     <iframe name="iframe" id="iframe" width="100%" height="400"> iframe>
    33.   div>
    34.   <div id="alist" style="float:right; width:20%; height:400; border:2px;">
    35.   div>
    36. div>
    37.   
    38.   <script type="text/javascript">
    39.     $(function(){
    40.       $("#btn1").click(function(){
    41.         $.getJSON("/prefix?txt="+$("#txt").val(), function(data){
    42.           var items = [];
    43.           $.each(data, function(i, item){
    44.             if (i<=20){
    45.               items[i] = ''" target="iframe">' +item+ "
      ";
    46.             }
    47.           });
    48.           var a = items.join('\n');
    49.           if (a) $('#alist').html(a);
    50.         })
    51.       })
    52.     });
    53.  
    54.     // TTS
    55.     function tts() {
    56.         var txt = document.getElementById('txt').value;
    57.         if (txt.length >1) eel.py_speak(txt);
    58.     }
    59.  
    60.     // 屏幕双击取词
    61.     function tts2() {
    62.         // 获取iframe里的选择内容
    63.         var select = window.frames['iframe'].getSelection();
    64.         var txt = select.toString();
    65.         if (txt.length >1) eel.py_speak(txt);
    66.         else tts();       
    67.     }
    68.  
    69.   // 页面加载添加：监听iframe网页点击事件
    70.   $(document).ready(function(){
    71.     var listener = window.addEventListener('blur', function(){
    72.       if (document.activeElement === document.getElementById('iframe')){
    73.         $('iframe').contents().find('a.fayin').click(function(event){
    74.           event.preventDefault();
    75.           var a = $(this);
    76.          if (a){
    77.           var addr = a.attr('href');
    78.           if (addr.indexOf('sound://')==0){
    79.             var url = "/data" + addr.substring(7);
    80.             var mp3 = new Audio(url);
    81.             mp3.addEventListener("canplaythrough", (event)=> {
    82.                mp3.play();
    83.             });
    84.           } else {
    85.             alert('href='+addr);
    86.           }
    87.          }
    88.         })
    89.       }        
    90.     });
    91.   });
    92.   script> 
    93. body>
    94. html>

    运行 python mdict_eel.py 

    个人感觉：bottle + eel 比 pywebview + cef 要好用些。

  • 相关阅读:
    conductor 3.7以上 jedisCommands ArrayIndexOutOfBoundsException 解决分析
    猿创征文 |【JavaScript】-- js知识点大总结
    Qt之Model/View架构
    动态规划题目
    盘点常见的动态内存的错误
    多模数据库 | 星环科技多模数据库ArgoDB“一库多用“，构建高性能湖仓集一体平台
    Redis缓存（笔记一：缓存介绍和数据库启动）
    【工作小技巧】刚入职的软件测试工程师怎么快速上手新岗位
    2007-2008期末试题B卷
    Python基础入门篇【42】--python中的内置库os与sys模块
  • 原文地址：https://blog.csdn.net/belldeep/article/details/133426837