當(dāng)前位置：首頁(yè) > 编程资源 > 综合教程 >内容正文

综合教程

企业微信登陆方式

發(fā)布時(shí)間：2024/8/26 综合教程 37 生活家

生活随笔收集整理的這篇文章主要介紹了企业微信登陆方式小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

<a >

</a>

</div>

//css

body{

background-image:url("img/QYWX.png");

background-size: cover;

background-repeat: no-repeat;

margin: 0 auto;

position: relative;

100%;

height: 100%

}

/*二維碼居中*/

.code{

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

300px; /* 寬度 */

height:300px; /* 高度 */

}

/*直接登錄*/

.direct{

270px; /* 寬度 */

height: 40px; /* 高度 */

border- 0px; /* 邊框?qū)挾?*/

border-radius: 3px; /* 邊框半徑 */

background: #1E90FF; /* 背景顏色 */

cursor: pointer; /* 鼠標(biāo)移入按鈕范圍時(shí)出現(xiàn)手勢(shì) */

outline: none; /* 不顯示輪廓線 */

font-family: Microsoft YaHei; /* 設(shè)置字體 */

color: white; /* 字體顏色 */

font-size: 17px; /* 字體大小 */

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

.direct:hover { /* 鼠標(biāo)移入按鈕范圍時(shí)改變顏色 */

background: #66CDAA;

}

/*.ul_col li a {

}*/

.ul_col li{

background:#607B8B;

cursor:pointer;

color:#66CDAA;

}

.ul_col li .bar:hover{

background: #1E90FF;

cursor:pointer;

color:#fff;

}

.bar{

font-size:15px;

cursor:pointer;

color:#fff;

}

.go_button{

background: #1E90FF;

color:#fff;

font-size:15px;

text-align :center;

padding-right:20px;

}

.log_tit{

400px;

height: 260px;

padding: 13px;

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

color:#fff;

}

.log_con{

/*background: #1E90FF;

color:#fff;*/

350px;

height: 260px;

padding: 13px;

position: absolute;

left: 50%;

top: 50%;

margin-left: -200px;

margin-top: -200px;

background-color: rgba(240, 255, 255, 0.5);

text-align: center;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

border-top-right-radius: 5px;

border-bottom-right-radius: 5px;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

//html

<div>

</ul>

</div>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="custServiceMange._Default" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<%--建議使用百度或一些網(wǎng)上的靜態(tài)庫(kù)的JS或樣式，在本地上調(diào)用可能會(huì)出現(xiàn)在手機(jī)上錯(cuò)位現(xiàn)象，現(xiàn)PC端的效果不一樣。--%>

<%--<link rel='stylesheet' type='text/css'>--%>

<%--<link rel="stylesheet" href="css/ladda.min.css">--%>

<%-- <link rel="stylesheet" type="text/css" href="css/normalize.css" />

--%>

html, body {

height: 100%;

}

.box {

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6699FF', endColorstr='#6699FF'); /* IE */

margin: 0 auto;

position: relative;

100%;

height: 100%;

}

.login-box {

100%;

max- 500px;

height: 400px;

position: absolute;

top: 50%;

margin-top: -200px;

/*設(shè)置負(fù)值，為要定位子盒子的一半高度*/

}

@media screen and (min-500px) {

.login-box {

left: 50%;

/*設(shè)置負(fù)值，為要定位子盒子的一半寬度*/

margin-left: -250px;

}

.form {

100%;

max- 500px;

height: 275px;

margin: 25px auto 0px auto;

padding-top: 25px;

}

.login-content {

height: 300px;

100%;

max- 500px;

background-color: rgba(255, 250, 2550, .6);

float: left;

}

.input-group {

margin: 0px 0px 30px 0px !important;

}

.form-control,

.input-group {

height: 40px;

}

.form-group {

margin-bottom: 0px !important;

}

/*.login-title {

padding: 20px 10px;

background-color: rgba(240, 255, 255, 0.5);

}*/

.login-title h1 {

margin-top: 10px !important;

}

.login-title small {

color: #66CDAA;

}

.link p {

line-height: 20px;

margin-top: 30px;

}

.btn-sm {

padding: 8px 24px !important;

font-size: 16px !important;

}

/******************************************/

body{

background-image:url("img/backgound_logjin.png");

background-size: cover;

background-repeat: no-repeat;

margin: 0 auto;

position: relative;

100%;

height: 100%

}

/*二維碼居中*/

.code{

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

300px; /* 寬度 */

height:300px; /* 高度 */

}

/*直接登錄*/

.direct{

270px; /* 寬度 */

height: 40px; /* 高度 */

border- 0px; /* 邊框?qū)挾?*/

border-radius: 3px; /* 邊框半徑 */

background: #1E90FF; /* 背景顏色 */

cursor: pointer; /* 鼠標(biāo)移入按鈕范圍時(shí)出現(xiàn)手勢(shì) */

outline: none; /* 不顯示輪廓線 */

font-family: Microsoft YaHei; /* 設(shè)置字體 */

color: white; /* 字體顏色 */

font-size: 17px; /* 字體大小 */

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

.direct:hover { /* 鼠標(biāo)移入按鈕范圍時(shí)改變顏色 */

background: #66CDAA;

}

/*.ul_col li a {

}*/

.ul_col li{

background:#607B8B;

cursor:pointer;

color:#66CDAA;

}

.ul_col li .bar:hover{

background: #1E90FF;

cursor:pointer;

color:#fff;

}

.bar{

font-size:15px;

cursor:pointer;

color:#fff;

}

.go_button{

background: #1E90FF;

color:#fff;

font-size:15px;

margin:-100px;

}

.log_tit{

400px;

height: 260px;

padding: 13px;

position: absolute;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

color:#fff;

}

.log_con{

350px;

height: 260px;

padding: 13px;

position: absolute;

left: 50%;

top: 50%;

margin-left: -200px;

margin-top: -200px;

background-color: rgba(240, 255, 255, 0.5);

text-align: center;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

border-top-right-radius: 5px;

border-bottom-right-radius: 5px;

margin:auto; top: 0;left: 0;right: 0;bottom: 0;

}

</style>

var inputTimes = 0;

function Post() {

var username = $("#txtUserName").val();

if (username == "" || username == undefined)

{ alert("請(qǐng)輸入用戶名"); return; }

var pwd = $("#txtUserPassword").val();

//取得提交次數(shù)

if (inputTimes > 3) {

$("#yzmIcon").attr("style", "visibility: visible;");

$("#code").attr("style", "vertical-align:middle; 60%; height: 40px;visibility: visible;");

$("#img1").attr("style", "vertical-align:middle; 20%; height: 40px;cursor: hand;visibility: visible;");

var code = $("#code").val();

if (code == "" || code == undefined) {

alert("請(qǐng)輸入驗(yàn)證碼"); return;

}

else

code = "";

PageMethods.IsUser(code, username, pwd, comp_user, err);

}

function comp_user(msg) {

if (msg == 1) {

alert("驗(yàn)證碼輸入錯(cuò)誤"); return;

}

else if (msg == 2) {

alert("不存在該員工"); return;

}

else if (msg == 3) {

alert("密碼錯(cuò)誤");

inputTimes = inputTimes + 1;

return;

}

else if (msg == 4) {

window.location.href = "index.aspx";

}

else if (msg == 5) {

alert("驗(yàn)證碼獲取失敗"); return;

}

else if (msg == 6) {

alert("密碼不能為空！");

return;

}

function err(result) {

alert(result.get_message());

}

function Postkey(e) {

var keynum;

if (window.event) // IE

{

keynum = e.keyCode

}

else if (e.which) // Netscape/Firefox/Opera

{

keynum = e.which

}

if (keynum == "13")

{ Post(); }

}

function imgpass() {

var time = new Date();

var rnd = time.getSeconds;

rnd += time.getMinutes;

rnd += Math.random() * 1000;

$("#img1").attr("src", "readImage.aspx?type=yzm&rnd=" + rnd + "");

}

</script>

</head>

<div>

</ul>

</div>

window.WwLogin({

"id": "code", //顯示二維碼的容器id

"appid": "wwd9d5b7cf59f1e871",

"agentid": "1000010", //企業(yè)微信的cropID，在企業(yè)微信管理端->我的企業(yè) 中查看

"redirect_uri": "http://oa.jewsoft.com/OALogin.ashx", //重定向地址，需要進(jìn)行UrlEncode

"state": "3828293919281", //用于保持請(qǐng)求和回調(diào)的狀態(tài)，授權(quán)請(qǐng)求后原樣帶回給企業(yè)。該參數(shù)可用于防止csrf攻擊（跨站請(qǐng)求偽造攻擊），建議企業(yè)帶上該參數(shù)

"href": "", //自定義樣式鏈接，企業(yè)可根據(jù)實(shí)際需求覆蓋默認(rèn)樣式。詳見(jiàn)文檔底部FAQ

});

</script>

</div>

<!--獲取code參數(shù)

appid:企業(yè)codeID

redirect_uri:返回路徑

response_type：返回類型

scope：應(yīng)用授權(quán)作用域。

agentid：企業(yè)應(yīng)用的id。

state：

#wechat_redirect：終端使用此參數(shù)判斷是否需要帶上身份信息

-->

<a >

</a>

</div>

<%-- oalogin.ashx 返回值

{

"codeid": 0,

"codemessage": "未將對(duì)象引用設(shè)置到對(duì)象的實(shí)例。",

"returnid": 0,

"returnmessage": "未將對(duì)象引用設(shè)置到對(duì)象的實(shí)例。"

}--%>

<p>

<%--<div class="login-title text-center log_tit">

</div>--%>

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True"></asp:ScriptManager>

</div>

</div>

</div>

</form>

</div>

</p>

</div>

var oLis = document.getElementsByTagName("li");

var i, j;

var length = oLis.length;

for (i = 0; i < length; i++) {

oLis[i].onclick = function () {

for (j = 0; j < length; j++) {

oLis[j].className = "";

}

</script>

$('#myTab a').click(function (e) { e.preventDefault(); $(this).tab('show'); })</script>

// Bind normal buttons

Ladda.bind('.button-demo button', { timeout: 200 });

// Bind progress buttons and simulate loading progress

Ladda.bind('.progress-demo button', {

callback: function (instance) {

var progress = 0;

var interval = setInterval(function () {

progress = Math.min(progress + Math.random() * 0.1, 1);

instance.setProgress(progress);

if (progress === 1) {

instance.stop();

clearInterval(interval);

}

}, 200);

}

});

</script>

</body>

</html>

作為新手小菜鳥(niǎo)的我，只想記錄，便于溫故知新，如有錯(cuò)誤或疏忽，請(qǐng)留言，審查后改正,謝謝各位大佬

總結(jié)

以上是生活随笔為你收集整理的企业微信登陆方式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：康熙字体繁体大全（康熙字体繁体）
下一篇：淄博职业学院南校区尚德楼（淄博职业学院南