| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>智能密码卡国密中间件</title>
- <script src="./js/mTokenPlugin/base64.js"></script>
- <script src="./js/mTokenPlugin/mToken.js"></script>
- <script src="./js/mTokenPlugin/hunca_mToken_core.js"></script>
- <link href="css/bootstrap.css" rel="stylesheet">
- <style>
- body {
- margin: 0px 0px auto;
- }
- .nav {
- width: auto;
- margin: 0px auto;
- text-align: center;
- }
- .head {
- width: 950px;
- margin: 0px auto;
- }
- .content {
- width: 1200px;
- margin: 0px auto;
- text-align: center;
- margin-top: 40px;
- }
- </style>
- <script>
- var mToken = new hunca_mToken_core();
- function enumDevice() {
- var devList = "";
- var selectDev = null;
- selectDev = document.getElementById("optionDevList");
- selectDev.options.length = 0;
- devList = mToken.Hunca_GetUserList(); //枚举Ukey,获取证书G项信息列表
- if (null == devList || devList.length == 0) {
- alert(mToken.Hunca_GetLastError());
- return false;
- }
- addOption(devList, selectDev, 1);
- return false;
- }
- function signData() {
- var data = "你好";
- var password = "";
- var userName = "";
- var selectDev = null;
- var index = 0;
- var startTime,endTime;
- selectDev = document.getElementById("optionDevList");
- if (selectDev.length == 0) {
- alert('请插入Ukey,点击“刷新”按钮')
- return false;
- }
- index = selectDev.selectedIndex;
- password = document.getElementById("password").value;
- userName = selectDev.options[index].text;
- startTime = new Date().getTime();
- if (!mToken.Hunca_PKCS1(data, userName, password)) {
- alert(mToken.Hunca_GetLastError());
- return false;
- }
- document.getElementById("ca_signData").value = mToken.Hunca_GetSignData();
- document.getElementById("ca_cert").value = mToken.Hunca_GetSignCert();
- console.log(mToken.Hunca_GetSignData());
- console.log(mToken.Hunca_GetSignCert());
- alert("签名成功!");
- return false;
- }
- //动态添加option选项
- function addOption(optionStr, selectID, flag) {
- if (flag == 1) {
- for (var i = 0; i < optionStr.length; ++i)
- selectID.options.add(new Option(optionStr[i], i));
- }
- if (flag == 2) {
- for (var i = 0; i < optionStr.length; ++i) {
- selectID.options.add(new Option(optionStr[i][1], i));
- }
- }
- }
- </script>
- </head>
- <body>
- <embed id="id_mPluginV2Router" type="application/mPluginV2Router" width="0" height="0" />
- <object id="mTokenPlugin" width="0" height="0">
- <param value="pluginLoaded" />
- </object>
- <div class="head">
- <img src="">
- </div>
- <div class="nav">
- <h2>智能密码卡国密中间件(系统登陆)</h2>
- <h3>(基于随机数的数字签名实现数字证书登录)</h3>
- </div>
- <div class="content" style="width: 720px">
- <form class="form-horizontal" method="POST">
- <div class="form-group">
- <label class="col-sm-2 control-label col-md-offset-1">证书名称:</label>
- <div class="col-sm-6">
- <select id="optionDevList" class="form-control"></select>
- </div>
- <div class="col-sm-2">
- <button class="btn btn-default" onclick="return enumDevice();">刷新</button>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-2 control-label col-md-offset-1">设备密码:</label>
- <div class="col-sm-6">
- <input id="password" type="password" class="form-control">
- </div>
- <div class="col-sm-2">
- <input type="hidden" name="ca_signData" id="ca_signData">
- <input type="hidden" name="ca_cert" id="ca_cert">
- <button class="btn btn-primary" onclick="return signData();">登陆</button>
- </div>
- </div>
- </form>
- </div>
- </body>
- </html>
|