# 大学计算机基础

**Repository Path**: geng_shangyi/university_computer_foundation

## Basic Information

- **Project Name**: 大学计算机基础
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 169
- **Created**: 2020-10-20
- **Last Updated**: 2020-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 软件工程

## 项目参与人员及其参与度：

耿尚毅：@geng_shangyi     25%

 张萌希：@zmxzzj                25%

 次天钊：@citianzhao          25%

刘静蕾：@leigh-peppa        25%



## \####小程序发布

由于我们开发的为二手交易平台，涉及企业服务，只能开放体验版，需要加体验权限的请qq联系我 qq号：534486745 ![二维码](https://images.gitee.com/uploads/images/2020/1224/225925_de38a859_7561700.jpeg)



## 项目（华科二手商城）使用说明

​        使用商城时主要有三个大部分，卖商品，购买商品以及关于我的界面的一些操作及注意事项



### 卖商品

####     1、点入发布界面  

​       在卖商品时，客户主要使用到发布的功能，如下图1所示
<div align='center'>

<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE1.png" width="20%" />
</div>

<div align='center'>

图1
</div>

​         可以从上图看到这里面有六个选项，发布闲置可以发布任意种类的商品去卖，卖手机、图书回收以及二手自行车则只能分别卖该种     特定类型的商品，欢乐送则是让客户多一个选择，可以选择不卖钱，免费将商品赠送出去帮助有需要的同学们，最后一个拍卖报名，我们  没有实现。因此这里只有5个按钮可以使用。

​         总的来说这5个页面大同小异，就举第一个发布闲置的页面为例来说明该如何使用。

####       2、发布闲置的过程

​         如图2，图3所示为发布闲置界面，这里可以看到我们在卖商品时需要填的商品有许多包括添加商品的照片、填写商品的名称、输入   商品的具体信息，具体的宿舍、卖的商品的价格、卖的商品的数量，并且选择要卖的东西的种类。

（在欢乐送的界面里不需要填入价格，会默认为0元，而其他的界面中则不需要选择商品种类）


<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE2.png" width="20%" />
</div>
<div align='center'>

图2
</div>

<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE3.png" width="20%" />
</div>
<div align='center'>

图3
</div>



**注意事项**：1、这里在卖东西时需要注意，要先点保存图片后（如图2中所示），发布按钮才会亮起，之后才可以发布。

​                    2、在保存图片后仍然有可能发布按钮为灰色不可使用，此时就需要再次点击一下任意一个输入框，这样就可以



### 买商品

#### 1、找到所要的商品

​         如图4、图5所示为首页页面，卖商品的起始页面就是你这个页面，从这个页面开始一共有3种方式可以找到我们所需要的商品。
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE4.png" width="20%" />
</div>
<div align='center'>

图4
</div>
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE5.png" width="20%" />
</div>
<div align='center'>

图5
</div>



- ##### 直接从首页到商品详情

​        如图5中所示，首页中有一些推荐的商品，直接找到自己想要的，点击商品即可跳转到商品详情页面

- ##### 使用搜索功能到商品详情

​       如图4，在图4的上方有一个搜索框，点击这个搜索框即可跳转至搜索页面，如下图6所示


<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE6.png" width="20%" />
</div>
<div align='center'>

图6
</div>
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE7.png" width="20%" />
</div>
<div align='center'>

图7
</div>



​       在上方输入要搜的商品的名字后，即可显示所有名字为这个的商品，如上图7所示，接着点击所需要的商品即可跳转至商品详情页面

​      **注意事项：**这里由于技术原因，输入的商品名字必须与数据库里有得商品名字完全相同才能搜到，否则无法搜到该商品

- ##### 从分类中到商品详情页面

​       如图4可以看到首页页面得中间有一些分类，客户可以通过点击不同得分类来进去查看细分过的商品，以快速找到需要的商品，如下    图8为点击文具之后的分类页面，在分类页面中点击具体商品即可跳转至商品详情页面。
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE8.png" width="20%" />
</div>
<div align='center'>

图8
</div>

#### 

#### 2、商品详情功能

​       如下图9所示为商品详情页面
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE9.png" width="20%" />
</div>
<div align='center'>

图9
</div>

#####        加入购物车功能 

​       可以看到在商品详情页面可以点击加入购物车，会有弹窗显示出来已加入购物车，这里如图10，可以看到已经加入到购物车中了
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE10.png" width="20%" />
</div>
<div align='center'>

图10
</div>

​     （这里需要注意的是，当你重复点击加入购物车时，它不会在购车里面重复显示，而是直接让你购物车里面的商品数目加1）

#####         收藏功能

​        除此之外，可以看到这个页面的右上角有一个收藏的小标志，点击这个标志可以将该商品加入至收藏页面中，这时，这个标志就会变黄，并且会显示再点一次变为取消，再点一次就会在收藏页面中取消掉这种商品

#### 3、购物车页面的功能

​       如图11所示，这里面已经有两个商品在购物车中了（这里需要注意有可能第一次进页面时无法显示，重新再点进这个页面一次即可）
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE11.png" width="20%" />
</div>
<div align='center'>

图11
</div>



#####         地址功能

​        这里可以看到图11的上端有一个获取收货信息的按钮，点进去就进入了选择地址的页面，如图12所示
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE12.png" width="20%" />
</div>
<div align='center'>

图12
</div>

​        在这里面可以选择已经写过的收货信息，也可以再次选择点击添加新的地址，这样就会进入填写收货信息的界面（这会在后面讲到），选择完成后就可以返回购物车页面，如图13所示，可以看出上面的地址已经变成选择的地址了，此时同样还可以再次点击这个地址，就可以继续进入地址选择页面去选择新的地址，因此，即使前面选错了也没有关系。
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE13.png" width="20%" />
</div>
<div align='center'>

图13
</div>
（这里需要注意的是如果在选择地址页面没有选择任何地址就返回购物车页面的话会默认为没有选择地址，需要去重新选择地址，而不是保留原地址）

#####        购物车基本功能

​       同样这里购物车的正常功能也同样可以完成，可以实现分别勾选要支付的商品，可以任意加减商品的数量，也可以使用全选按钮直接选中所有购物车的商品，下方的合计均可以根据勾选的商品及其数量算出总价，接着点击支付即可进入支付页面（图14）
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE14.png" width="20%" />
</div>
<div align='center'>

图14
</div>

#####    

#####        商品删除功能

​       当客户不需要再购买这个商品时，可以不停按减，当商品数量为1时，再减时即会弹出一个询问弹窗，点击确定即可删除掉这个商品，如图15所示
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE15.png" width="20%" />
</div>
<div align='center'>

图15
</div>

#####       商品不足提示功能

​       这里当我们所需要购买的东西已经没有了时，或者购买数量过多超过商城里该物件的数量时就会弹出提示商品数量不足，这时无法结算。

#### 4、结算页面的功能

​        结算页面的静态图如图16所示，这部分主要就是在支付前最后显示一下商品信息，若客户确定要买，则按下支付，这样就会直接跳转到订单页面（在后面详细介绍这个页面）
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE16.png" width="20%" />
</div>
<div align='center'>

图16
</div>

#### 特此附加一个说明

​       到这步为止，购买的功能基本结束了，有一个需要注意的就是，如果支付了之后，后台这件商品的数量就会减1，如果商品数量减到了0，那么不论通过何种方式都无法再找到该件商品，不论是首页还是搜索中都不再有这件商品。



### 我的页面的功能

​       首先主页面如下图17所示。
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE17.png" width="20%" />
</div>
<div align='center'>

图17
</div>

**注意：**从上图可以看出，这里其实可以显示一些相关的数据，包括购物车里的商品数量，订单数量等等，但这里需要注意这不是实时更新的，需要按更新按钮最好两次以上才能确保获得的数据准确无误

#### 1、头像获取功能

​       我们这个商城是与微信绑定的因此也可以通过点击左上方的用户头像那里直接绑定自己的用户（这里是已经登陆过的截图，初次使用这里需要点击、后续就无需再次登陆）

#### 2、跳转

​       从图17看到头像下有购物车这三个字，点击它可以直接跳转到购物车页面如图18所示，同理也可以跳转到订单查询（图19）、我的发布（图20）、收藏（图21）、我卖出的（图22）
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE18.png" width="20%" />
</div>
<div align='center'>

图18
</div>
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE19.png" width="20%" />
</div>
<div align='center'>

图19
</div>
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE20.png" width="20%" />
</div>
<div align='center'>

图20
</div>
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE21.png" width="20%" />
</div>
<div align='center'>

图21
</div>
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE22.jpg" width="20%" />
</div>
<div align='center'>

图22
</div>

**注意：**在收藏界面中的商品点击一下是可以快速进入商品详情页面的，这可以方便客户快速找到自己心仪的商品。



#### 3、地址添加

​        这个功能主要是添加地址，上文中其实有另一种方式就是通过购物车进入选择地址页面后点击添加地址也会同样进入这样的页面。

​       接下来主要介绍从我的页面进入添加地址页面，如上图17，右上角有个设置按钮，点击按钮进入如图23所示的设置界面，再点击收货地址进入如图24所示的添加地址页面
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE23.png" width="20%" />
</div>
<div align='center'>

图23
</div>
<div align='center'>
<img src="https://gitee.com/geng_shangyi/university_computer_foundation/raw/master/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%9B%BE24.png" width="20%" />
</div>
<div align='center'>

图24
</div>



如上图24所示该地址添加页面有两个功能按钮，首先，保存按钮是必须按的，按了以后才可以将刚刚的地址保存下来，在地址选择按钮中显示出来，而设为默认的这个按钮按了之后就可以直接在购物车中直接替代原来的地址优先显示出来