• 单点登录系统功能调试界面


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>用户中心接口调试</title>
        <style type="text/css">
            /* CSS Document */
            body {
                font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                color: #4f6b72;
                background: #E6EAE9;
            }
    
            a {
                color: #c75f3e;
            }
    
            .mytable {
                width: 700px;
                padding: 0;
                margin: 10px auto;
            }
    
            caption {
                padding: 0 0 5px 5px;
                width: 700px;
                font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                text-align: left;
            }
    
            th {
                font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                color: #4f6b72;
                border-right: 1px solid #C1DAD7;
                border-bottom: 1px solid #C1DAD7;
                border-top: 1px solid #C1DAD7;
                letter-spacing: 2px;
                text-transform: uppercase;
                text-align: left;
                padding: 6px 6px 6px 12px;
            }
    
                th.nobg {
                    border-top: 0;
                    border-left: 0;
                    border-right: 1px solid #C1DAD7;
                    background: none;
                }
    
            td {
                border-right: 1px solid #C1DAD7;
                border-bottom: 1px solid #C1DAD7;
                background: #fff;
                font-size: 11px;
                padding: 6px 6px 6px 12px;
                color: #4f6b72;
            }
    
                td.titleleft {
                    width: 80px;
                    text-align: right;
                }
    
                td.alt {
                    background: #F5FAFA;
                    color: #797268;
                }
    
            /*---------for IE 5.x bug*/
            html > body td {
                font-size: 11px;
            }
    
            .buttoncss {
                font-family: "tahoma", "宋体";
                font-size: 9pt;
                color: #003399;
                border: 1px #003399 solid;
                color: #006699;
                border-bottom: #93bee2 1px solid;
                border-left: #93bee2 1px solid;
                border-right: #93bee2 1px solid;
                border-top: #93bee2 1px solid;
                background-color: #e8f4ff;
                cursor: hand;
                font-style: normal;
                height: 24px;
            }
    
            .inputtxt {
                border-right: #ffffff 0px solid;
                border-top: #ffffff 0px solid;
                font-size: 9pt;
                border-left: #ffffff 0px solid;
                border-bottom: #c0c0c0 1px solid;
                background-color: #ffffff;
            }
    
            .multieditbox {
                background: #f8f8f8;
                border-bottom: #b7b7b7 1px solid;
                border-left: #b7b7b7 1px solid;
                border-right: #b7b7b7 1px solid;
                border-top: #b7b7b7 1px solid;
                color: #000000;
                cursor: text;
                font-family: "arial";
                font-size: 9pt;
                padding: 1px;
            }
        </style>
    </head>
    <body>
        <div style="margin: 10px auto;  700px; text-align: center; color: blue; font-size: 24px;">用户中心接口在线调试</div>
        <table class="mytable" cellspacing="0">
            <caption> 用户、密码 登录调试---所有系统在一个登录界面登录(单点系统处理)</caption>
            <tr>
                <td class="titleleft">用户名:</td>
                <td><input type="text" class="inputtxt" id="username" /></td>
            </tr>
            <tr>
                <td class="titleleft">密码:</td>
                <td><input type="text" class="inputtxt" id="password" /></td>
            </tr>
            <tr>
                <td class="titleleft"></td>
                <td><input type="button" id="loginByUser" value="登录调试" class="buttoncss" /></td>
            </tr>
            <tr>
                <td colspan="2">返回信息</td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center">
                    <textarea id="loginResult" style=" 96%; height: 120px; margin: 4px;" class="multieditbox"></textarea>
                </td>
            </tr>
        </table>
    
        <table class="mytable" cellspacing="0">
            <caption> 单点SSO 登录调试--- 在单点系统跳转到子系统时,单点系统的处理过程(单点系统处理)</caption>
            <tr>
                <td class="titleleft">用户信息:</td>
                <td><input type="text" class="inputtxt" id="username" />用户名、密码登录后返回的用户信息</td>
            </tr>
            <tr>
                <td class="titleleft">验证Code:</td>
                <td><input type="text" class="inputtxt" id="password" /><input type="button" id="GetAuthCode" value="获取Code" class="buttoncss" /></td>
            </tr>
            <tr>
                <td class="titleleft">系统编号:</td>
                <td><input type="text" class="inputtxt" id="systemCode" value="MVC_BASE" />跳转的系统的编号</td>
            </tr>
            <tr>
                <td class="titleleft"></td>
                <td><input type="button" id="loginByAuthCode" value="登录调试" class="buttoncss" /></td>
            </tr>
            <tr>
                <td colspan="2">返回信息</td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center">
                    <textarea id="loginResult" style=" 96%; height: 120px; margin: 4px;" class="multieditbox"></textarea>
                </td>
            </tr>
        </table>
    
        <table class="mytable" cellspacing="0">
            <caption> 单点SSO 登录调试--- 在单点系统跳转到子系统时,子系统的处理过程(第三方需要对接的)</caption>
            <tr>
                <td class="titleleft">验证Code:</td>
                <td><input type="text" class="inputtxt" id="password" />单点系统传递过来的,子系统接收此参数,调单点验证接口登录</td>
            </tr>
            <tr>
                <td class="titleleft"></td>
                <td><input type="button" id="loginByAuthCode" value="登录调试" class="buttoncss" /></td>
            </tr>
            <tr>
                <td colspan="2">返回信息:code验证完毕会立即失效,确保跳转安全</td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center">
                    <textarea id="loginResult" style=" 96%; height: 120px; margin: 4px;" class="multieditbox"></textarea>
                </td>
            </tr>
        </table>
    
        <table class="mytable" cellspacing="0">
            <caption> 基础资料信息增量同步接口(第三方需要对接的) </caption>
            <tr>
                <td class="titleleft">AppKey:</td>
                <td><input type="text" class="inputtxt" id="appKey" /></td>
            </tr>
            <tr>
                <td class="titleleft">AppSecret:</td>
                <td><input type="text" class="inputtxt" id="appSecret" /></td>
            </tr>
            <tr>
                <td class="titleleft">基础资料表名:</td>
                <td><input type="text" class="inputtxt" id="tableName" /></td>
            </tr>
            <tr>
                <td class="titleleft">修改时间:</td>
                <td><input type="text" class="inputtxt" id="modifiedOn" /></td>
            </tr>
            <tr>
                <td class="titleleft"></td>
                <td>
                    <input type="button" id="syncOrganize" value="执行同步" class="buttoncss" />按时间点增量同步
                </td>
            </tr>
            <tr>
                <td colspan="2">返回信息</td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center">
                    <textarea id="loginResult" style=" 96%; height: 120px; margin: 4px;" class="multieditbox"></textarea>
                </td>
            </tr>
        </table>
    
    
        <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(function () {
                // 用户名 密码登录
                $("#loginByUser").click(function () {
    
    
    
                });
    
            });
    
        </script>
    
    </body>
    </html>

     

  • 相关阅读:
    《淘宝技术这十年》读书总结
    广告:互联网公司的纽带
    广告:互联网公司的纽带
    定期存款要及时
    定期存款要及时
    Java实现蓝桥杯VIP算法训练 自行车停放
    Java实现蓝桥杯VIP算法训练 自行车停放
    Java实现蓝桥杯VIP算法训练 自行车停放
    Java实现蓝桥杯VIP算法训练 数组逆序排列
    Java实现蓝桥杯VIP算法训练 数组逆序排列
  • 原文地址:https://www.cnblogs.com/hnsongbiao/p/6936714.html
Copyright © 2020-2023  润新知