`
zjh0588
  • 浏览: 64784 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

AJAX JSON-RPC + MYSQL 数据库登陆和查询操作

    博客分类：
  • java
jsonMySQLAjaxServletWeb 
阅读更多

第一步: 建立mysql 数据库,创建noteuser表和增加1条信息

sql 代码
  1. CREATE TABLE `noteuser` (   
  2.   `userid` int(5) NOT NULL auto_increment,   
  3.   `username` varchar(16) character set utf8 default NULL,   
  4.   `password` varchar(16) character set utf8 default NULL,   
  5.   `regtime` datetime default NULL,   
  6.   `NickName` varchar(16) character set utf8 default NULL,   
  7.   `Sex` int(1) unsigned default NULL,   
  8.   `Email` varchar(15) character set utf8 default NULL,   
  9.   `age` int(2) unsigned default NULL,   
  10.   PRIMARY KEY  (`userid`)   
  11. ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin;   
  12.   
  13.   
  14. INSERT INTO noteuser(username,password,regtime,NickName,Sex,Email,age) VALUES ('YuKy','11',now(),'Zoo.YuKy',1,'zjh588@gmail.com',21);   
  15. //可以添加更多信息  

第二步:1.下载jsonrpc-1.0.jar , http://oss.metaparadigm.com/jsonrpc-dist/json-rpc-java-1.0.zip

             2.在C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ 建立新文件夹json_Test,然后把json-rpc-java-1.0.zip里的jsonrpc.js放在...\webapps\json_Test\js的文件夹里面.在js文件夹里增加aa.js.

//--把下面的代码复制到aa.js

 

js 代码
  1. function clrscr()   
  2. {   
  3.     resultNode.value = "";   
  4. }   
  5.   
  6. function print(s)   
  7. {   
  8.     resultNode.value += "" + s;   
  9.     resultNode.scrollTop = resultNode.scrollHeight;   
  10. }   
  11.   
  12.   
  13. function onLoad()   
  14. {   
  15.     resultNode = document.getElementById("result");   
  16.   
  17.     try {   
  18.     jsonrpc = new JSONRpcClient("JSON-RPC");   
  19.     } catch(e) {   
  20.     if(e.message) alert(e.message);   
  21.     else alert(e);   
  22.     }   
  23. }   
  24.   
  25. function loginUser(){   
  26.     var user = document.getElementById("username").value;   
  27.     var pass = document.getElementById("password").value;   
  28.   
  29.     if(user == null || pass == null ||user == "" || pass == ""){   
  30.         alert("Please enter username and password!");   
  31.         }else{   
  32.             var ss = jsonrpc.user.loginUser(user,pass);   
  33.             alert(ss);   
  34.             }   
  35.     }   
  36.        
  37. function dogetUserInfo(){   
  38.     clrscr();   
  39.      print("Running user\n\n");   
  40.       try {   
  41.             print("user.getUserInfo()");   
  42.             print(" returns " + jsonrpc.user.getUserInfo() + "\n");   
  43.           } catch(e) {   
  44.     print(" Exception: \n\n" + e);   
  45.     }   
  46. }   

第三步:编写JAVA程序,jsonTest.java

java 代码
  1. package com.metaparadigm.jsonrpc.test;   
  2.   
  3. import java.io.Serializable;   
  4. import java.sql.*;   
  5. public class jsonTest /*extends dbManager*/ implements Serializable   
  6. {   
  7.     private final static long serialVersionUID = 1;   
  8.     private String strSql;   
  9.     private ResultSet rs;   
  10.     private Statement stmt = null;   
  11.     private Connection conn = null;   
  12.        
  13.     public Connection getConnection(){   
  14.         try{   
  15.             Class.forName("org.gjt.mm.mysql.Driver");   
  16.             conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf-8","root","root");   
  17.         }catch(Exception ex){   
  18.             ex.printStackTrace();   
  19.         }   
  20.         return conn;   
  21.     }   
  22.        
  23.     public String[] getUserInfo(){   
  24.         String[] row = null;   
  25.         try{   
  26.             strSql = "select username from noteuser";   
  27.             conn = getConnection();   
  28.             stmt = conn.createStatement();   
  29.             rs = stmt.executeQuery(strSql);   
  30.             int i = 0;             
  31.             while(rs.next()){   
  32.                 i++;   
  33.             }   
  34.             System.out.println(i);   
  35.             rs = stmt.executeQuery(strSql);   
  36.             row = new String[i];   
  37.             i =0;    
  38.                
  39.             while(rs.next()){      
  40.                 row[i] = rs.getString(1);   
  41.                 i++;   
  42.             }   
  43.         }catch(Exception e){   
  44.             e.printStackTrace();   
  45.         }   
  46.         for(int j=0; j<row.length; j++)   
  47.             System.out.println(row[j]);   
  48.            
  49.         return row;   
  50.     }   
  51. }  

第四步: 写JSP页面:cc.jsp

xml 代码
  1.   
  2. <%@   
  3. page contentType="text/html; charset=UTF-8" %><%@   
  4. page language="java" %><%@   
  5. page import="com.metaparadigm.jsonrpc.test.jsonTest"  
  6. %>  
  7. <jsp:useBean id="JSONRPCBridge" scope="session" class="com.metaparadigm.jsonrpc.JSONRPCBridge" />  
  8. <jsp:useBean id="user" scope="session" class="com.metaparadigm.jsonrpc.test.jsonTest"/>  
  9. <%JSONRPCBridge.registerObject("user", user); %>  
  10.   
  11. <script language="javascript" type="text/javascript" src="js/jsonrpc.js"></script>  
  12. <script type="text/javascript" src="js/aa.js"></script>  
  13. <head>  
  14. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  15. <title>JSON查询MYSQL</title>  
  16. </head>  
  17.   
  18. <body onLoad="onLoad()">  
  19.   <p>请输入你的用户名字和密码</p>  
  20.                     <p>用户名:   
  21.                       <input type="text" id="username">  
  22.                   </p>  
  23.                     <p>密 &nbsp; 码:    
  24.                       <input type="password" id="password" >  
  25.                   </p>  
  26.                     <p>  
  27.                       <input type="button" onClick="loginUser()" value="登陆" ></p>  
  28.                          
  29. <textarea wrap="off" id="result" cols="80" rows="20"></textarea>  
  30.        <a href="javascript:dogetUserInfo();">查看</a>  
  31.         
  32. </body>  
  33. </html>  

第五步:配置WEB-INF(自己创建以下的文件夹,在这里不一一说明有什么作用)
      1.添加web.xml,在..\webapps\json_Test\WEB-INF文件夹,在\WEB-INF\添加web.xml,把以下代码复制进去

xml 代码
  1. <?xml version="1.0" encoding="ISO-8859-1"?>    
  2. <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">  
  3. <web-app>  
  4. <servlet>    
  5. <servlet-name>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-name>    
  6. <servlet-class>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-class>    
  7. </servlet>    
  8. <servlet-mapping>    
  9. <servlet-name>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-name>    
  10. <url-pattern>/JSON-RPC</url-pattern>    
  11. </servlet-mapping>  
  12. </web-app>  

2.添加jsonrpc-1.0.jar,把json-rpc-java-1.0.zip内的jsonrpc-1.0.jar复制到..\webapps\json_Test\WEB-INF\lib\里

      3.添加jsonTest.class,把jsonTest.java编译好的class文件在..\webapps\json_Test\WEB-

INF\classes\com\metaparadigm\jsonrpc\test\文件夹里.


第六步:测试,运行Tomcat,在地址栏输入http://localhost:8080/json_Test/cc.jsp,然后输入用户名yuky,密码11,看是否能登陆成功.

分享到：
| AJAX+JSON+DOJO+MYSQL 登陆和查询
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics