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

  • 相关阅读:
    Xamarin体验：使用C#开发iOS/Android应用
    SSM整合
    ros2工作空间
    Java扩展Nginx之二：编译nginx-clojure源码
    CSRF 跨站请求伪造
    移动硬盘误删除要如何恢复呢?
    Qt在Windows系统下检索U盘的插拔
    可视化开源自定义表单的特点表现在哪里？
    保护 Web 服务器安全性
    什么是V2X？如何通过V2X技术实现5G智慧交通？（二）
  • 原文地址：https://blog.csdn.net/belldeep/article/details/133426837