electron桌面应用开发（五）

最新推荐文章于 2023-03-16 14:02:24 发布

一番码客

最新推荐文章于 2023-03-16 14:02:24 发布

阅读量203

点赞数

分类专栏：【一番码客】软件开发实战

本文链接：https://blog.csdn.net/weixin_42456822/article/details/102714636

版权

【一番码客】软件开发实战专栏收录该内容

40 篇文章 2 订阅

订阅专栏

一番码客 : 挖掘你关心的亮点。
http://efonfighting.imwork.net

文章目录

前言

前一篇一番实现了在js里调用python程序，这一篇一番试图将electron页面上输入的一些参数传递给python程序。

python处理

import sys
import zerorpc

class CalcApi(object):
    def eval(self, text):
        """based on the input text, return the int result"""
        try:
            return eval(text)
        except Exception as e:
            return 0.0

    def echo(self, text):
        """echo any text"""
        return text

def parse_port():
    return 4242

def main():
    addr = 'tcp://127.0.0.1:{}'.format(parse_port())
    s = zerorpc.Server(CalcApi())
    s.bind(addr)
    print('start running on {}'.format(addr))
    s.run()

if __name__ == '__main__':
    main()

electron部分

index.js保持不变
index.ejs添加如下输入框

  <head>
    <meta charset="UTF-8">
    <title>Hello Calculator!</title>
  </head>
  <body>
    <h1>Hello Calculator!</h1>
    <p>Input something like <code>1 + 1</code>.</p>
    <p>This calculator supports <code>+-*/^()</code>,
    whitespaces, and integers and floating numbers.</p>
    <input id="formula" value="1 + 2.0 * 3.1 / (4 ^ 5.6)"></input>
    <div id="result"></div>
  </body>
  <script>
    require('./render.js')
  </script>

功能模块render.js

const zerorpc = require("zerorpc")
let client = new zerorpc.Client()
client.connect("tcp://127.0.0.1:4242")

let formula = document.querySelector('#formula')
let result = document.querySelector('#result')
formula.addEventListener('input', () => {
  client.invoke("eval", formula.value, (error, res) => {
    if(error) {
      console.error(error)
    } else {
      result.textContent = res
    }
  })
})
formula.dispatchEvent(new Event('input'))