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伺服器這類應用。