单点登录系统功能调试界面
<!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; width: 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="width: 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="width: 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="width: 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="width: 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>
