DoJo写注册页面

niulanshan

浏览: 565462 次

最近访客更多访客>>

扶起之秀

qijojo

qy86615069

yungaoyue2005

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1540)

社区版块

存档分类

1、新建web项目，文件结构如下图：

2、在WebRoot下新建Register.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>注册页面</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="../dojoroot/dijit/themes/tundra/tundra.css">
	<link rel="stylesheet" type="text/css" href="../dojoroot/dojo/resources/dojo.css">
    <script type="text/javascript" src="../dojoroot/dojo/dojo.js"></script>
    <script type="text/javascript">
        dojo.require("dojo.parser");
        dojo.require("dijit.form.Button");
        dojo.require("dijit.form.TextBox");
        dojo.require("dijit.form.RadioButton");
        dojo.require("dijit.layout.AccordionContainer");
        dojo.require("dijit.dijit.form.ValidationTextBox");
    </script>
  </head>
  
  <body class="tundra">
      <div dojoType="dijit.layout.AccordionContainer">
            <div dojoType="dijit.layout.ContentPane" title="注册界面" style="background: #CCCCCC;width:23%;
                 text-align: center;">
                 <label for="username">用户名：</label>
                 <input type="text" id="username" dojoType="dijit.dijit.form.ValidationTextBox"
                        trim="true" required="true" missingMessage="请输入用户名" propercase="true"/><br/><br/>
                 
                 <input type="radio" id="male" name="sex" dojoType="dijit.form.RadioButton"/>男
                 
                 <input type="radio" id="female" name="sex" dojoType="dijit.form.RadioButton"/>女<br/><br/>
                 <label for="password">密码：</label>
                 <input type="password" id="password" dojoType="dijit.dijit.form.ValidationTextBox"
                        trim="true" required="true" missingMessage="请输入密码" propercase="true"/><br/><br/>
                 <label for="passworda">确认密码：</label>
                 <input type="password" id="passworda" dojoType="dijit.dijit.form.ValidationTextBox"
                        trim="true" required="true" missingMessage="请再次输入密码" propercase="true"/><br/><br/>
                 <label for="qq">QQ号码：</label>
                 <input type="text" id="qq" dojoType="dijit.dijit.form.ValidationTextBox"
                        trim="true" required="true" propercase="true"/><br/><br/>
                 <label for="telephone">电话号码：</label>
                 <input type="text" id="telephone" dojoType="dijit.dijit.form.ValidationTextBox"
                        trim="true" required="true" propercase="true"/><br/><br/>
                 <label for="cellphone">移动号码：</label>
                 <input type="text" id="cellphone" dojoType="dijit.dijit.form.ValidationTextBox"
                        trim="true" required="true" propercase="true"/><br/><br/>
                        
                 <label for="email">email：</label>
                 <input type="text" id="email" dojoType="dijit.dijit.form.ValidationTextBox"
                        trim="true" required="true" propercase="true" regExp="[a-z0-9._%+-]+@[a-z0-9]+\.[a-z]{2,4}"
                        invalidMessage="请输入有效的邮箱地址"/><br/><br/>
                        
                 <button type="button" dojoType="dijit.form.Button">注册</button>
                    
                 <button type="reset" dojoType="dijit.form.Button">取消</button>
            </div>
      </div>
  </body>
</html>

3、配置Tomcat中的server.xml

server.xml:

<?xml version='1.0' encoding='utf-8'?>
<!--
  Licensed to the Apache Software Foundation (ASF) under one or more
  contributor license agreements.  See the NOTICE file distributed with
  this work for additional information regarding copyright ownership.
  The ASF licenses this file to You under the Apache License, Version 2.0
  (the "License"); you may not use this file except in compliance with
  the License.  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->
<!-- Note:  A "Server" is not itself a "Container", so you may not
     define subcomponents such as "Valves" at this level.
     Documentation at /docs/config/server.html
 -->
<Server port="8005" shutdown="SHUTDOWN">
  <!-- Security listener. Documentation at /docs/config/listeners.html
  <Listener className="org.apache.catalina.security.SecurityListener" />
  -->
  <!--APR library loader. Documentation at /docs/apr.html -->
  <Listener className="org.apache.catalina.core.AprLifecycleListener" SSLEngine="on" />
  <!--Initialize Jasper prior to webapps are loaded. Documentation at /docs/jasper-howto.html -->
  <Listener className="org.apache.catalina.core.JasperListener" />
  <!-- Prevent memory leaks due to use of particular java/javax APIs-->
  <Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener" />
  <Listener className="org.apache.catalina.mbeans.GlobalResourcesLifecycleListener" />
  <Listener className="org.apache.catalina.core.ThreadLocalLeakPreventionListener" />

  <!-- Global JNDI resources
       Documentation at /docs/jndi-resources-howto.html
  -->
  <GlobalNamingResources>
    <!-- Editable user database that can also be used by
         UserDatabaseRealm to authenticate users
    -->
    <Resource name="UserDatabase" auth="Container"
              type="org.apache.catalina.UserDatabase"
              description="User database that can be updated and saved"
              factory="org.apache.catalina.users.MemoryUserDatabaseFactory"
              pathname="conf/tomcat-users.xml" />
  </GlobalNamingResources>

  <!-- A "Service" is a collection of one or more "Connectors" that share
       a single "Container" Note:  A "Service" is not itself a "Container",
       so you may not define subcomponents such as "Valves" at this level.
       Documentation at /docs/config/service.html
   -->
  <Service name="Catalina">

    <!--The connectors can use a shared executor, you can define one or more named thread pools-->
    <!--
    <Executor name="tomcatThreadPool" namePrefix="catalina-exec-"
        maxThreads="150" minSpareThreads="4"/>
    -->


    <!-- A "Connector" represents an endpoint by which requests are received
         and responses are returned. Documentation at :
         Java HTTP Connector: /docs/config/http.html (blocking & non-blocking)
         Java AJP  Connector: /docs/config/ajp.html
         APR (HTTP/AJP) Connector: /docs/apr.html
         Define a non-SSL HTTP/1.1 Connector on port 8080
    -->
    <Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />
    <!-- A "Connector" using the shared thread pool-->
    <!--
    <Connector executor="tomcatThreadPool"
               port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />
    -->
    <!-- Define a SSL HTTP/1.1 Connector on port 8443
         This connector uses the JSSE configuration, when using APR, the
         connector should be using the OpenSSL style configuration
         described in the APR documentation -->
    <!--
    <Connector port="8443" protocol="HTTP/1.1" SSLEnabled="true"
               maxThreads="150" scheme="https" secure="true"
               clientAuth="false" sslProtocol="TLS" />
    -->

    <!-- Define an AJP 1.3 Connector on port 8009 -->
    <Connector port="8009" protocol="AJP/1.3" redirectPort="8443" />


    <!-- An Engine represents the entry point (within Catalina) that processes
         every request.  The Engine implementation for Tomcat stand alone
         analyzes the HTTP headers included with the request, and passes them
         on to the appropriate Host (virtual host).
         Documentation at /docs/config/engine.html -->

    <!-- You should set jvmRoute to support load-balancing via AJP ie :
    <Engine name="Catalina" defaultHost="localhost" jvmRoute="jvm1">
    -->
    <Engine name="Catalina" defaultHost="localhost">

      <!--For clustering, please take a look at documentation at:
          /docs/cluster-howto.html  (simple how to)
          /docs/config/cluster.html (reference documentation) -->
      <!--
      <Cluster className="org.apache.catalina.ha.tcp.SimpleTcpCluster"/>
      -->

      <!-- Use the LockOutRealm to prevent attempts to guess user passwords
           via a brute-force attack -->
      <Realm className="org.apache.catalina.realm.LockOutRealm">
        <!-- This Realm uses the UserDatabase configured in the global JNDI
             resources under the key "UserDatabase".  Any edits
             that are performed against this UserDatabase are immediately
             available for use by the Realm.  -->
        <Realm className="org.apache.catalina.realm.UserDatabaseRealm"
               resourceName="UserDatabase"/>
      </Realm>

      <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

        <!-- SingleSignOn valve, share authentication between web applications
             Documentation at: /docs/config/valve.html -->
        <!--
        <Valve className="org.apache.catalina.authenticator.SingleSignOn" />
        -->

        <!-- Access log processes all example.
             Documentation at: /docs/config/valve.html
             Note: The pattern used is equivalent to using pattern="common" -->
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
               prefix="localhost_access_log." suffix=".txt"
               pattern="%h %l %u %t "%r" %s %b" />
               
       <Context path="/dojo" docBase="D:\MyEclipse\workspace\dojo\WebRoot" reloadable="true"/>

      </Host>
    </Engine>
  </Service>
</Server>

4、运行dojo项目，http://localhost:8080/dojo/Register.jsp，结果如下图：