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>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM