会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133674个问题

老师为什么我按照代码写的,结果却很不一样呢?代码如下:


<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <script>
   var yan;
   /***********验证码的生成***************/
   function YZM(){
    
    //4位随机整数
    yan = Math.floor(Math.random()*9000+1000);
    //获得span对象
    var span = document.getElementById("yzm_span");
    span.innerText = yan;
   }
   
   /************提取公部分***************/
   function check(id,reg){
    
    //获取对应id的value
    var uid = document.getElementById(id);
    var val = uid.value;
    
    //获取alt属性
    var alt = uid.alt;
    
    //获得span对象
    var span = document.getElementById(id+"_span");]
    
    if(val == null || val == ""){
     
     span.innerText = "×"+alt+"不能为空";
     span.style.color = "red";
     return false;
    }else if(reg.test(val)){
     
     span.innerText = "√"+alt+"合法";
     span.style.color = "green";
     return true;
    }else{
     
     span.innerText = "×"+alt+"不合法";
     span.style.color = "red";
     return false;
    }
   }
   
   /**********检验用户名的方法******************/
   function checkName(){
    //汉字的正则表达式
    var  reg=/^[\u4e00-\u9fa5]{3,5}$/;
    
    return check("uname",reg);
   }
   
   /*********校验邮箱方法**************/
   function  checkEmail(){
    //邮箱的正则表达式
    
    var  reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
    
       return check("email",reg);
   }
   
   
   /*********检验密码方法**************/
   function  checkPwd(){
    //密码的正则表达式
    
    var  reg=/^\d{3,6}$/;
    
       return check("pwd",reg);
   }
   
   /*********检验手机号方法**************/
   function  checkPhone(){
    //手机号的正则表达式
    
    var  reg=/^\d{11}$/;
    
       return check("phone",reg);
   }
   
   /***********性别校验***************/
   function checkSex(){
    
    //获取所有性别对象
    var sex = document.getElementById("sex");
    
    //获取span对象
    var span = document.getElementById("sex_span");
    for(var i in sex){
     
     if(sex[i].checked){
      
      span.innerHTML = "性别选择成功"
      span.style.color = "green";
      return true;
     }
    }
    
    span.innerHTML = "请选择性别";
    span.style.color = "red";
    return false;
   }
   
   /***********爱好校验***************/
   function checkHob(){
    
    //获取所有爱好对象
    var hob = document.getElementById("hobby");
    
    //获取span对象
    var span = document.getElementById("hobby_span");
    for(var i in hob){
     
     if(hob[i].checked){
      
      span.innerHTML = "爱好选择成功"
      span.style.color = "green";
      return true;
     }
    }
    
    span.innerHTML = "请选择爱好";
    span.style.color = "red";
    return false;
   }
   
   /*********籍贯校验***********/
   function  checkAdress(){
    
    var  sel=document.getElementById("sel").value;
    
    var  span =document.getElementById("sel_span");
    
    if(sel==0){
     
     span.style.color="red";
     span.innerText="请选择籍贯"
     
     return false;
    }else {
     
     span.style.color="green";
     span.innerText="籍贯选择成功"
     
     return true;
     
    }
   }
   
   /**********验证码输入校验************/
   function checkYZM(){
    
    //获取自己输入的验证码
    var yzm = document.getElementById("yzm").value;
    //获取span对象
    var span = document.getElementById("yzm2_span");
    
    if(yzm==yan){
     
     span.innerText = "验证码正确";
     span.style.color = "green";
     return true;
    }else{
     
     span.innerText = "验证码错误";
     span.style.color = "red";
     return false;
    }
   }
   
   /***********是否同意协议************/
   function checkAgr(){
    
    //同意框
    var check = document.getElementById("check");
    //提交
    var sub = document.getElementById("sub");
    
    sub.disabled = !check.checked;
   }
   
   function zong(){
    
    var flag = checkName()&&checkPwd()&&checkPhone()&&checkEmail()&&checkSex()&&checkAdress()&&checkYZM();
    
    return flag;
   }
   
   /*
   
    *
    * 正则表达式:
    *   
    * 正则表达式是对于数据格式进行一定的规范限制
    *
    *
    * ^:开始
    * [0-9]  [a-z A-Z] :数字  字母
    *
    * {2,4} :段域 至少是2位  最多是4位
    * {3}:指定范围就是3位
    * {2,}:至少是2位
    *  $:结束
    *
    * \d:[0-9]
    *
    * \w[0-9 a-z A-Z]
    *
    * */

  </script>
 </head>
 <body onload="YZM()">
  <center>
   <h3>注册页面</h3>
   <hr />
   <form action="" method="get" onsubmit="return zong()">
    <table>
     <tr height="35px">
      <td width="150px">用户名:</td>
      <td width="400px">
       <input type="text" name="uname" id="uname" value="" alt="用户名" onblur="checkName()"/>
       <span id="uname_span">*用户名必须是3-5位的汉字</span>
      </td>
     </tr>
     <tr height="35px">
      <td>密码:</td>
      <td>
       <input type="password" name="pwd" id="pwd" value="" alt="密码" onblur="checkPwd()"/>
       <span id="pwd_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>手机号:</td>
      <td>
       <input type="text" name="phone" id="phone" value="" alt="手机号" onblur="checkPhone()"/>
       <span id="phone_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>邮箱:</td>
      <td>
       <input type="text" name="email" id="email" value="" alt="邮箱" onblur="checkEmail()"/>
       <span id="email_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>性别:</td>
      <td>
       男:<input type="radio" name="sex" id="sex" value="0" onblur="checkSex()"/>
       女:<input type="radio" name="sex" id="sex" value="1" onblur="checkSex()"/>
       <span id="sex_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>爱好:</td>
      <td>
       <input type="checkbox" name="hobby" id="hobby" value="1" onblur="checkHob()"/>唱歌
       <input type="checkbox" name="hobby" id="hobby" value="2" onblur="checkHob()"/>跳舞
       <input type="checkbox" name="hobby" id="hobby" value="3" onblur="checkHob()"/>溜冰<br />
       <input type="checkbox" name="hobby" id="hobby" value="4" onblur="checkHob()"/>LOL
       <input type="checkbox" name="hobby" id="hobby" value="5" onblur="checkHob()"/>爬山
       <input type="checkbox" name="hobby" id="hobby" value="6" onblur="checkHob()"/>旅游
       <span id="hobby_span"></span>      
      </td>
     </tr>
     <tr height="35px">
      <td>籍贯:</td>
      <td>
       <select name="address" id="sel" onchange="checkAdress()">
        <option value="0">--请选择--</option>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">南京</option>
        <option value="4">杭州</option>
       </select>
       <span id="sel_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>验证码:</td>
      <td>
       <input type="number" name="" id="yzm" value="" onblur="checkYZM()"/>
       <span id="yzm_span"></span>
       <span id="yzm2_span"></span>
      </td>
     </tr>
     <tr height="35px">
      <td>个人介绍:</td>
      <td>
       <textarea name="intro" rows="8" cols="30"></textarea>
      </td>
     </tr>
     <tr height="35px">
      <td colspan="2" align="center">
       <input type="checkbox" name="" id="check" value="" onclick="checkAgr()"/>是否同意本公司协议
      </td>
      
     </tr>
     <tr height="35px">
      <td colspan="2" align="center">
       <input type="submit" name="" id="sub" value="注册" disabled="true"/>
      </td>
     </tr>
     
 
    </table> 
   </form>
  </center>
 </body>
</html>


JAVA 全系列/第五阶段:网页编程和设计/Javascript 语言(旧) 23251楼

一、压缩文件

mapperdemo.zip

二、报错截图,老师帮我看一下这怎么弄

blob.png

JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 23254楼

ssm_rbac.zip

log.txt

这个项目视频里是在eclipse上运行的,我在idea上试了一直报错,应该和tomcat服务器有点关系

老师有空能远程给我看看嘛

JAVA 全系列/第六阶段:项目管理与SSM框架/RBAC实战 23255楼

log.txt

这边连接数据库一直不成功,这个报错信息也看不懂

项目我就不发了就是老师给的样例

JAVA 全系列/第十阶段:权限控制与安全认证/Shiro(旧) 23256楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 23261楼
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:使用Solr实现数据搜索 23262楼

<div class="white-nav">
    <div class="white-nav-bar">
        <div class="bar-left">
            <a href="#">
                <img  class="mi-logo"src="images/mi-logo.png" alt="">
                <img  class="mi-home" src="images/mi-home.png" alt="">
            </a>
        </div>
        <div class="bar-center">
            <ul>
                <li><a href="#">小米手机
                <div class="list">
                    <div class="list-center">
        <ul>
            <li>
                <a href="#"><div class="img-box"><img src="images/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg" alt="">
                </div>
                    <p class="name1">小米10S</p>
                    <p class="price1">3299元起</p></a>
            </li>
            <li><a href="#"><div class="img-box"><img src="images/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg" alt="">
            </div>
                <p class="name1">小米10S</p>
                <p class="price1">3299元起</p></a></li>
            <li><a href="#"><div class="img-box"><img src="images/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg" alt="">
            </div>
                <p class="name1">小米10S</p>
                <p class="price1">3299元起</p></a></li>
            <li><a href="#"><div class="img-box"><img src="images/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg" alt="">
            </div>
                <p class="name1">小米10S</p>
                <p class="price1">3299元起</p></a></li>
            <li><a href="#"><div class="img-box"><img src="images/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg" alt="">
            </div>
                <p class="name1">小米10S</p>
                <p class="price1">3299元起</p></a></li>
            <li class="last-list"><a href="#"><div class="img-box"><img src="images/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg" alt="">
            </div>
                <p class="name1">小米10S</p>
                <p class="price1">3299元起</p></a>
            </li>
        </ul>
    </div>
    </div>
                </a></li>
.white-nav{
    width: 1423px;
    height: 100px;
    background-color: #ffffff;
    position: relative;

}
.white-nav-bar{
    width: 1226px;
    height: 100%;
    margin: 0 auto;
}
.bar-left{
    width: 55px;
    height: 55px;
    background-color: #ff6700;
    margin-top: 22.5px;
    float:left;
    position: relative;
    overflow: hidden;

}
.bar-center{
    width: 875px;
    height: 100%;
    float: left;
    line-height: 100px;

}
.bar-right{
    height: 100px;
    width: 296px;
    position: relative;
    float: left;
}
.bar-center>ul{
    margin-left: 179px;

}
.bar-center li{
    padding: 0 10px;
    float: left;


}
.bar-center>ul>li>a{
    color: #333333;
}
.bar-center>ul>li>a:hover{
    color: #ff6700;
}
.mi-home{
    width: 100%;
    position: absolute;
    top: 0;
    left: 100%;
}
.mi-logo{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bar-left:hover .mi-logo{
    left: -100%;
}
.bar-left:hover .mi-home{
    left: 0;
}
.bar-left img{
    transition: all .2s;
}
.list{
    width: 1423px;
    height: 0;
    background-color: #fff;
    position: absolute;
    left: 40px;
    top: 100px;
    box-shadow: 0 3px 4px rgba(0,0,0,.2);
    transition: all .2s;
    overflow: hidden;
    float: left;



}
.list-center{
    width: 1226px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -613px;
    float: left;
}
.list-center li{
    width: 204px;
    padding: 0;
}
.img-box{
    width: 100%;
    height: 110px;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    margin-top: 35px;
    margin-bottom: 16px;
}
.img-box img{
    height: 100%;
}
.list-center p{
    font-size: 12px;
    line-height: 20px;
}
.last-list .img-box{
  border-right: none ;
}
.name1{
    color: #333;
}
.price1{
    color: #ff6700;
}
.bar-center li:hover .list{
    height: 229px;
    border-top: 1px solid rgba(224,224,224,.6);

}
.bar-right{
    height: 100px;
    position: relative;
}
.bar-right input{
    width: 244px;
    height: 50px;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    float: left;
    border-right: none;
    margin-top: 25px;

}
.bar-right>button{
    width: 52px;
    height: 50px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    float: left;
    margin-top: 25px;

}
.bar-right input:focus{
    border-color: #ff6700;
}
.bar-right input:focus~.iconfont{
    border-color: #ff6700;
}
.bar-right>button:hover{
    background-color: #ff6700;
    color: #fff;
}

.text-list{
    width: 243px;
    height: 0;
    border-top: none;
    position: absolute;
    top: 75px;
    left: 0;
    z-index: 990;
    background-color: #fff;
}
.bar-right input:focus+.text-list{
    height: 240px;
    border: 1px solid #ff6700;
    border-top: none;
}

老师我想问问为什么我的list显示不了100%的宽度

WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS3新特性 23263楼

package com.cx;

import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.Statement;

/**
 * 使用封装工具
 */
public class jdbcTest2 {
    //向Department表中添加一条数据
    public void insertDeparments(String department_name,int location_id){
        Connection conn = null;
        Statement state = null;
        try {
            //使用封装工具
            conn = jdbcUtil1.getConnection();

            String sql="insert into departments values(default,'"+department_name+"',"+location_id+")";
            state = conn.createStatement();   //通过conn对象调用Connection接口下createStatement方法
            int flag = state.executeUpdate(sql);
            System.out.println(flag);
        } catch (Exception e) {
            e.printStackTrace();
        }finally {
            jdbcUtil1.closeConnection(conn);
            jdbcUtil1.closeStatment(state);
        }
    }
    //更新departments表中的department_id为6的数据,将部门名称修改为教学不,location_id修改为6
    public  void  updateDepartments(String department_name,int location_id,int department_id){
        Connection conn = null;
        Statement state = null;
        try {
            conn= jdbcUtil1.getConnection();
            state = conn.createStatement();
            String sql = "update departments d set d.department_name = '"+department_name+"',d.location_id ="+location_id+" where d.department_id ="+department_id+"";
            int flag = state.executeUpdate(sql);
            System.out.println(flag);
        }catch (Exception e){
            e.printStackTrace();
        }finally {
            jdbcUtil1.closeConnection(conn);
            jdbcUtil1.closeStatment(state);
        }
    }
    //查询Departments表中部门ID为6的部门信息
    public void selectDepartmentsById(int departmentId){
        Connection conn = null;
        Statement state = null;
        ResultSet rs = null;
        try {
            conn = jdbcUtil1.getConnection();
            state = conn.createStatement();
            String sql = "select * from departments d where d.department_id = "+departmentId;
            //执行查询返回结果
            rs = state.executeQuery(sql);
            while (rs.next()){
                int a = rs.getInt("department_id");
                String s = rs.getString("department_name");
                int b = rs.getInt(3);
                System.out.println(a+" "+s+" "+b);
            }
        }catch (Exception e){
            e.printStackTrace();
        }finally {
            jdbcUtil1.closeConnection(conn);
            jdbcUtil1.closeStatment(state);
            jdbcUtil1.closeResultSet(rs);
        }
    }

    public static void main(String[] args) {
        jdbcTest2 test2 = new jdbcTest2();
        //test.insertDeparments("工程部",6);
       // test.updateDepartments("研发",6,8);
        test2.selectDepartmentsById(6);
    }
   
}
package com.cx;


import java.sql.*;
import java.util.ResourceBundle;

/**
 * 封装jdbc工具类
 */
public class jdbcUtil1 {
    private static String driver;
    private static String jdbcUrl;
    private static String username;
    private static String userpassword;
    static {
        ResourceBundle bundle = ResourceBundle.getBundle("jdbc");
        driver=bundle.getString("driver");
        jdbcUrl= bundle.getString("jdbcUrl");
        username=bundle.getString("username");
        userpassword=bundle.getString("userpassword");
        try {
            Class.forName(driver);
        }catch (Exception e){
            e.printStackTrace();
        }
    }
    //获取Connection对象
    public static Connection getConnection() {
        Connection conn = null;
        try {
            //获取连接
            conn = DriverManager.getConnection(jdbcUrl,username,userpassword);
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return conn;
    }
    //关闭Statement
    public static void closeStatment(Statement state){
        try {
            if (state != null){
                state.close();
            }
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }
    //关闭Connection
    public static void closeConnection(Connection conn){
        try {
            if (conn != null){
                conn.close();
            }
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
    }
    //关闭
    public  static void closeResultSet(ResultSet rs){
        try {
            if (rs != null){
                rs.close();
            }
        }catch (Exception e){
            e.printStackTrace();
        }
    }
}
driver="com.mysql.jdbc.Driver"
jdbcUrl ="jdbc:mysql://localhost:3306/caixx?useUnicode=true&usecharacterEncoding=utf-8&useSSL=false"
username="root"
userpassword="root"


发现使用properties就会报错

image.png


不使用properties就正常, IDEA到底如何使用这个?

JAVA 全系列/第四阶段:数据库与AI协同技术实战/JDBC技术(旧) 23264楼
Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 23265楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637