当前位置:首页 » 网页前端 » web登录页面
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web登录页面

发布时间: 2022-02-16 20:54:15

A. web前端的登录界面怎么做

照着设计图做呗,功能那些调后端接口。

B. 怎么设计WEB登录页面,让页面不平庸

1,先分析网站的行业的性质。
2,根据行业设定主色调。
3,多采用些透明度。大气美观。

C. web前端怎么写登录页面,求个demo包括后端验证。谢谢

我写了个Demo 你可以看看

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

<!-- 新 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<style>

</style>

<body>

<p>姓名:<input type="text" id="tel"></p>

<p>密码:<input type="password" id="pwd"></p>

<p class="pl40"><input type="submit" id="login" ></p>

</body>

<script>

$("#login").click(

function (){

var tel=$("#tel").val();//获取页面中登录名和密码

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

if(tel==""|| pwd==""){//判断两个均不为空(其他判断规则在其输入时已经判断)

alert("手机号密码均不能为空!")

return false;

}else{//以上均符合要求,则调用登录esb接口

$.ajax({

url:'login.json',//相对应的esb接口地址

type:'post',

data:{"mobile":tel,"password":pwd},//向服务器(接口)传递的参数

success:function(data){//服务器(接口)返回来的数据

if(data.mobile==tel&&data.password==pwd){//如果返回来的信息说明提交的信息为正确的

window.location.href='logon.html';//正确登录后页面跳转至

}

else{//如果返回来的信息说明提供的信息为错误的

if(tel != data.tel){//判断是用户名还是密码错误,提示相应信息

alert(data.message);

$("#tel").val("");

$("#pwd").val("");

return false;

}

if(pwd != data.pwd){

alert(data.message);

$("#pwd").val("");

return false;

}

}

}

})

}

}

);

/*直接点击enter免除手动点击登录按钮*/

$(document).keyup(function(event){

if(event.keyCode ==13){

$("#login").trigger("click");

}

});

</script>

</html>
json文件内容
{
"mobile":"admin",
"password":"123",
"message":"用户名或密码错误"
}

D. 怎么在web中做登录界面

你好,以我学习两年的站点的建立知识,我告诉你应该是这样的。
你可以在地址栏中看到这页的文件后缀名,比如index.asp那么说明这个网页是用ASP程序编写的
软件你可以选Dreamweaver但是你必须懂ASP因为你做出来的只是一个发送页面,具体要验证登陆还要一段程序。

E. 如何登陆交换机的web界面

楼上的...LZ要登的是WEB界面,你那是登超级终端登交换机,是二马事情.
要登WEB界面是有要求的:1你的交换机需要有WEB功能.
2需要配置交换机的IP地址(配置IP必需由超级终端进行过配置)
3开启交换机的WEB功能
4用配置过的IP地址登入交换机.(用internet
打开网页,然后输入配置过的IP地址就行了,前题是你这网络必需是要能管理得到这交换机)

F. 怎么进入无线路由器WEB管理界面

路由器设置192.168.1.1无法进入设置界面,是你的路由器默认设置不是192.168.1.1,可以查看一下路由器的底部,然后重新按照步骤重新进入即可。

需要准备的工具:电脑,路由器。

1、首先看看购买的路由器底部。上面会显示IP地址和密码。

G. http://192.168.100.1这个地址怎么登录web登录页面在哪里

咨询记录 · 回答于2021-09-01

H. JAVA Web 编写登陆界面

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!-- fck编辑器引入-->
<%@ taglib uri="/FCKeditor" prefix="FCK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script language="javascript" src="<%=path%>/images/js/calendar.js">
</script>
<script type="text/javascript">
var getNow = new Date().getYear() + '-' + new Date().getMonth() + '-'
+ new Date().getDate();<!--标题验证-->
function testtitle(){
var title=document.getElementsByName("t_notice.title")[0].value;
var titleSpan=document.getElementById("titleSpan");
if(title.length==0){
titleSpan.innerHTML='公告标题不能为空';
titleSpan.style.color='red';
return false;
}else if(title.length>=50){
titleSpan.innerHTML='公告标题长度不能超过50';
titleSpan.style.color='red';
return false;
}else{
titleSpan.innerHTML='正确';
titleSpan.style.color='green';
return true;
}
}
<!-- 有效时间-->
function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2006-12-18格式 ,时间天数之差
var aDate, oDate1, oDate2, iDays ;
aDate = sDate1.split("-") ;
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) ; //转换为12-18-2006格式
aDate = sDate2.split("-") ;
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) ;
iDays = parseInt((oDate1 - oDate2) / 1000 / 60 / 60 /24) ; //把相差的毫秒数转换为天数
return iDays ;
}
function testbegindate(){//判断生效时间
var begindate=document.getElementsByName("t_notice.begindate")[0].value;
var begindateSpan=document.getElementById("begindateSpan");
var result=DateDiff(getNow,begindate)+30;
if(begindate.length==0){//生效时间未选
begindateSpan.innerHTML='生效时间不能为空';
begindateSpan.style.color='red';
return false;
}else{//生效时间有选
if(result>0){//当前时间在选中的时间之后,这个生效时间可以
begindateSpan.innerHTML='生效时间不能小于当前时间';
begindateSpan.style.color='red';
return false;
}else{
begindateSpan.innerHTML='正确';
begindateSpan.style.color='green';
return true;
}
}
}
function testenddate(){//判断失效时间
var begindate=document.getElementsByName("t_notice.begindate")[0].value;
var begindateSpan=document.getElementById("begindateSpan");
var enddate=document.getElementsByName("t_notice.enddate")[0].value;
var enddateSpan=document.getElementById("enddateSpan");
if(begindate.length==0){//生效时间未选
begindateSpan.innerHTML='生效时间不能为空';
begindateSpan.style.color='red';
return false;
}else if(enddate.length==0){//失效时间未选
enddateSpan.innerHTML='失效时间不能为空';
enddateSpan.style.color='red';
return false;
}
var result=DateDiff(begindate,enddate);
if(result>0){//生效时间在失效时间之后
enddateSpan.innerHTML='失效时间不能小于生效时间';
enddateSpan.style.color='red';
return false;
}else{
enddateSpan.innerHTML='正确';
enddateSpan.style.color='green';
return true;
}
}
//添加附件
var i=1;
function addMore(){
var buttonSpan=document.getElementById("buttonSpan");
if (i > 3) {
buttonSpan.innerHTML='附件个数不能超过3个';
buttonSpan.style.color='red';
return false;
}
var td = document.getElementById("td");
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");
input.name = "upload";
input.contentEditable="false";
input.type = "file";
button.type = "button";
button.value = "移除该附件" + i;
button.onclick = function() {
if (confirm("确定移除该文件吗?")) {
td.removeChild(br);
td.removeChild(input);
td.removeChild(button);
i--;
}
}
td.appendChild(br);
td.appendChild(input);
td.appendChild(button);
i++;
}
//公告内容判断
function testcontext(){
//var content=document.getElementsByName("t_notice.content")[0].value;
var content=document.getElementById("t_notice.content");
var contentSpan=document.getElementById("contentSpan");
if(content.length==0){
contentSpan.innerHTML='公告内容不能为空';
contentSpan.style.color='red';
return false;
}else{
contentSpan.innerHTML='正确';
contentSpan.style.color='green';
return true;
}
}
function testall(){
if(testtitle()&&testbegindate()&&testenddate()&&testcontext()){
alert('验证成功!');
return true;
}else{
alert('验证失败,请按要求完善公告相关信息');
return false;
}
}
</script>
<s:head />
</head>
<body>
<s:form action="notice!add" namespace="/dsd" method="post"
enctype="multipart/form-data" onsubmit="return testall();">
<s:hidden name="t_notice.status" value="0"></s:hidden>
<table width="100%" height="100%">
<tr bordercolor="blue">
<td align="center" background="images/top_bg.gif" colspan="2">
公告发布
</td>
</tr>
<tr>
<td align="center" width="50%">
公告标题:
</td>
<td>
<s:textfield name="t_notice.title" onblur="testtitle();"></s:textfield>
<span id="titleSpan"></span>
</td>
</tr>
<tr>
<td align="center" width="50%">
生效时间:
</td>
<td>
<s:textfield name="t_notice.begindate"
onfocus="show_cele_date(this,'','',this)"
onblur="testbegindate();"></s:textfield>
<span id="begindateSpan"></span>
</td>
</tr>
<tr>
<td align="center" width="50%">
失效时间:
</td>
<td>
<s:textfield name="t_notice.enddate"
onfocus="show_cele_date(this,'','',this)" onblur="testenddate();"></s:textfield>
<span id="enddateSpan"></span>
</td>
</tr>
<tr>
<td align="center" width="50%">
上传附件:
</td>
<td id="td">
<input type="button" value="添加附件" onclick="addMore();" />
<span id="buttonSpan"></span>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<!--<s:hidden name="t_notice.content"/>
-->
<FCK:editor id="t_notice.content" width="80%" height="320"
fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana"
imageBrowserURL="/OA/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/OA/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/OA/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/OA/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/OA/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/OA/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
</FCK:editor>
<span id="contentSpan"></span>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="button" value="返回" onclick="javascript:window.history.back();"/>

<s:submit value="添加" />

<s:reset value="重置" />

</td>
</tr>
<tr>
<td>
<s:fielderror />
</td>
</tr>
<tr>
<td>
<s:actionerror />
</td>
</tr>
</table>
</s:form>
</body>
</html>
类似这样的 你好好研究下下吧

I. WEB登录ONT页面需要哪些设置

参考下面

使用网线连接ONT的LAN口和个人计算机。

设置计算机的IP地址和子网掩码。
计算机的IP地址与ONT的管理IP地址处于同一个网段。
例如: ONT IP地址:192.168.1.1
则PC IP地址:192.168.1.100
子网掩码:3个255点0

登录Web配置界面。
在浏览器地址栏输入“192.168.1.1”(“192.168.1.1”为ONT的缺省IP地址),然后按回车键,浏览器弹出登录窗口。

J. web页面如何登陆控制服务器

控制服务器?指哪一方面,如果是控制web服务器的话可以,这个也有分windows系统或LINUX系统。
如果是WINDOWS系统的IIS,需有一个管理IIS的web页面,是https方式的,在安装IIS要打勾下才可以,还有一些半开源的面板,如N点啊,互位神啊等控制面板。
如果是LINUX系统的就好多,如国内的WDCP,LAMP等,还有国外的等一些控制服务器的。但一般是用于控制web服务器及FTP还有MYSQL服务器这类应用。