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

  • 相关阅读:
    协议-TCP协议-基础概念02-TCP握手被拒绝-内核参数-指数退避原则-TCP窗口-TCP重传
    php快速排序法
    CVE-2023-46227 Apache inlong JDBC URL反序列化漏洞
    算法竞赛进阶指南 捉迷藏
    逆向案例二：关键字密文解密，自定义的加密解密。基于企名片科技的爬取。
    Jetson Xavier NX 试玩 (二)
    （附源码）计算机毕业设计SSM家政信息管理平台
    npm install 报错问题解决合集
    uniapp -- 基础配置篇
    【考研复习】《操作系统原理》孟庆昌等编著课后习题+答案——第三章
  • 原文地址：https://blog.csdn.net/belldeep/article/details/133426837