javascript实现的登陆遮罩效果汇总


Posted in Javascript onNovember 09, 2015

javascript实现的登陆遮罩效果

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>遮罩</title>
<style>
  #blanks{
    display:none;
    width:100%;
    //height:100%;
    height:100px;
    position:absolute;
    top:0;
    background-color:#ccc;
    z-index:1000;
    -moz-opacity: 0.7; 
    opacity:.70; 
    filter: alpha(opacity=70);
  }
  #login{
    padding:18px;
    display:none;
    background-color:pink;
    width:300px;
    height:100px;
    position:absolute;
    left:400px;
    top:20%;
    z-index:1001;
     
  }
</style>
</head>
<body onload="setHeight()">
   <div id="content">
      <input type="button" value="登陆" onclick="showLogin()">
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
      <p>《人生》前15年左右都是些教学关卡,弱弱的,你还没法点“跳过”。
      作为一个初来乍到的新手,你有大把的时间和用不完的精力,但几乎毫无经验。你会发现游戏的大多数元素,
      像什么牛逼的工作啦,财富啦,伴侣啦都还没有解锁,一直到你真正拥有了它们。
      这段时间,你的技能升级得非常快。在之后的游戏中,你再也不可能像这个阶段一样时间充裕而且精力充沛。
      如果想要玩出水平,最重要的是要把时间安排得尽可能合理。你的任何一个行动都会改变你的状态和技能
      </p>
   </div>
   <div id="blanks"></div>
   <div id="login">
      <form method="post">
        用户名:<input type="text" name="username" ><br/>
        密  码:<input type="password" name="password"><br/>
          <input type="submit" value="提交">
      </form>
       <div id="btnclose" style="position:absolute;left:93%;top:0%;z-index:5;">
         <img src="close.png" onclick="hidediv();"/>
       </div>
   </div>
</body>
</html>
<script type="text/javascript">
 function setHeight()
 {
    var h=document.documentElement.scrollHeight;
    document.getElementById("blanks").style.height=h+"px";
   }
 function hidediv()
  {
    document.getElementById("login").style.display="none";
    document.getElementById("blanks").style.display="none";
   }
 function showLogin()
 {
    document.getElementById("login").style.display="block";
    document.getElementById("blanks").style.display="block";
   }
</script>

上面代码的核心内容为

<script type="text/javascript">
 function setHeight()
 {
    var h=document.documentElement.scrollHeight;
    document.getElementById("blanks").style.height=h+"px";
   }
 function hidediv()
  {
    document.getElementById("login").style.display="none";
    document.getElementById("blanks").style.display="none";
   }
 function showLogin()
 {
    document.getElementById("login").style.display="block";
    document.getElementById("blanks").style.display="block";
   }
</script>

例子二:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <script type="text/javascript">
    function showLogin() {
      var loginDiv = document.getElementById("loginDiv");
      var zhezhao = document.getElementById("zhezhao");
      var clientx = document.documentElement.clientWidth;
      var clienty = document.documentElement.clientHeight;
      var l_margin = (clientx - parseInt(loginDiv.style.width)) / 2;
      var t_margin = (clienty - parseInt(loginDiv.style.height)-200) / 2
      loginDiv.style.left = l_margin + "px";
      loginDiv.style.top = t_margin +"px";
      loginDiv.style.display = "block";
      zhezhao.style.display = "block";
    }
    function hidLogin() {
      var loginDiv = document.getElementById("loginDiv");
      var zhezhao = document.getElementById("zhezhao");
      loginDiv.style.display = "none";
      zhezhao.style.display = "none";
    }
    function titleMove() {
      var moveable = true;
      var loginDiv = document.getElementById("loginDiv");
      //以下变量提前设置好            var clientX = window.event.clientX;
      var clientY = window.event.clientY;
      var moveTop = parseInt(loginDiv.style.top);
      var moveLeft = parseInt(loginDiv.style.left);
      document.onmousemove = function MouseMove() {
        if (moveable) {
          var y = moveTop + window.event.clientY - clientY;
          var x = moveLeft + window.event.clientX - clientX;
          if (x > 0 && y > 0) {
            loginDiv.style.top = y + "px";
            loginDiv.style.left = x + "px";
          }
        }
      }
      document.onmouseup = function Mouseup() {
        moveable = false;
      }
    }
  </script>
</head>
<body>
<!--Main start z-index:0-->
<div id="Main" style="position:absolute;z-index:0;">
<a href="javascript:showLogin()">登陆</a>
</div>
<!--Main start z-index:0-->
<!--loginDiv start :z-index:2-->
<div id="loginDiv" style="background-color:white;width:300px;height:150px;border:1px solid blue;z-index:2;display:none;position:absolute;border-top:none">
  <div onmousedown="titleMove()" id="login_title" style="width:300px;height:25px;background-color:Blue;border:1px solid silver;border-left:none;border-right:none">
    <!--<img src="http://www.zhujiangroad.com/images/close.jpg" style="float:right" onclick="hidLogin()"/>-->
    <a href="javascript:hidLogin()" style="float:right;text-decoration:none;color:white;margin-right:2px;font-size:20px">×</a>
  </div>
  <table style="clear:right;width:298px;height:115px;text-align:right;margin-top:10px;">
    <tr><td>用户名:</td><td><input type="text" style="width:180px;" /></td><td> </td></tr>
    <tr><td>密码:</td><td><input type="text" style="width:180px;" /></td><td> </td></tr>
    <tr><td><br /></td><td></td></tr>
  </table>
</div>
<!--loginDiv end :z-index:2-->
<!--zhezhao start: z-index:1-->
<div id="zhezhao" style="position:absolute;z-index:1;width:100%;height:100%;background-color:silver;display:none;opacity:.5;">
<!--zhezhao end-->
</div>
</body>
</html>

例子三:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>弹出登录框的实现代码</title>
</head>
<body>
<style type="text/css">
body {
margin: 0px;padding:0
}
#div1 {
display: none;
position: absolute;
z-index: 1000;
height: 100%;
width: 100%;
background: #000000;
filter:Alpha(opacity=30);
}
#div2 {
display: none;
position: absolute;
height: 100%;
width: 100%;
padding-top: 10%;
z-index: 1001;
left: 0px;
top: 0px;
}
</style>
<script>
function openme(){
document.getElementById('div1').style.display='block';
document.getElementById('div2').style.display='block';
}
function closeme(){
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='none';
}
function logo_in(){alert()
//验证
//转向...
//myform.action=""
//myform.submit()
closeme();
}
</script>
<div id="div1"></div>
<div id="div2">
<table width="30%" border="0" cellpadding="3" cellspacing="1" style="background: #ff7300; position:static;filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666666,offX=4,offY=4,positives=true)" align="center">
<tr id="m_tr">
<td><font color="#FFFFFF">欢迎登陆:</font></td>
<td align="right">
<input type="button" value="x" onClick="closeme()" style="cursor: hand;">
</td>
</tr>
<tr>
<form name="myform" method="post" >
<td colspan="2" width="100%" bgcolor="#FFFFFF" height="150">
username: <input type="text" name="username" size="10">
<br>pasword:<input type="password" name="pasword" size="12">
<br><input type="button" name="logoin" value="登陆" onClick="logo_in()">
<input type="button" name="exit" value="取消" onClick="closeme()">
</td>
</form>
</tr>
</table>
</div>
<div>
<input name="button" type="button" onClick="openme()" value="登陆" />
</div>
<br>
<div>
简单的代码
</div>
</body>
</html>

例子四

js制作带有遮罩弹出层实现登录注册表单代码特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>js制作带有遮罩弹出层实现登录注册表单代码特效</title>
<link rel="stylesheet" type="text/css" href="css/198zone.css">
</head>
<body>
<a class="btn01" data-toggle="modal" href="#login-modal">登录</a>
<a class="btn02" data-toggle="modal" href="#signup-modal">注册</a>
<a class="btn03" data-toggle="modal" href="#forgetform">找回密码</a>
<a class="btn02" data-toggle="modal" href="#activation-modal">用户信息</a>
<a class="btn03" data-toggle="modal" href="#setpassword-modal">重置密码</a>
<div class="modal" id="login-modal">
<a class="close" data-dismiss="modal">×</a>
<h1>登录</h1>
<ul class="login-bind-tp">
<li class="qweibo"> <a href="https://3water.com"><em> </em> QQ登录</a> </li>
<li class="sina"> <a href="https://3water.com"><em> </em> 微博登录</a> </li>
<li class="douban"> <a href="https://3water.com"><em> </em> 豆瓣登录</a> </li>
</ul>
<p>或者使用已有帐号登陆:</p>
<form class="login-form clearfix" method="post" action="https://3water.com">
<div class="form-arrow"></div>
<input name="email" type="text" placeholder="邮箱:">
<input name="password" type="password" placeholder="密码:">
<input type="submit" name="type" class="button-blue login" value="登录">
<input type="hidden" name="return-url" value="">
<div class="clearfix"></div>
<label class="remember"><input name="remember" type="checkbox" checked />下次自动登录 </label>
<a class="forgot">忘记密码?</a>
<ul class="third-parties">
<li><p>新浪微博帐号</p></li>
<li><p>腾讯微博帐号</p></li>
<li><p>豆瓣帐号</p></li>
<li><p></p></li>
</ul>
</form>
</div>
<div class="modal" id="signup-modal">
<a class="close" data-dismiss="modal">×</a>
<h1>注册</h1>
<ul class="login-bind-tp">
<li class="qweibo"> <a href="https://3water.com"><em> </em> QQ登录</a> </li>
<li class="sina"> <a href="https://3water.com"><em> </em> 微博登录</a> </li>
<li class="douban"> <a href="https://3water.com"><em> </em> 豆瓣登录</a> </li>
</ul>
<p>或者使用邮箱注册:</p>
<form class="signup-form clearfix" method="post" action="https://3water.com">
<p class="error"></p>
<input name="email" type="text" placeholder="邮箱:">
<input name="password" type="password" placeholder="密码:">
<input name="password1" type="password" placeholder="确认密码:">
<input name="username" type="text" placeholder="用户名:">
<input type="hidden" name="title" value="">
<input type="hidden" name="url" value="">
<div class="clearfix"></div>
<input type="button" name="type" class="button-blue reg" value="注册" data-action="regist">
<ul class="third-parties">
<li><p>新浪微博帐号</p></li>
<li><p>腾讯微博帐号</p></li>
<li><p>豆瓣帐号</p></li>
</ul>
</form>
</div>
<div class="modal" id="forgetform">
<a class="close" data-dismiss="modal">×</a>
<h1>忘记密码</h1>
<form class="forgot-form" method="post" action="https://3water.com">
<input name="email" value="" placeholder="注册邮箱:">
<div class="clearfix"></div>
<input type="submit" name="type" class="forgot button-blue" value="发送重设密码邮件">
</form>
</div>
<div class="modal" id="activation-modal">
<a class="close" data-dismiss="modal">×</a>
<h1>设置用户信息</h1>
<form class="signup-form clearfix" method="post" action="https://3water.com">
<input autocomplete=off name="username" value="" placeholder="用户名:">
<input autocomplete=off name="password" type="password" placeholder="密码:">
<input autocomplete=off name="password2" type="password" placeholder="确认密码:">
<input type="submit" name="type" class="button-blue reg" value="确认并登录" data-action="regist">
<div class="clearfix"></div>
</form>
</div>
<div class="modal" id="setpassword-modal">
<a class="close" data-dismiss="modal">×</a>
<h1>重置密码</h1>
<form class="signup-form clearfix" method="post" action="https://3water.com">
<input name="email" value="">
<input name="password" type="password" placeholder="密码:">
<input name="password2" type="password" placeholder="确认密码:">
<input name="token" type="hidden" value="">
<input type="submit" name="type" class="button-blue reg" value="设置新密码并登录" data-action="reset">
<div class="clearfix"></div>
</form>
</div>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$("a.forgot").click(function(){
		$("#login-modal").modal("hide");
		$("#forgetform").modal({show:!0})
	});
	
	$("#signup-modal").modal("hide");
	$("#forgetform").modal("hide");
	$("#login-modal").modal("hide");
	$("#activation-modal").modal("hide");
	$("#setpassword-modal").modal("hide");
	
});
</script>
<div style="display:none"><script src="http://demo.3water.com/js/tj.js"></script></div>
<script src="http://demo.3water.com/js/yxj.js" type="text/javascript"></script>
</body>
</html>

演示: http://demo.3water.com/js/2014/jquery-zzdcc-dlzcbd/

Javascript 相关文章推荐
jquery中获取select选中值的代码
Jun 27 Javascript
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
Jun 19 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
Jan 10 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
js实现随机8位验证码
Jul 24 Javascript
微信小程序云函数使用mysql数据库过程详解
Aug 07 Javascript
javascript实现留言板功能
Feb 08 Javascript
jquery实现简易的移动端验证表单
Nov 08 #Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
Nov 07 #Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 #Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
Nov 07 #Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 #Javascript
jquery判断当前浏览器的实现代码
Nov 07 #Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 #Javascript
You might like
搜索引擎技术核心揭密
2006/10/09 PHP
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
php中数组最简单的使用方法
2020/12/27 PHP
JS 强制设为首页的代码
2009/01/31 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
2010/04/02 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
跟我学习javascript的最新标准ES6
2015/11/20 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
2017/07/16 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
2019/11/13 Javascript
python实现2014火车票查询代码分享
2014/01/10 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
python方向键控制上下左右代码
2018/01/20 Python
pandas系列之DataFrame 行列数据筛选实例
2018/04/12 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
python英语单词测试小程序代码实例
2019/09/09 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
Python sorted对list和dict排序
2020/06/09 Python
Python faker生成器生成虚拟数据代码实例
2020/07/20 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
利用css3 translate完美实现表头固定效果
2017/02/28 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
linux面试题参考答案(5)
2016/11/05 面试题
试用期转正鉴定评语
2014/01/27 职场文书
优秀经理获奖感言
2014/03/04 职场文书
房产公证书范本
2014/04/10 职场文书
法制演讲稿
2014/09/10 职场文书
2014班子“三严三实”对照检查材料思想汇报
2014/09/18 职场文书
初中班主任心得体会
2016/01/07 职场文书
详解MySQL中timestamp和datetime时区问题导致做DTS遇到的坑
2021/12/06 MySQL
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android
SpringBoot集成MongoDB实现文件上传的步骤
2022/04/18 MongoDB