webveuje/考试/前端基础测试.md
2021-04-01 09:06:07 +08:00

99 lines
2.2 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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