zoukankan html css js c++ java

二、在 ASP.NET Core 中使用 SignalR之类库

一、前段代码：

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div class="container">
        <div class="row">&nbsp;</div>
        <div class="row">
            <div class="col-6">&nbsp;</div>
            <div class="col-6">
                User..........<input type="text" id="userInput" />
                <br />
                Message...<input type="text" id="messageInput" />
                <input type="button" id="sendButton" value="Send Message" />
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <hr />
            </div>
        </div>
        <div class="row">
            <div class="col-6">&nbsp;</div>
            <div class="col-6">
                <ul id="messagesList"></ul>
            </div>
        </div>
    </div>
    <script src="~/lib/signalr/dist/browser/signalr.js"></script>
    <script type="text/javascript">
        "use strict";
        var connection = new signalR.HubConnectionBuilder().withUrl("/signalr").build();
        //在建立连接之前禁用发送按钮
        document.getElementById("sendButton").disabled = true;
        //接受消息
        connection.on("ReceiveMessage", function (user, message) {
            var msg = message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
            var encodedMsg = user + " says " + msg;
            var li = document.createElement("li");
            li.textContent = encodedMsg;
            document.getElementById("messagesList").appendChild(li);
        });
        //开始链接
        connection.start().then(function () {
            document.getElementById("sendButton").disabled = false;
        }).catch(function (err) {
            return console.error(err.toString());
        });
        //发送消息
        document.getElementById("sendButton").addEventListener("click", function (event) {
            var user = document.getElementById("userInput").value;
            var message = document.getElementById("messageInput").value;
            connection.invoke("SendMessage", user, message).catch(function (err) {
                return console.error(err.toString());
            });
            event.preventDefault();
        });
    </script>
</body>
</html>

原本var connection = new signalR.HubConnectionBuilder().withUrl("/chatHub").build();//这种是在项目内的Hub文件夹内的charHub类指定的方式

更改var connection = new signalR.HubConnectionBuilder().withUrl("/signalr").build(); //类库的名称signalr

二、Startup.cs配置文件

app.UseSignalR(routes =>
{
    routes.MapHub<ChatHub>("/SignalR");     //可以多个map  
});

原本 routes.MapHub<ChatHub>("/chatHub"); //可以多个map ChatHub位于

原因是因为：

查看全文

相关阅读:
JSP——隐式对象（implicit object）
Spring——原理解析利用反射和注解模拟IoC的自动装配
 Spring操作指南针对JDBC配置声明式事务管理（基于注解）
SpringMVC操作指南登录功能与请求过滤
 Spring操作指南针对JDBC配置声明式事务管理（基于XML）
Flex Tree 限制只能同级拖动获得拖动前后节点信息
 坐标系、坐标参照系、坐标变换、投影变换【转】
国内地图偏移的一些知识
 Web Mercator
WKT【转】

原文地址：https://www.cnblogs.com/fger/p/11606244.html