# 前端基础测试

### 考试说明：

1. 在电脑上新建一个以自己名字拼音命名的文件夹 完成答题后将文件夹压缩发到微信群
2. 本次考试试题都是开放性题目，实现题目要求的效果即可，阅卷采用 采点得分制
3. 图片仅限于小图标，好像也用不到图标，布局样式以写的内容为准，大面积截图的本题不得分 情节严重者本次考试分数为0分
4. 题目中只规定显示的内容和交互的要求，对样式不做描述，样式方面尽可能做的好看就行

### 考试内容

一、商品添加表单

包括内容：

- 商品名称（必填）

- 商品分类（下拉框 必选）

  下拉框内容： 手机数码 家用电器  男装  女装

- 商品卖点 （选填 商品卖点描述）

- 商品价格（必填）

- 活动价（选填）

- 商品库存（必填）

- 商品销量（选填）

- 是否上架 （单选框 必选）

- 商品详情（文本域  必填）

- 保存按钮

要求

1. 除了指定控件的之外，其他的都是文本框

2. 商品名称为空时 输入框显示预期值“请输入商品名称”， 

   商品卖点为空时 输入框显示预期值”请输入商品卖点“，

   商品价格为空时，输入框显示预期值”请输入商品价格“

   商品库存为空时，输入框显示预期值”请输入商品库存“

   商品销量为空时 输入框显示预期值”请输入商品销量“

   商品详情为空时，textarea中显示 ”请输入商品详情“

3. 用户点击保存时，需要做如下验证

   - 所有必选项的为空验证 为空时提示”请完善商品信息“
   - 活动价必须低于商品价格
   - 商品销量必须低于商品库存

4. 验证通过后 根据接口说明表生成对象并转成json字符串，调用后台接口 根据返回值说明 成功后弹框保存成功  



二、商品列表

将商品添加的内容显示在列表上包括内容：

- 商品名称

- 商品分类

- 商品卖点 

- 商品价格

- 活动价

- 商品库存

- 商品销量

- 是否上架 


### 说明

商品分类： 1代表手机数码  2代表家用电器   3代表男装  4代表女装

是否上架：1代表是  2 代表否

价格相关单位为元





接口说明：