HTML页面"调用"dll(C#)

36 阅读 0 评论 24 点赞

我是靠谱客的博主优美发带，最近开发中收集的这篇文章主要介绍HTML页面"调用"dll(C#)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

第一篇Blog, 来谈谈最近两天研究的如何用HTML "调用" C#写的dll

原理: js(ajax)发送get请求, python作为服务器, 通过python调用C#开发的dll.

首先, python调用dll, 用到python package: pythonnet, 该python包用来python和.net交互

安装方法: pip install pythonnet

注意, 64位python只能调用64位的dll, 如果dll中调用其他32位的dll, 则方法会失效

解决办法: 共存32位和64位的python, 需要哪个版本的python就调用哪个. 顺便说一句, python.exe可以重命名为包含版本信息的名字, 如python35_64.exe, 即为64位python3.5, python27_32.exe则为32位python2.7

接下来说一下调用dll的方法

假设c#开发的dll, 其namespace为my_namespace, 你要调用的class name为my_class, 其下有一个方法为my_dosth(int value)

import clr

path = "your dll path"

clr.AddReference(path)

from my_namespace import *

my_class_obj = my_class()

print(my_class_obj.my_dosth(100)) # 此处得到my_dosth的返回值, 参数为100

如此, python即可调用dll, (由C#开发). 怎么样, 很简单吧

接下来是如何用jQuery的ajax发送get请求, 用python做服务器来接受并处理, 再返还给ajax.

首先搭建服务器, 用python的Flask框架

安装方法:

pip install Flask

pip install Flask-Cors, 该包用来做ajax跨域. 所谓跨域, 就是指服务器的ip, host和??与客户端对应值至少一处不同.

比如服务器是http://127.0.0.1:5000

而客户端是http://localhost:63342, 则两者端口号不同, 此时用ajax请求时需注意跨域问题

下面上python服务器代码:

from flask import Flask, render_template, request, jsonify, Response
from flask_cors import *

@app.route('/')
def hello_world():
return "hello world!"

@app.route('/addnumber', methods=['GET'])
def add():
a = request.args.get('a', 0, type=float)
b = request.args.get('b', 0, type=float)
data = a + b
retstr = "successCallback" + "({"result":" + str(data) + "})"
print(retstr)
return retstr

if __name__ == "__main__":
app.run()

其中route为路由, 需要在ajax请求中指定

successCallback是回调函数, 在jsonp格式下需要额外注意, 该字符串需与ajax请求中的jsonpCallback相同

下面是客户端代码

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="mycss.css">
<link href="bootstrap.min.css" rel="stylesheet">
<script src="jquery-3.3.1.js"></script>
<script src="bootstrap.min.js"></script>
<script src="my_jQuery_funcs.js"></script>








<p>Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
Thie is the head<br>
</p>
</head>
<body>
<p><a href="http://www.baidu.com" target="_blank"> 百度</a></p>
<button type="button" οnclick="alert('Welcome!')" )> Click me</button>
<button type="button" οnclick="myFunc()">Try to click me!</button>
<p id="like">You like me!</p>
<img id="myImage" src="eg_bulboff.gif" οnclick="changeImage()"/>
<p>Please click on the Bulb!</p>
<input id="input_form" type="text">
<button type="button" οnclick="identifyNum()">check num</button>
<button type="button" id="test" οnclick="test_dll('NDTBOX_LIB.MainCall','add' )">call python</button>
<button type="button" id="hide">Click me and I will disappear</button>

<div class="container">
<div class="header">
<h3 class="text-muted">addNum</h3>
</div>
<hr/>
<div>
<p>
<input type="text" id='a' size="5" name="a"> +
<input type="text" id='b' size="5" name="b"> =
<span id="result">?</span>
<p>
<button class="btn btn-success" id="calculate">calculate</button>
</form>
</div>
</div>
<p id="moduleID">hahaha</p>
<button type="button" id="get_info">Module ID</button>
</body>

<script src="myFuncs.js">
</script>
</html>

其中jQuery和 bootstrap.min.css, bootstrap.min.js可以自行搜索下载

下面是mycss:

h {
color: blue;
background-image: url("timg.jpg");
}

p {
color: red;
/*background-image: url("timg.jpg");*/
background-size: 100% 100%;
background-repeat: repeat;
background-position: center;
/*background-attachment: fixed;*/
padding: 29px;
text-indent: 5em;
font-family: Consolas, sans-serif;
}

a:link {
color: red
}

a:visited {
color: gray
}

a:hover {
color: blue;
text-decoration: underline;
}

a:active {
color: green;
text-decoration: underline;
}

下面是重头戏, js:

jq = $.noConflict();
jq(document).ready(function () {
jq("button").click(function () {
jq("#hide").hide(2000);
});
jq("button").dblclick(function () {
jq(this).css("background-color", "red");
})
});

jq(document).ready(function () {
jq("#get_info").click(function () {
jq("#moduleID").css("background-color", "yellow");
jq.ajax({
url: "http://127.0.0.1:5000/getinfo?callback=?",
data: {
x: 1,
y: 2
},
dataType: "jsonp",
type: 'GET',
// async: false,
timeout: 50000,
jsonp: "callback",
jsonpCallback: 'successCallback',
error: function (result, status, errorThrown) {
alert('fail');
alert("responsetext: " + result.responseText);
alert("result.status: " + result.status);
alert("readyState: " + result.readyState);
alert("status: " + status);
alert(errorThrown);
},
success: function (data) {
jq("#moduleID").html(data.result);
}
})
})
});

jq(document).ready(function () {
jq("#calculate").click(function () {
jq("#test").css("background-color", "green");
jq.ajax({
url: 'http://127.0.0.1:5000/addnumber?callback=?',
data: {
"a": jq('#a').val(),
"b": jq('#b').val()
},
dataType: 'jsonp',
// dataType: "text",
type: 'GET',
async: false,
timeout: 50000,
jsonp: "callback",
jsonpCallback: 'successCallback',
error: function (result, status, errorThrown) {
alert('fail');
alert("responsetext: " + result.responseText);
alert("result.status: " + result.status);
alert("readyState: " + result.readyState);
alert("status: " + status);
alert(errorThrown);
jq("#test").css("background-color", "red");
},
success: function (data) {
alert('success');
alert(data);
jq("#test").css("background-color", "yellow");
jq("#result").html(data.result);
}
});
});
});