javaWEB（项目分析&用户登录&发布新闻案例）

1.随机验证码

var cns = ['q','w','e','r','t','y','u','i','o','p','a','s','d','f','g','h','j','k','l','z','x','c','v','b','n',
                'm','M','N','B','V','C','X','Z','A','S','D','F','G','H','J','K','L','P','O','I','U','Y','T','R','E','W','Q',
                '0','1','2','3','4','5','6','7','8','9'];
 
function setAutoCode() {
    var str="";
    for(var i=0;i<4;i++){
        var index=Math.floor(Math.random()*cns.length); 
        str+=cns[index];
        
        
    }
    $("#yz").html(str); 这里也可以使用js获取标签设置
    
}

---

2.css 的一些属性 方法 与五中跳转方式

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
        //1.JSP页面的跳转方式
        //(1)form表单提交跳转
        //      action method   
        //      传值  action = "index.jsp?username=admin"
              <input type = "hidden" name = "xxx" value = ""/>
    
        //(2)HTML超链接标签进行跳转
                <a href = "index.jsp?username=admin&pwd=123"></a>
    
        
        //(3)js脚本中的BOM对象   location
          script标签内    location.href="index.jsp?username=admin"
        
        
        //(4)java的方式--请求转发
        request.getRequestDispatcher("跳转路径").forward(request, response);
        
        
        //(5)java的方式--请求重定向
        response.sendRedirect("跳转路径");
        
        
        //在所有的中转站页面中做页面跳转。
        //1,2  不行的     3,4,5可以的
        
        
        //2.JDBC
        Class.forName("驱动路径");//oracleDriver  alt+/  该页面第一行代码中import值
        
        
        //url地址
         jdbc:oracle:thin:@localhost:1521:orcl  
        
        //接口以及实现类
        //DriverManager
        //Connection
        //PreparedStatement   ps     
        //  占位符的概念  ？        ps.setXxx(序号,数值);
        //ResultSet rs       next();
        //  rs.getXxx()
        
        
        
        
        
    %>

---

3.jQuery表单的阻止提交事件

event.preventDefaullt();jQuery表单阻止提交

//#inputs----提交按钮对象
$("#inputs").click(function(event){
                var code=$("#code").val();
                if(!code){
                    alert('验证码不能为空');
                    event.preventDefault();
                }else{
                    var sp=document.getElementById("sp").innerHTML;
                    if(sp!=code){
                        alert('验证码不一致');
                        event.preventDefault();
                    }
                }
                //event.preventDefaullt();jQuery表单阻止提交
            })

---

4.连接数据库后的代码

<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page import="oracle.jdbc.driver.OracleDriver"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    //设置编码方式
    request.setCharacterEncoding("utf-8");
    //接收表单提交过来的值
    String name = request.getParameter("textfiled");
    String pwd = request.getParameter("textfiled2");
    //jdbc连接Oracle做判断
    String  URL = "jdbc:oracle:thin:@localhost:1521:orcl";
    String CNAME = "oracle.jdbc.driver.OracleDriver";
    
    //加载驱动
    Class.forName(CNAME);
    //创建连接
    Connection con = DriverManager.getConnection(URL,"scott","tiger");
    //定义SQL语句
    String sql = "select * from tb_0325 where sname=? and spwd=?";
    //获得执行对象
    PreparedStatement ps = con.prepareStatement(sql);
    //给占位符赋值
        ps.setString(1, name);
        ps.setString(2, pwd);
        //开始执行
        ResultSet rs=ps.executeQuery();
        //判断 遍历
        if(rs.next()){
            //说明登录成功 跳转到新闻发布系统的管理员界面 
            //重定向
            //response.sendRedirect("news/admin.jsp");
            
            //转发
            request.getRequestDispatcher("news/admin.jsp").forward(request, response);
        }
        else{
            //说明登录失败
            out.print("<script>alert('用户名或者密码有误');location.href='login.jsp';</script>");
        }
        
        //关闭资源
        if(con!=null&&!con.isClosed()){
            con.close();
        }
        if(ps!=null){
            ps.close();
        }
        if(rs!=null){
            rs.close();
        }
%>

​