# webStudy

**Repository Path**: linxi2251/webStudy

## Basic Information

- **Project Name**: webStudy
- **Description**: Web项目学习
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-12-03
- **Last Updated**: 2021-06-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webStudy

## 如何导入IDEA

1. ![image-20201208112240333](README.assets/image-20201208112240333.png)

2. ![image-20201208112308051](README.assets/image-20201208112308051.png)

3. ![image-20201208112330340](README.assets/image-20201208112330340.png)

4. ![image-20201208112443146](README.assets/image-20201208112443146.png)

5. ![image-20201208112500469](README.assets/image-20201208112500469.png)

6. ![image-20201208112603822](README.assets/image-20201208112603822.png)

7. 点击OK 即可

   ![image-20201208112714951](README.assets/image-20201208112714951.png)

## 介绍
Web项目学习

### 查看商品界面：

![image-20201203211105221](README.assets/image-20201203211105221.png)

### 购物车界面

（书上的代码初次加载的时候点击查看购物车会崩溃）：**在showCart.jsp中加入**

![image-20201203213737794](README.assets/image-20201203213737794.png)

```jsp
<%
    ...................
        
    if (cart == null) {
        cart = new ShoppingCart();
        session.setAttribute(CART, cart);
	}
    
	...................

%>
```



![image-20201203211147581](README.assets/image-20201203211147581.png)

![image-20201203211907086](README.assets/image-20201203211907086.png)



![image-20201203214125878](README.assets/image-20201203214125878.png)

### 与前面项目相结合

#### 展示界面

![image-20201207164245447](README.assets/image-20201207164245447.png)

![image-20201207164303336](README.assets/image-20201207164303336.png)

#### 点击展示界面的图片进入 商品详情

![image-20201207170728283](README.assets/image-20201207170728283.png)

#### 加入购物车

![image-20201207164530571](README.assets/image-20201207164530571.png)



## 调整之后的界面

### 登录界面

![image-20201220143047112](README.assets/image-20201220143047112.png)

### 商品展示界面

![image-20201220143113744](README.assets/image-20201220143113744.png)

![image-20201220143126959](README.assets/image-20201220143126959.png)

### 搜索界面

![image-20201220143224727](README.assets/image-20201220143224727.png)

### 购物车界面及商品展示界面

同上



## 成品

### 登录界面

#### 主界面

![image-20210110094848452](README.assets/image-20210110094848452.png)

#### 本地验证：密码和账号不可以为空

![image-20210110095152676](README.assets/image-20210110095152676.png)

### 注册

![image-20210110094921385](README.assets/image-20210110094921385.png)

#### 两次密码不相同的时候

![image-20210110095006307](README.assets/image-20210110095006307.png)

#### 密码相同的时候

![image-20210110095033529](README.assets/image-20210110095033529.png)

#### 本地验证：密码和账号不可以为空

![image-20210110095228199](README.assets/image-20210110095228199.png)

#### 注册成功

![image-20210110095315269](README.assets/image-20210110095315269.png)

### 购物界面

#### 首页

![image-20210110095547690](README.assets/image-20210110095547690.png)

#### 分类

![image-20210110095616844](README.assets/image-20210110095616844.png)

#### 显示用户名

![image-20210110095647826](README.assets/image-20210110095647826.png)

#### 搜索商品

![image-20210110095736813](README.assets/image-20210110095736813.png)

### 详情信息

![image-20210110095813666](README.assets/image-20210110095813666.png)

### 加入购物车

![image-20210110095841173](README.assets/image-20210110095841173.png)