index.xhtml

Can tell the new comer whether is the right user,and checks the information from Database.

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout"
	 renderKitId="AJAX" xmlns:h="http://java.sun.com/jsf/html" xmlns:ajax="http://www.apusic.com/jsf/ajax">
	<w:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	</w:head>
<w:page title="陕西省财政厅系统">
	<layout:absoluteLayout height="600" border="false" >
	<!-- 登录的背景 -->
	 <layout:panel  x="0" y="0" header="false" footer="false">
	 <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td valign="top">
			<table width="100%" height="1%" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td width="100%" style="background-image: url('resources/jpg/00.jpg'); background-repeat: repeat-y" height="1181">&#160;</td>
					<td width="100%" style="background-image: url('resources/images/00.jpg'); background-repeat: repeat-x">
						<div style="width: 280px; top: 150px; left: 600px; position: absolute;">
							
						</div>
					</td>
				</tr>
			</table>
		</td>
		</tr>
	</table>
	 </layout:panel>
	 <!-- 登录输入框 -->
			
			<layout:panel width="200"   x="375" y="290"  footer="false"  hideBorders="true" hideCollapseTool="true" style="background-color: white; list-style-type: circle; background-position: left right; background-image: ../resources/jpg/00.jpg " columnWidth="100" animCollapse="true" border="false" bodyBorder="false" hideParent="true" header="false">
         
		
    
	
		<h:form prependId="false" id="loginForm"  style="clear: none; background-color: #0D49A5;">
			<h:outputText value="#{loginBean.message}" style="color: #FF0000; font-size: 12px"></h:outputText>
			<layout:panelGrid columns="1"  rowspan="1">
					<layout:panelGrid style="height: 20px;width: 200px">
				<layout:cell colspan="1" rowspan="1" align="left" style="height: 20px;width: 50px" >
					<h:outputText style="font-size: 14px; color: #FFFFFF; font-weight: bolder" value="用户名:"></h:outputText>
				</layout:cell>
				<layout:cell colspan="1" rowspan="1" style="height: 20px width: 100px" align="left">
					
					<h:inputText id="username" value="#{loginBean.username}"  style="width:100px;border-right-color: #FF8000; border-bottom-color: #FF8000; border-top-color: #FF8000; border-left-color: #FF8000"></h:inputText>
					
				</layout:cell>
					</layout:panelGrid><layout:panelGrid style="height: 20px;width: 200px">
				<layout:cell colspan="1" rowspan="1" align="right" style="height: 40px; width: 50px">
					<h:outputText style="font-size: 14px; color: #FFFFFF; font-weight: bolder" value="密    码:"></h:outputText>
				</layout:cell>
				<layout:cell colspan="1" rowspan="1" style="height: 20px" align="left">
					<h:inputSecret id="密码" value="#{loginBean.password}" onkeydown="submitform(event)" style=" width:100px;border-right-color: #FF8000; border-bottom-color: #FF8000; border-top-color: #FF8000; border-left-color: #FF8000"></h:inputSecret>	
				</layout:cell></layout:panelGrid>

			<layout:panelGrid width="200" align="left">
				<layout:cell colspan="1" rowspan="1" style="height: 20px" align="left">
				<w:button id="login"  value="登录系统" onclick="atimer.schedule();" action="#{loginBean.login}" width="80"></w:button>
					</layout:cell><layout:cell colspan="1" rowspan="1" style="height: 20px" align="left">
				<w:button  action="#{loginBean.editPwd}"  value="修改密码" width="80"   style="letter-spacing: 0px; word-spacing: 0px; text-indent: 0px; background-color:red"></w:button>
			</layout:cell></layout:panelGrid>	</layout:panelGrid>
			<ajax:timer jsvar="atimer" sendForm="false" period="2" start="flase"/>
		</h:form>
	

		  </layout:panel>
     
    </layout:absoluteLayout>
	
	
</w:page>
<ajax:scripter script="#{loginBean.script}" />
<script>
Ext.onReady(
function(){document.getElementById("username").focus()}
);
function submitform(evt) {
    if( evt == null ) {
        evt = window.event;
     }
    if( evt.keyCode == 13 ) {
    	atimer.schedule();
        window.setTimeout(function() {
           OM.ajax.submit(document.forms['loginForm'],'index.faces',{'login':''},false);
        }, 50);
     }
}
</script>
</f:view>