• 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 要好用些。

  • 相关阅读:
    玩转Mysql系列 - 第21篇：什么是索引？
    2022赣政杯---Writeup
    Spark基础：Kafka分布式消息系统
    大模型遇上数智化，腾讯云与行业专家共探行业AI发展之路
    子数组的最小值之和（java）
    摊还分析在算法设计中的应用
    初学J2V8
    程序员开发必备，开发资源资料分享【4】
    九、池化层
    EN 13967防水用柔性薄板—CE认证
  • 原文地址：https://blog.csdn.net/belldeep/article/details/133426837