99 lines
2.2 KiB
Markdown
99 lines
2.2 KiB
Markdown
|
# 前端基础测试
|
|||
|
|
|
|||
|
|
### 考试说明：
|
|||
|
|
|
|||
|
|
1. 在电脑上新建一个以自己名字拼音命名的文件夹 完成答题后将文件夹压缩发到微信群
|
|||
|
|
2. 本次考试试题都是开放性题目，实现题目要求的效果即可，阅卷采用 采点得分制
|
|||
|
|
3. 图片仅限于小图标，好像也用不到图标，布局样式以写的内容为准，大面积截图的本题不得分 情节严重者本次考试分数为0分
|
|||
|
|
4. 题目中只规定显示的内容和交互的要求，对样式不做描述，样式方面尽可能做的好看就行
|
|||
|
|
|
|||
|
|
### 考试内容
|
|||
|
|
|
|||
|
|
一、商品添加表单
|
|||
|
|
|
|||
|
|
包括内容：
|
|||
|
|
|
|||
|
|
- 商品名称（必填）
|
|||
|
|
|
|||
|
|
- 商品分类（下拉框 必选）
|
|||
|
|
|
|||
|
|
下拉框内容： 手机数码 家用电器 男装 女装
|
|||
|
|
|
|||
|
|
- 商品卖点 （选填 商品卖点描述）
|
|||
|
|
|
|||
|
|
- 商品价格（必填）
|
|||
|
|
|
|||
|
|
- 活动价（选填）
|
|||
|
|
|
|||
|
|
- 商品库存（必填）
|
|||
|
|
|
|||
|
|
- 商品销量（选填）
|
|||
|
|
|
|||
|
|
- 是否上架 （单选框 必选）
|
|||
|
|
|
|||
|
|
- 商品详情（文本域 必填）
|
|||
|
|
|
|||
|
|
- 保存按钮
|
|||
|
|
|
|||
|
|
要求
|
|||
|
|
|
|||
|
|
1. 除了指定控件的之外，其他的都是文本框
|
|||
|
|
|
|||
|
|
2. 商品名称为空时 输入框显示预期值“请输入商品名称”，
|
|||
|
|
|
|||
|
|
商品卖点为空时 输入框显示预期值”请输入商品卖点“，
|
|||
|
|
|
|||
|
|
商品价格为空时，输入框显示预期值”请输入商品价格“
|
|||
|
|
|
|||
|
|
商品库存为空时，输入框显示预期值”请输入商品库存“
|
|||
|
|
|
|||
|
|
商品销量为空时 输入框显示预期值”请输入商品销量“
|
|||
|
|
|
|||
|
|
商品详情为空时，textarea中显示 ”请输入商品详情“
|
|||
|
|
|
|||
|
|
3. 用户点击保存时，需要做如下验证
|
|||
|
|
|
|||
|
|
- 所有必选项的为空验证 为空时提示”请完善商品信息“
|
|||
|
|
- 活动价必须低于商品价格
|
|||
|
|
- 商品销量必须低于商品库存
|
|||
|
|
|
|||
|
|
4. 验证通过后 根据接口说明表生成对象并转成json字符串，调用后台接口 根据返回值说明 成功后弹框保存成功
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
二、商品列表
|
|||
|
|
|
|||
|
|
将商品添加的内容显示在列表上包括内容：
|
|||
|
|
|
|||
|
|
- 商品名称
|
|||
|
|
|
|||
|
|
- 商品分类
|
|||
|
|
|
|||
|
|
- 商品卖点
|
|||
|
|
|
|||
|
|
- 商品价格
|
|||
|
|
|
|||
|
|
- 活动价
|
|||
|
|
|
|||
|
|
- 商品库存
|
|||
|
|
|
|||
|
|
- 商品销量
|
|||
|
|
|
|||
|
|
- 是否上架
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 说明
|
|||
|
|
|
|||
|
|
商品分类： 1代表手机数码 2代表家用电器 3代表男装 4代表女装
|
|||
|
|
|
|||
|
|
是否上架：1代表是 2 代表否
|
|||
|
|
|
|||
|
|
价格相关单位为元
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
接口说明：
|
|||
|
|
|