建站
咨詢
售后
建站咨詢
新聞中心
用java編寫隨用戶輸入自動彈出下拉列表匹配項目，類似百度搜索
用ajax技術實現的具體例子如下
創(chuàng)新互聯專業(yè)提供成都主機托管四川主機托管成都服務器托管四川服務器托管，支持按月付款！我們的承諾：貴族品質、平民價格，機房位于中國電信/網通/移動機房，聯通服務器托管服務有保障！
如下是實現的代碼，大家有需要的可以看下：
script type="text/javascript"
var xmlHttp; //ajax初始化對象
var arrOptions = new Array(); //初始化數組元素
var currentValueSelected = -1;//表示當前選中的某項
//判斷輸入的字符是否超過5個
function querybylength(){
var woId = document.getElementById("woId").value;
if(woId.length=5){
//判斷做什么動作
var intKey = -1;
if(window.event){
intKey = event.keyCode;
}
//alert(intKey);
if(intKey == 38){//按向上鍵
//alert(currentValueSelected);
if(currentValueSelected != -1){ //保證當前有用到SPAN
MoveHighlight(-1);
return false;
}
}else if(intKey == 40){ //按向下鍵
if(currentValueSelected != -1){ //保證當前有用到SPAN
MoveHighlight(1);
return false;
}
}else {
ajaxTest(woId); //初始化SPAN
}
}else {
HideTheBox();
currentValueSelected = -1;
}
}
//AJAX查詢工單資料
function ajaxTest(name){
create();
if (xmlHttp==null){
alert ("您的瀏覽器不支持AJAX！");
return;
}
var url = "/spnewmes/servlet/QueryWOId?woId="+name;
xmlHttp.open("post",url,true);
xmlHttp.onreadystatechange = stateChanged;
xmlHttp.send(null);
}
function create(){
if (window.XMLHttpRequest) {
this.xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject) {
this.xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function stateChanged(){ //運行它進行ajax調用
if (xmlHttp.readyState==4){
var msg = xmlHttp.responseText; //獲取返回值
arrOptions = msg.split(";");
//alert(arrOptions.length+":"+arrOptions);
if(arrOptions[0]!="")
Bulid(arrOptions); //給SPAN賦值
else
HideTheBox(); //隱藏SPAN
}
}
//創(chuàng)建并賦值span標簽
function creatSpan(){
var elemSpan = document.createElement("span");//在頁面創(chuàng)建span標簽
elemSpan.id = "spanOutput";
elemSpan.className = "spanTextDropdown";
document.body.appendChild(elemSpan); //將上面創(chuàng)建的elemSpan元素加入到BODY的尾部
}
function Bulid(arrOptions){ //給SPAN賦值
var inner="";
SetElementPosition();//設置下拉框出現的位置
for(var i=0; i arrOptions.length; i++){
//alert(i+":"+arrOptions[i]);
inner+="span id=arr_"+i+" class='spanNormalElement' onmouseover='SetHighColor(this)' onclick='SetText()'font color=red"+arrOptions[i]+"/font/spanbr";
}
document.getElementById("spanOutput").innerHTML = inner;
if(inner!=""){
//alert('init');
document.getElementById("arr_0").className ="spanHighElement";//設置第一個頂為默認選中
currentValueSelected=0;
}
}
function SetElementPosition(){ //設置下拉框出現的位置
var selectedPosX = 0;
var selectedPosY = 0;
var theElement = document.form1.woId;
if (!theElement) return;
var theElemHeight = theElement.offsetHeight;
var theElemWidth = theElement.offsetWidth;
while(theElement != null){
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
xPosElement = document.getElementById("spanOutput");
xPosElement.style.left = selectedPosX;
xPosElement.style.width = theElemWidth;
xPosElement.style.top = selectedPosY + theElemHeight
xPosElement.style.display = "block";
}
function HideTheBox(){//隱藏下拉框
document.getElementById("spanOutput").style.display = "none";
currentValueSelected = -1;
}
function SetHighColor(theTextBox){//當鼠標劃過變?yōu)檫x中狀態(tài)
document.getElementById('arr_' + currentValueSelected).className ='spanNormalElement';
if(theTextBox){
currentValueSelected = theTextBox.id.slice(theTextBox.id.indexOf("_")+1, theTextBox.id.length);
}
//alert('SetHighColor:'+currentValueSelected);
document.getElementById('arr_'+currentValueSelected).className = 'spanHighElement';
}
function SetText(){//選中下拉框中的某個值
var theTextBox = document.form1.woId;
theTextBox.value = arrOptions[currentValueSelected];
document.getElementById("woId").value = theTextBox.value;
HideTheBox();
}
function MoveHighlight(xDir){//設置上下移動鍵
var currnum=parseInt(parseInt(currentValueSelected)+parseInt(xDir));
//alert('MoveHighlight:'+currentValueSelected+'+'+xDir+'='+currnum);
if(currnum = 0 currnumarrOptions.length ){
document.getElementById("arr_"+currentValueSelected).className ="spanNormalElement";
document.getElementById("arr_"+currnum).className ="spanHighElement";
currentValueSelected=currnum;
}else if(currnum==arrOptions.length){
document.getElementById("arr_"+currentValueSelected+"").className ="spanNormalElement";
currentValueSelected=0;
document.getElementById("arr_"+currentValueSelected+"").className ="spanHighElement";
}else if(currnum==-1){
document.getElementById("arr_"+currentValueSelected+"").className ="spanNormalElement";
currentValueSelected=arrOptions.length-1;
document.getElementById("arr_"+currentValueSelected+"").className ="spanHighElement";
}
}
/script
登陸界面的java代碼怎么寫？
概述
具體框架使用jframe，文本框組件：JTextField；密碼框組件：JPasswordField；標簽組件：JLabel；復選框組件：JCheckBox；單選框組件：JRadioButton；按鈕組件JButton。
登錄界面：
代碼實例
import javax.swing.*;
import java.awt.*; ? //導入必要的包
public class denglu extends JFrame{
JTextField jTextField ;//定義文本框組件
JPasswordField jPasswordField;//定義密碼框組件
JLabel jLabel1,jLabel2;
JPanel jp1,jp2,jp3;
JButton jb1,jb2; //創(chuàng)建按鈕
public denglu(){
jTextField = new JTextField(12);
jPasswordField = new JPasswordField(13);
jLabel1 = new JLabel("用戶名");
jLabel2 = new JLabel("密碼");
jb1 = new JButton("確認");
jb2 = new JButton("取消");
jp1 = new JPanel();
jp2 = new JPanel();
jp3 = new JPanel();
//設置布局
this.setLayout(new GridLayout(3,1));
jp1.add(jLabel1);
jp1.add(jTextField);//第一塊面板添加用戶名和文本框
jp2.add(jLabel2);
jp2.add(jPasswordField);//第二塊面板添加密碼和密碼輸入框
jp3.add(jb1);
jp3.add(jb2); //第三塊面板添加確認和取消
// ? ? ? ?jp3.setLayout(new FlowLayout()); ?//因為JPanel默認布局方式為FlowLayout，所以可以注銷這段代碼.
this.add(jp1);
this.add(jp2);
this.add(jp3); ?//將三塊面板添加到登陸框上面
//設置顯示
this.setSize(300, 200);
//this.pack();
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.setVisible(true);
this.setTitle("登陸");
}
public static void main(String[] args){
new denglu();
}
}
拓展內容
java swing包
Swing 是一個為Java設計的GUI工具包。
Swing是JAVA基礎類的一部分。
Swing包括了圖形用戶界面（GUI）器件如：文本框，按鈕，分隔窗格和表。
Swing提供許多比AWT更好的屏幕顯示元素。它們用純Java寫成，所以同Java本身一樣可以跨平臺運行，這一點不像AWT。它們是JFC的一部分。它們支持可更換的面板和主題（各種操作系統(tǒng)默認的特有主題），然而不是真的使用原生平臺提供的設備，而是僅僅在表面上模仿它們。這意味著你可以在任意平臺上使用JAVA支持的任意面板。輕量級組件的缺點則是執(zhí)行速度較慢，優(yōu)點就是可以在所有平臺上采用統(tǒng)一的行為。
概念解析：
JFrame?– java的GUI程序的基本思路是以JFrame為基礎，它是屏幕上window的對象，能夠最大化、最小化、關閉。
JPanel?– Java圖形用戶界面(GUI)工具包swing中的面板容器類，包含在javax.swing 包中，可以進行嵌套，功能是對窗體中具有相同邏輯功能的組件進行組合，是一種輕量級容器，可以加入到JFrame窗體中。。
JLabel?– JLabel 對象可以顯示文本、圖像或同時顯示二者。可以通過設置垂直和水平對齊方式，指定標簽顯示區(qū)中標簽內容在何處對齊。默認情況下，標簽在其顯示區(qū)內垂直居中對齊。默認情況下，只顯示文本的標簽是開始邊對齊；而只顯示圖像的標簽則水平居中對齊。
JTextField?–一個輕量級組件，它允許編輯單行文本。
JPasswordField?– 允許我們輸入了一行字像輸入框，但隱藏星號(*) 或點創(chuàng)建密碼(密碼)
JButton?– JButton 類的實例。用于創(chuàng)建按鈕類似實例中的 "Login"。
怎么用java-web獲得當前登錄此頁面人的列表
session中存放的數據只有持有這個sessionid的登陸用戶自己能夠看到。?
application中存放的數據所有的登陸用戶都可以看到。?
1.?
如果要在頁面中看到所有登陸用戶的信息的話，必須在每個用戶登陸成功以后，把該用戶信息存入application中。然后在jsp頁面上把application中存放的所有用戶列表取出來，顯示在畫面上，這樣返回給客戶端的頁面上就能看到所有的登陸用戶列表。?
大致的代碼如下：?
MyServlet.java
protected?void?doGet(HttpServletRequest?req,?HttpServletResponse?resp)?throws?ServletException,?IOException?{
String?userName?=?request.getParameter("username");
ServletContext?application?=?req.getServletContext();
ArrayList?loginList?=?(ArrayList)application.getAttribute("loginlist");
if(loginList?==?null){
loginList?=?new?ArrayList();
application.setAttribute("loginlist",loginList);
}
loginList.add(userName);
req.getRequestDispatcher("/WEB-INF/jsp/main.jsp").forward(req,resp);
}
main.jsp
%@?taglib?uri=""?prefix="c"?%
c:forEach?var="name"?items="${loginlist}"
c:out?value="${name}"?/?br
/c:forEach
2.如果只是想在頁面上看到自己的登陸信息的話，需要使用session，把登陸信息存入session中，然后jsp頁面從session中取出登陸用戶信息，顯示在畫面上。
MyServlet.java:
protected?void?doGet(HttpServletRequest?req,?HttpServletResponse?resp)?throws?ServletException,?IOException?{
String?userName?=?req.getParameter("username");
HttpSession?session?=?req.getSession();?
session.setAttribute("username",userName);
req.getRequestDispatcher("/WEB-INF/jsp/main.jsp").forward(req,resp);
}
main.jsp
%@?taglib?uri=""?prefix="c"?%
${username}
求JAVA實現用戶登錄界面代碼？
你要先學會截圖哦,你發(fā)的看不清楚,重新寫了一個你參考參考!
import java.awt.GridLayout;
import javax.swing.ButtonGroup;
import javax.swing.JButton;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JRadioButton;
import javax.swing.JTextField;
public class Day30A extends JFrame {
private static final long serialVersionUID = 1L;
private JLabel labelName,labelId,labelPass,labelMoney,labelSelect,labelCar;
private JComboBoxString jcb;
private JPanel jp1,jp2,jp3,jp4,jp5,jp6,jp7;
private ButtonGroup btg;
private JRadioButton jr1,jr2;
Day30A(){
this.setTitle("注冊賬戶");
this.setLayout(new GridLayout(7,1));
this.setSize(300,280);
this.setLocationRelativeTo(null);
this.setDefaultCloseOperation(EXIT_ON_CLOSE);
init();
this.setVisible(true);
}
private void init() {
String str="卡片類型1,卡片類型2,卡片類型3,卡片類型4,卡片類型5";
jcb=new JComboBox(str.split(","));
labelId=new JLabel("賬號: ");
labelName=new JLabel("姓名: ");
labelPass=new JLabel("密碼: ");
labelMoney=new JLabel("開戶金額:");
labelSelect=new JLabel("存款類型:");
labelCar=new JLabel("卡片類型:");
addFun1();
addFun2();
}
private void addFun2() {
this.add(jp1);
this.add(jp2);
this.add(jp3);
this.add(jp4);
this.add(jp5);
this.add(jp6);
this.add(jp7);
}
private void addFun1() {
jp1=new JPanel();
jp1.add(labelId);
jp1.add(new JTextField(15));
jp2=new JPanel();
jp2.add(labelName);
jp2.add(new JTextField(15));
jp3=new JPanel();
jp3.add(labelPass);
jp3.add(new JTextField(15));
jp4=new JPanel();
jp4.add(labelMoney);
jp4.add(new JTextField(13));
jp5=new JPanel();
jp5.add(labelSelect);
btg=new ButtonGroup();
jr1=new JRadioButton("定期");
jr2=new JRadioButton("活期",true);
btg.add(jr1);
btg.add(jr2);
jp5.add(jr1);
jp5.add(jr2);
jp6=new JPanel();
jp6.add(labelCar);
jp6.add(jcb);
jp7=new JPanel();
jp7.add(new JButton("確定"));
jp7.add(new JButton("取消"));
}
public static void main(String[] args) {
new Day30A();
}
}
網頁題目：java用戶列表代碼,java中列表
當前地址：http://ef60e0e.cn/article/pheoji.html
