• java:Oracle(Jdbc的封装)和HTML(登录,注册,个人信息界面)


    1.Oracle Jdbc的封装:

    public class TestJdbc {
    
        // 把jdbc需要的属性,全部私有化
        private static final String DRIVER = "oracle.jdbc.driver.OracleDriver";
        private static final String URL = "jdbc:oracle:thin:@localhost:1521:orcl";
        private static final String USERNAME = "scott";
        private static final String PASSWORD = "123456";
        private Connection conn = null;
        private PreparedStatement ps = null;
        public ResultSet rs = null;
    
        // 获取连接
        public void getConnection() {
            try {
                Class.forName(DRIVER);
            } catch (ClassNotFoundException e) {
                e.printStackTrace();
            }
            try {
                conn = DriverManager.getConnection(URL, USERNAME, PASSWORD);
            } catch (SQLException e) {
                e.printStackTrace();
            }
    
        }
    
        // 释放资源
        public void closeAll() {
            if (rs != null) {
                try {
                    rs.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
            if (ps != null) {
                try {
                    ps.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
            if (conn != null) {
                try {
                    conn.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
    
        }
    
        /**
         * @description 封装查询
         * @param sql
         * @param params
         * @return
         */
        public ResultSet executeQuery(String sql, String[] params) {
            // select * from teacher where id = 3;lect * from teacher;
            // select * from teacher where id = ? and age = ?
            // 获取连接
            getConnection();
            try {
                // 获取preparedstatement对象
                ps = conn.prepareStatement(sql);
                // 要把问号替换掉
                if (params != null && params.length > 0) {
                    for (int i = 0; i < params.length; i++) {
                        // String[] params是一个形参,他的顺序一定要和问号的顺序一致
                        ps.setString(i + 1, params[i]);
                    }
                }
                rs = ps.executeQuery();
            } catch (SQLException e) {
                e.printStackTrace();
            }
            return rs;
        }
    
        /**
         * @description 增删改的封装
         * @param sql
         * @param params
         * @return
         */
        public int executeUpdate(String sql, String[] params) {
            // delete from teacher where id = 7;/update teacher set id=8,
            // name='lisi' ..../insert into
            int result = 0;// 受影响的行数
            // 获取连接
            getConnection();
            try {
                // 获取preparedstatement
                ps = conn.prepareStatement(sql);
                if (params != null && params.length > 0) {
                    for (int i = 1; i <= params.length; i++) {
                        ps.setString(i, params[i - 1]);
                    }
                }
                result = ps.executeUpdate();
            } catch (SQLException e) {
                e.printStackTrace();
            }
            return result;
        }
        public static void main(String[] args) {
            TestJdbc to=new TestJdbc();
            String zz[]={"2","3"};    
            int x=to.executeUpdate("delete from s_user where id in (?,?)", zz);
            System.out.println("一共修改了"+x+"");
        }
        
    }    

    2.HTML(Hyper Text Markup Language)超文本标记语言:

       index在HTML中叫做首页,hi和p类型标签会自动换行,别的不会

      &nbsp空格, <br/>换行      <form action=" ">配合 submit使用比较好

      重点掌握:ul列表,form表单,table表格

    <!DOCTYPE html><!-- 这里是注释  DOC:document的简称 Type:类型   文档类型:HTML:Hyper Text Mark-up language:超文本标记语言 , 就是一个页面-->
    <html><!--用<a>,<html></html>,<body></body>统称为html的标签/元素 -->
        <head>
            <meta charset="utf-8" /><!-- 辅助标签,最常用的地方:设置编码  -->
            <title>Hello HTML</title>
        </head>
        <body><!-- 才是真正显示页面内容的 -->
            <h1>我是h1标签</h1>----<h6>我是h6标签</h6><!-- 标题 , 默认自动换行 -->
            <p>我是P标签</p><!-- 自动换行的 -->
            <a href="index2.html" target="_blank">我要跳转到index2页面</a><!-- 超文本连接 a标签不能自动换行, 在标签中能控制某种效果的关键字就叫属性 --><br /><!-- 强制换行标签  -->
            <a href="http://www.baidu.com">我要去百度</a>
            <img src="img/1.jpg" alt="该图片无法展示" /><!-- 图片标签  也不会自动换行 -->
            <a href="index2.html"> <img src="img/1.jpg" /> </a>
            <hr /><!-- 实现一个分割的效果 -->
            <font size="1">我是胖子</font><!-- size属性最大是7,最小是1,不会自动换行 -->
            <b>我被加粗了</b><!-- 加粗标签,也不会自动换行 -->
            <i>我是斜体字</i><!-- 斜体字,也不会自动换行 -->
            <em>我是强调用的</em><!-- 也不换行 -->
            <small>我是小号文字</small><!-- 也不换行 -->
            <code>测试code</code><!-- 根据自己浏览器和计算机自动显示在页面上,基本没用过  -->
            1<sub>0</sub>&nbsp;&nbsp;&nbsp;&nbsp;2<sub>1</sub>&nbsp;&nbsp;&nbsp;&nbsp;3<sub>2</sub><!-- 下标,不会自动换行 -->
            <sup>我是上标(次方)</sup>&nbsp;&nbsp;&nbsp;&nbsp;2<sup>5</sup><!-- 不会换行 -->
            <del>我被废弃了</del><!-- 不会换行 -->
            <ins>带下划线</ins><!-- 不会换行 -->
            <pre>我有一个空格存在  我有一个空格存在</pre><!-- 用在讲课,在html上写Java代码 -->
            <kbd>键盘输入</kbd><!-- 都不会换行 -->
            <span>键盘输入</span><!-- 都不会换行 -->
            <em>我叫定义地址</em>
            <address>我也是定义地址</address>
        </body>
    </html>

    登录页面:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>form表单之登录</title>
        </head>
        <body>
            <h1>登录页面</h1>
            <!-- 定义一个form表单 -->
            <!-- 版本一 -->
            <span>还没有账号?抓紧时间<a href="form_register.html">注册</a>吧!</span>
            <form action="user_info.html">
                用户名:<input type="text"  /><!-- 文本框,有一个type来控制这个文本框,默认就是text --><br />
                &nbsp;&nbsp;&nbsp;密码:<input type="password" /> <br />
                <input type="button" value="登录" />
                <input type="submit" value="提交" />
                <input type="reset" value="重置" />
            </form>
            <img src="img/1.jpg" />
            
            
            <!-- 版本二 -->
            <form action="user_info.html">
                <fieldset>
                    <legend>登录</legend>
                    用户名:<input type="text"  /><!-- 文本框,有一个type来控制这个文本框,默认就是text --><br />
                    &nbsp;&nbsp;&nbsp;密码:<input type="password" /> <br />
                    <input type="submit" value="提交" />
                </fieldset>
            </form>
        </body>
    </html>

    注册页面:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>form表单之注册</title>
        </head>
        <body>
            <h1>注册页面</h1>
            <span>已经有账号了?赶紧去<a href="form_login.html">登录</a>吧!</span>
            <form action="form_login.html">
                用户名:<input type="text" readonly="readonly" /><br /><!-- readonly="readonly" 只读属性-->
                密码:<input type="password" /><br />
                重复密码:<input type="password" /><br />
                手机号:<input type="text" /><br />
                验证码:<input type="text" /> <img src="img/1.jpg" /><br />
                手机验证码:<input type="text" /> <input type="button" value="获取验证码" /><br />
                <input type="checkbox" />您必须遵循本协议,才能开始注册
                <input type="submit" value="提交" />
                
            </form>
        </body>
    </html>

    个人信息展示页面:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>用户信息页面</title>
        </head>
        <body>
            <h1>用户信息页面</h1>
            <form oninput="result.value = parseInt(inputAge.value)+parseInt(selectAge.value)">
                真实姓名:<input type="text" /><br />
                <!-- input标签中type属性如果设置为radio,就会成一个单选框,这个单选框是分组的,把名字相同的分为一组,通过name属性来实现 -->
                性别:<input type="radio" name="sex" checked="checked" /><input type="radio" name="sex" /><input type="radio" name="sex" />未知<br />
                爱好:<input type="checkbox" value="fottball" id="fottball" /><label for="fottball">足球</label><input type="checkbox" checked="checked" />篮球<input type="checkbox" />羽毛球<input type="checkbox" />乒乓球<input type="text" /><br/>
                <!--label标签中的for属性,指向的是某个标签的id,而不是值-->
                毕业院校:<select ><!-- disabled="disabled" 失效 -->
                        <option value="0">请选择您的院校...</option>
                        <option value="1">清华大学</option>
                        <option value="2" selected="selected">北京大学</option><!-- selected="selected"默认值 -->
                       </select><br />
                通讯地址:<select><!-- optgroup标签,是用来分组下拉列表-->
                        <optgroup label="河南" >
                            <option>郑州</option>
                            <option>安阳</option>
                            <option>新乡</option>
                            <option>周口</option>
                        </optgroup>
                        <optgroup label="河北">
                            <option>石家庄</option>
                            <option>邯郸</option>
                            <option>张家口</option>
                            <option>雄安</option>
                            <option>承德</option>
                        </optgroup>
                        <optgroup label="山西">
                            <option>太原</option>
                            <option>大同</option>
                            <option>晋城</option>
                        </optgroup>
                </select><br />
                您所有的汽车:<input type="text" list="cars" />
                         <datalist id="cars">
                             <option>宝马</option>
                             <option>奔驰</option>
                             <option>阿斯顿马丁</option>
                             <option>柯尼塞格</option>
                             <option>布加迪</option>
                             <option>大牛</option>
                         </datalist><br />
                         
                选择您的年龄:0<input id="selectAge" type="range" />100<!-- input框中type属性为range,就显示出一个范围 -->+<input id="inputAge" type="number" value="50" />=<output name="result" for="selectAge inputAge"></output><br />
                个人信息:<textarea cols="30" rows="5"></textarea><!-- cols:列,rows:行 -->
            </form>
        </body>
    </html>

  • 相关阅读:
    Mysql的左外连接丶右外连接与内连接的区别
    常见的异常种类
    Mysql
    JSTL 标签库
    VMware的虚拟机为什么ip地址老是自动变化?
    redis出现的问题
    在Linux系统下启动了tomcat,但是在游览器中进步了服务
    Linux下安装JDK 与 tomcat
    wamp配置多站点域名
    终端链接操作redis
  • 原文地址:https://www.cnblogs.com/kuangzhisen/p/7118711.html
Copyright © 2020-2023  润新知