登录实例

phoebird

浏览: 117682 次
性别:
来自: 重庆

最近访客更多访客>>

maoweiwer

balancircle

a1012827688

fcr1209973

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

extjs

EXT Struts JavaScript CSS Apache

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
            request.setAttribute("base", request.getContextPath());
%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>登录界面</title>
        <link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/ext-all.css" />

        <script type="text/javascript" src="${base}/ext/ext-base.js"></script>
        <script type="text/javascript" src="${base}/ext/ext-all.js"></script>
        <script type="text/javascript" src="${base}/ext/ext-lang-zh_CN.js"></script><!--中文映射-->

        <script type="text/javascript">

            function Login(){
                //登录面板对象
                var loginPanel=new Ext.form.FormPanel({
                    id:"loginPanel",labelPad:0,labelWidth:45,frame:true,
                    items:[
                        {xtype:"field",id:"userName",fieldLabel:"用户名"},
                        {xtype:"field",id:"password",fieldLabel:"密&nbsp;&nbsp;码"}
                    ]
                });
                var loginWindow;
                if(!loginWindow){
                    loginWindow=new Ext.Window({
                        id:"loginWindow",
                        title:"登录窗口",
                        width:210,
                        height:127,
                        resizable:false,//是否允许重新设置大小
                        closable:false,//是否允许关闭
                        items:
                            [
                            loginPanel
                        ],
                        buttons:
                            [
                            {xtype:"button",text:"确定",handler:validatorData},
                            {xtype:"button",text:"取消",handler:function(){
                                    loginWindow.hide();//隐藏窗体
                                }}
                        ]
                    });
                }
                loginWindow.show();
                document.body.onkeydown=function(){
                    loginWindow.show();
                };
                //连接数据库
                function validatorData(){
                    var userName=Ext.getCmp("userName").getValue();//根据id获取对象的值
                    var password=Ext.getCmp("password").getValue();
                    
                    if(Ext.util.Format.trim(userName)=="" || Ext.util.Format.trim(password)==""){
                        Ext.Msg.alert("警告","请正确输入数据，用户名和密码都不能为空!");
                    }
                    Ext.Ajax.request({
                        url:"login.action",//请求地址
                        params:{ParamUserName:userName,ParamPassword:password},//发送的参数
                        success:function(response,option){
                          
                            var obj=Ext.decode(response.responseText);//将返回json字符串信息转为对象
                            if(obj.success==true)//判断返回的对象的属性是否为true
                            {
                                Ext.Msg.alert("好消息","登录成功");
                                //清除输入框
                                Ext.getCmp("userName").setValue("");
                                Ext.getCmp("password").setValue("");
                                loginWindow.hide();
                            }
                            else{
                                Ext.Msg.alert("坏消息","坏消息：你登陆失败了！");

                            }
                        },
                        failure:function(){
                            Ext.Msg.alert("坏消息","坏消息：你登陆出现异常了！");

                        }
                    })
                }
                //显示登录窗口
                var btnShow=new Ext.Button({
                    renderTo:"btn",text:"显示登录窗口",handler:function(){
                        loginWindow.show();
                    }
                })

            }
            Ext.onReady(Login) ;//参数为定义的函数,onReady是程序的入口
        </script>
    </head>
    <body>
        <div id="btn" style=" text-align: center;padding-top: 300px; vertical-align: middle;">

        </div>
    </body>
</html>

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package com.cn.controler;

import com.opensymphony.xwork2.ActionSupport;
import java.io.PrintWriter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts2.ServletActionContext;

/**
 *
 * @author Administrator
 */
public class LoginAction extends ActionSupport {

    @Override
    public String execute() throws Exception {
        HttpServletRequest request = ServletActionContext.getRequest();
        HttpServletResponse response = ServletActionContext.getResponse();

        String userName = request.getParameter("ParamUserName");
        String password = request.getParameter("ParamPassword");
      
        //判断不为空
        if ((!("").equals(userName) || userName != "") && (!("").equals(password) || password != "")) {
            if ("abc".equals(userName) && "abc".equals(password)) {
                PrintWriter out = response.getWriter();
                out.write("{success:true}");
            } else {
                PrintWriter out = response.getWriter();
                out.write("{success:false}");
            }
        }
        else{
                 PrintWriter out = response.getWriter();
                out.write("{success:false}");
        }

        return null;
    }
}

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>

    <!--<constant name="struts.action.extension" value="do" />--><!--将后缀改为.do的方式请求-->
    <constant name="struts.devMode" value="true" />
    <constant name="struts.enable.DynamicMethodInvocation" value="false" />

    <!-- <include file="mailreader-default.xml"/>
    <include file="mailreader-support.xml"/>-->
    <package   name="struts2" namespace="/"   extends="struts-default">
        <action name="hello"  class="com.cn.controler.HelloWorldAction"  method="execute">
            <result name="success">/hello.jsp</result>
        </action>

        <action name="login" class="com.cn.controler.LoginAction"></action>
    </package>

</struts>

分享到：

8179 ext events 为空或不是对象 | 单选框复选框添加事件

2010-06-20 17:37
浏览 1013
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

登录实例

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

登录实例

评论

发表评论

相关推荐

8179 ext events 为空或不是对象

单选框 复选框 添加事件

Ext Ext.util.Format 常用的函数的介绍

Ext decode() 与encode() 方法的简单应用

Ext.getCmp("id") 简单应用

gridPanel 边框线 样式

JsonReader ArrayReader解析器的应用

gridpanl 笔记一

窗口 对话框简单 实例

窗口 分组

窗口基本应用

网站后台 简单布局 （上左右方式）

panel 布局 viewPort 简单介绍

基本事件处理及使用方法

获取元素添加监听

tabPanel button 对象的创建 (2)

extjs 提示窗口 面板对象 视图区域显示 对象创建(1)

最近访客更多访客>>

单选框复选框添加事件

gridPanel 边框线样式

窗口对话框简单实例

窗口分组

网站后台简单布局（上左右方式）

extjs 提示窗口面板对象视图区域显示对象创建(1)