webveuje/考试/前端基础测试.md

前端基础测试

考试说明：

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

考试内容

一、商品添加表单

包括内容：

• 商品名称（必填）

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

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

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

• 商品价格（必填）

• 活动价（选填）

• 商品库存（必填）

• 商品销量（选填）

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

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

• 保存按钮

要求

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

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

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

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

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

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

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

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

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

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

二、商品列表

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

• 商品名称

• 商品分类

• 商品卖点

• 商品价格

• 活动价

• 商品库存

• 商品销量

• 是否上架

说明

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

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

价格相关单位为元

接口说明：