JSP 商品瀏覽[Web application]

JasinYip 發(fā)布于2019-08-19 10:53 / 3169人閱讀

摘要：是數(shù)據(jù)中查詢結(jié)果返回的一種對(duì)象商品集合連接數(shù)據(jù)庫(kù)語(yǔ)句把一個(gè)商品加入集合返回集合釋放數(shù)據(jù)集對(duì)象釋放語(yǔ)句對(duì)象執(zhí)行語(yǔ)句要記得捕獲異常，且要用釋放資源。

JSP 商品信息[Web]

采用Model1(jsp+Javabean)實(shí)現(xiàn)

實(shí)現(xiàn)DBHelper類(連接數(shù)據(jù)庫(kù))

創(chuàng)建實(shí)體類

創(chuàng)建業(yè)務(wù)邏輯類(DAO)

創(chuàng)建頁(yè)面層

一、環(huán)境準(zhǔn)備 1.1 MySQL 安裝

Mac 安裝方式

官網(wǎng)下載安裝包dmg即可

安裝

偏好設(shè)置啟動(dòng)mysql

配置bash_profile

添加“export PATH=$PATH:/usr/local/mysql/bin”

下載MySQL驅(qū)動(dòng) JDBC

1.2 創(chuàng)建項(xiàng)目

IDEA選擇： Java Enterprise -> Web application
配置項(xiàng)目：

WEB_INF 內(nèi)創(chuàng)建 classes 和 lib 文件夾

File -> Project Structure -> paths -> Use module compile output path 選擇classes文件夾

File -> Project Structure -> Dependecies -> “+”號(hào) -> JAR… -> 選擇創(chuàng)建的lib文件夾

1.3 數(shù)據(jù)庫(kù)創(chuàng)建

開(kāi)啟終端：登錄數(shù)據(jù)庫(kù)

mysql -u root -p

創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù) -> shopping :

create database shopping;

查看是否創(chuàng)建成功：

show databases;

1.4 連接數(shù)據(jù)庫(kù)測(cè)試

IDEA： View -> Tool Windows -> Database

: 選擇 Data Source -> MySQL

Database：shopping
再填寫(xiě)用戶名+密碼，Test Connection

1.5 創(chuàng)建數(shù)據(jù)庫(kù)內(nèi)容 1. 打開(kāi) Navicat，進(jìn)入shopping數(shù)據(jù)庫(kù) 2. Query 選擇 New Query

復(fù)制粘貼：

SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for items
-- ----------------------------
DROP TABLE IF EXISTS `items`;
CREATE TABLE `items` (
  `id` int(11) NOT NULL auto_increment,
  `name` varchar(50) default NULL,
  `city` varchar(50) default NULL,
  `price` int(11) default NULL,
  `number` int(11) default NULL,
  `picture` varchar(500) default NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=11 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of items
-- ----------------------------
INSERT INTO `items` VALUES ("1", "沃特籃球鞋", "佛山", "180", "500", "001.jpg");
INSERT INTO `items` VALUES ("2", "安踏運(yùn)動(dòng)鞋", "福州", "120", "800", "002.jpg");
INSERT INTO `items` VALUES ("3", "耐克運(yùn)動(dòng)鞋", "廣州", "500", "1000", "003.jpg");
INSERT INTO `items` VALUES ("4", "阿迪達(dá)斯T血衫", "上海", "388", "600", "004.jpg");
INSERT INTO `items` VALUES ("5", "李寧文化衫", "廣州", "180", "900", "005.jpg");
INSERT INTO `items` VALUES ("6", "小米3", "北京", "1999", "3000", "006.jpg");
INSERT INTO `items` VALUES ("7", "小米2S", "北京", "1299", "1000", "007.jpg");
INSERT INTO `items` VALUES ("8", "thinkpad筆記本", "北京", "6999", "500", "008.jpg");
INSERT INTO `items` VALUES ("9", "dell筆記本", "北京", "3999", "500", "009.jpg");
INSERT INTO `items` VALUES ("10", "ipad5", "北京", "5999", "500", "010.jpg");

運(yùn)行，生成表

1.5.3 刷新數(shù)據(jù)庫(kù)，查看結(jié)果 1.6 存放數(shù)據(jù)庫(kù)的圖片到Web項(xiàng)目

項(xiàng)目中web目錄下新建一個(gè)文件夾images

找10張圖片放入，命名格式”001.jpg”,”002.jgp”…

二、DBHelper類連接數(shù)據(jù)庫(kù)

定義靜態(tài)變量：數(shù)據(jù)庫(kù)驅(qū)動(dòng)

public static final String driver = "com.mysql.jdbc.Driver"; //數(shù)據(jù)庫(kù)驅(qū)動(dòng)
//連接數(shù)據(jù)庫(kù)的URL地址
public static final String url = "jdbc:mysql://localhost:3306/shopping?useUnicode=true&charactorEncoding=UTF-8";
public static final String username = "root";
public static final String password = "amoy1205";
public static Connection conn = null;

靜態(tài)代碼塊負(fù)責(zé)加載驅(qū)動(dòng)，需要捕獲異常

static{
    try{
        Class.forName(driver); //加載驅(qū)動(dòng)
    }
    catch (Exception ex){
        ex.printStackTrace();
    }
}

單例模式：返回?cái)?shù)據(jù)庫(kù)連接對(duì)象

public static Connection getConnection() throws Exception{
    if(conn==null){
        conn = DriverManager.getConnection(url, username, password);
        return conn;
    }
    return conn; //說(shuō)明被實(shí)例化過(guò)
}

寫(xiě)個(gè)方法測(cè)試是否連接成功：

public static void main(String[] args){
    try
    {
        Connection conn = DBHelper.getConnection();
        if(conn!=null){
            System.out.println("數(shù)據(jù)庫(kù)連接正常");
        }
        else {
            System.out.println("數(shù)據(jù)庫(kù)連接異常");
        }

    }
    catch (Exception ex){
        ex.printStackTrace();
    }
}

三、item 類(存放商品實(shí)體)

定義商品屬性：

private int id ; //商品編號(hào)
private String name; //商品名稱
private String city; //產(chǎn)地
private int price;  //價(jià)格
private int number;  //庫(kù)存
private String picture; //商品圖片

四、ItemDAO 類 (業(yè)務(wù)邏輯類) 4.1 獲取全部商品信息的方法

通過(guò)SQL語(yǔ)句:select * from Items; 從表items查詢結(jié)果。

public ArrayList getAllItems()
{
    Connection conn = null;
    PreparedStatement stmt = null;
    ResultSet rs = null; //(ResultSet)是數(shù)據(jù)中查詢結(jié)果返回的一種對(duì)象
    ArrayList list = new ArrayList();//商品集合
    try{
        conn = DBHelper.getConnection(); //連接數(shù)據(jù)庫(kù)
        String sql = "select * from Items;"; //SQL語(yǔ)句
        stmt = conn.prepareStatement(sql);
        rs = stmt.executeQuery();
        while(rs.next())
        {
            Items item = new Items();
            item.setId(rs.getInt("id"));
            item.setName(rs.getString("name"));
            item.setCity(rs.getString("city"));
            item.setNumber(rs.getInt("number"));
            item.setPrice(rs.getInt("price"));
            item.setPicture(rs.getString("picture"));
            list.add(item); //把一個(gè)商品加入集合
        }
        return list; //返回集合
    }
    catch (Exception ex){
        ex.printStackTrace();
        return null;
    }
    finally {
        //釋放數(shù)據(jù)集對(duì)象
        if(rs!=null)
        {
            try
            {
                rs.close();
                rs = null;
            }
            catch (Exception ex)
            {
                ex.printStackTrace();
            }
        }
        //釋放語(yǔ)句對(duì)象
        if(stmt!=null)
        {
            try
            {
                stmt.close();
                stmt = null;
            }
            catch (Exception ex)
            {
                ex.printStackTrace();
            }
        }
    }
}

執(zhí)行SQL語(yǔ)句要記得捕獲異常，且要用finally釋放資源。

PreparedStatement : 執(zhí)行SQL查詢語(yǔ)句的API之一
「JDBC 中preparedStatement和Statement區(qū)別」參考資料：https://blog.csdn.net/xuebing1995/article/details/72235380

4.2 根據(jù)商品編號(hào)獲取商品信息

public Items getItemsById()
和獲取全部信息的代碼差不多，這里僅修改try{}里的代碼:

修改sql查詢語(yǔ)句

stmt.setInt(1,id)將指定的參數(shù)設(shè)置為給定的java int值, sql將查詢id匹配的條目

查詢結(jié)果不用循環(huán)

返回item而不是list

try{
    conn = DBHelper.getConnection();
    String sql = "select * from Items WHERE id=?;"; //SQL語(yǔ)句
    stmt = conn.prepareStatement(sql);
    stmt.setInt(1,id);
    rs = stmt.executeQuery();
    if(rs.next())
    {
        Items item = new Items();
        item.setId(rs.getInt("id"));
        item.setName(rs.getString("name"));
        item.setCity(rs.getString("city"));
        item.setNumber(rs.getInt("number"));
        item.setPrice(rs.getInt("price"));
        item.setPicture(rs.getString("picture"));
        return item;
    }
    else {
        return null;
    }
}

4.3 通過(guò)cookie實(shí)現(xiàn) 商品瀏覽記錄DAO

① 傳入list字符串，通過(guò)分隔符”#”識(shí)別出不同的商品id，存放到字符串?dāng)?shù)組arr中

注意: Tomcat高版本中，Cookie對(duì)象的構(gòu)造函數(shù)的兩個(gè)字符串參數(shù)：Cookie名字和Cookie值都不能包含空白字符以及下列字符：[]() < > = , " / ? @ :      
因此，分隔符采用”#”

② 根據(jù)分割后的id，查詢商品信息，添加到itemlist中，返回

public ArrayList getViewList(String list){
    System.out.println("list:"+list);
    ArrayList itemlist = new ArrayList();
    int iCount = 5;
    if (list!=null && list.length()>=0)
    {
        String[] arr = list.split("#");
        System.out.println("arr.length="+arr.length);
        if(arr.length>=5)
        {
            for(int i=arr.length-1;i>=arr.length-iCount;i--)
            {
                itemlist.add(getItemsById(Integer.parseInt(arr[i])));
            }
        }
        else
        {
            for(int i=arr.length-1;i>=0;i--)
            {
                itemlist.add(getItemsById(Integer.parseInt(arr[i])));
            }
        }
        return itemlist;
    }
    else
    {
        return null;
    }
}

五、頁(yè)面層 5.1 index.jsp 5.1.1 中添加css樣式

  
    商品展示

5.1.2 獲取全部商品信息

調(diào)用ItemsDAO的getAllItems() 獲得所有商品的Item實(shí)例

遍歷打印商品信息：

    商品展示
    
    
        
            
                
                <%
                    ItemsDAO itemsDao = new ItemsDAO();
                    ArrayList list = itemsDao.getAllItems();
                    if(list!=null&&list.size()>0)
                    {
                        for(int i=0;i
                
                    
                        
                            
                        
                        <%=item.getName() %>
                        產(chǎn)地:<%=item.getCity() %>  價(jià)格:￥ <%=item.getPrice() %>
                    
                
                
                <%
                        }
                    }
                %>

為圖片設(shè)置超鏈接，目的：進(jìn)入到商品詳情頁(yè)面

5.2 details.jsp

實(shí)現(xiàn)功能：顯示商品詳情(點(diǎn)取超鏈接時(shí)傳入的id值再調(diào)用ItemsDAO的getItemsById()獲取商品信息)+最近瀏覽商品記錄(cookie實(shí)現(xiàn))

css樣式和index.jsp相同，復(fù)制即可

中需要處理的：
① 從request中獲取cookie: request.getCookies()
② 獲取本項(xiàng)目Cookie對(duì)應(yīng)的字符串

  if(c.getName().equals("ListViewCookie"))
  {
     list = c.getValue();
  }

③ 追加本次瀏覽的記錄：

list+=request.getParameter("id")+"#";

④ 創(chuàng)建新的cookie對(duì)象，并將其放到response:

  Cookie cookie = new Cookie("ListViewCookie",list);
  response.addCookie(cookie);

⑤ 再通過(guò)ItemsDAO的getViewList()獲取cookie的字符串，根據(jù)返回的列表打印最近瀏覽的記錄

標(biāo)簽中添加完整代碼:

  
      <% 
         ItemsDAO itemDao = new ItemsDAO();
         Items item = itemDao.getItemsById(Integer.parseInt(request.getParameter("id")));
         if(item!=null)
         {
      %>
      
      <% 
        }
      %>
      <% 
          String list ="";
          //從客戶端獲得Cookies集合
          Cookie[] cookies = request.getCookies();
          //遍歷這個(gè)Cookies集合
          if(cookies!=null&&cookies.length>0)
          {
              for(Cookie c:cookies)
              {
                  if(c.getName().equals("ListViewCookie"))
                  {
                     list = c.getValue();
                  }
              }
          }
          
          list+=request.getParameter("id")+"#";
          //如果瀏覽記錄超過(guò)1000條，清零.
          String[] arr = list.split("#");
          if(arr!=null&&arr.length>0)
          {
              if(arr.length>=1000)
              {
                  list="";
              }
          }
          Cookie cookie = new Cookie("ListViewCookie",list);
          response.addCookie(cookie);
      
      %>
      
    
      
         
           
             
           
           
             <%=item.getName() %> 
           
           
             產(chǎn)地：<%=item.getCity()%>
           
           
             價(jià)格：<%=item.getPrice() %>￥
            
         
      
      
         

         您瀏覽過(guò)的商品

         
         <% 
            ArrayList itemlist = itemDao.getViewList(list);
            if(itemlist!=null&&itemlist.size()>0 )
            {
               System.out.println("itemlist.size="+itemlist.size());
               for(Items i:itemlist)
               {
                     
         %>
         
         
           
             
           
           <%=i.getName() %> 
           產(chǎn)地:<%=i.getCity() %>  價(jià)格:<%=i.getPrice() %> ￥  
         
         
         <% 
               }
            }
         %>

云服務(wù)器 GPU云服務(wù)器 jsp查看編輯商品 jsp添加商品網(wǎng)頁(yè) jsp添加商品源碼 jsp頁(yè)面展示商品

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/76636.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

JasinYip

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

【物聯(lián)網(wǎng)】10.物聯(lián)網(wǎng)數(shù)據(jù)庫(kù) - SQL

閱讀 918·2021-10-13 09:39
老薛主機(jī)：十三周年慶，搶紅包、大轉(zhuǎn)盤(pán)抽獎(jiǎng)，主機(jī)、VPS買(mǎi)兩年送一年，買(mǎi)三年送兩年

閱讀 3571·2021-09-26 10:16
關(guān)于瀏覽器緩存問(wèn)題（圖片更換后，頁(yè)面仍優(yōu)先讀取緩存）

閱讀 2932·2019-08-30 15:54
event對(duì)象中offsetX,clientX,pageX,screenX的區(qū)別

閱讀 1070·2019-08-30 14:22
前端每日實(shí)戰(zhàn)：47# 視頻演示如何用純 CSS 創(chuàng)作一個(gè)蝴蝶標(biāo)本展示框

閱讀 2913·2019-08-29 15:39
淺析SAX,DOM,JAXP,JDOM與DOM4J之間的關(guān)系

閱讀 3289·2019-08-27 10:52
去除數(shù)組中任意多個(gè)值算法（JavaScript）

閱讀 838·2019-08-26 13:59
axios基于常見(jiàn)業(yè)務(wù)場(chǎng)景的二次封裝

閱讀 1750·2019-08-26 12:20

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JSP 商品瀏覽[Web application]

商品展示

相關(guān)文章

SpringSecurity01(使用傳統(tǒng)的xml方式開(kāi)發(fā),且不連接數(shù)據(jù)庫(kù))

JSP 學(xué)習(xí)記錄

Servlet第六篇【Session介紹、API、生命周期、應(yīng)用、與Cookie區(qū)別】

發(fā)表評(píng)論

0條評(píng)論

JasinYip

男|高級(jí)講師

TA的文章

【物聯(lián)網(wǎng)】10.物聯(lián)網(wǎng)數(shù)據(jù)庫(kù) - SQL

老薛主機(jī)：十三周年慶，搶紅包、大轉(zhuǎn)盤(pán)抽獎(jiǎng)，主機(jī)、VPS買(mǎi)兩年送一年，買(mǎi)三年送兩年

關(guān)于瀏覽器緩存問(wèn)題（圖片更換后，頁(yè)面仍優(yōu)先讀取緩存）

event對(duì)象中offsetX,clientX,pageX,screenX的區(qū)別

前端每日實(shí)戰(zhàn)：47# 視頻演示如何用純 CSS 創(chuàng)作一個(gè)蝴蝶標(biāo)本展示框

淺析SAX,DOM,JAXP,JDOM與DOM4J之間的關(guān)系

去除數(shù)組中任意多個(gè)值算法（JavaScript）

axios基于常見(jiàn)業(yè)務(wù)場(chǎng)景的二次封裝

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JSP 商品瀏覽[Web application]

商品展示

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！