1．需求描述
利用 Web 前端开发技术完成管理系统后台管理功能，主要包括用户登录、系统主界
面（本次要求直接跳转到用户管理界面，可选做一个系统后台管理主界面，用户管理作为主界面下的某个子功能，详细在课堂讲解中说明）并实现一个具体功能增、删、改、查的界面设计。
1.1．用户登录
输入账号、密码。如果账号和密码验证通过，则打开主界面，否则提示错误。
1.1.1．界面要求1）账号，要求长度在6-20个字符。(2分）2）密码，要求长度在5-15个字符。(2分）
3）按钮，登录，类型 submit 。(1分）
4）要求采用表单提交。(1分）
1.1.2．功能要求1）表单中 action 值为 user . html 。2）表单 method =" post 。
3）点击“登录”按钮，根据规则验证输入的账号和密码，都是必填项，有长度限制。根据自己的情况，可以设定一个默认的账号和密码作为验证通过的数据，如账号qzm123，密码为 Test _002。(5分）
1.2．用户管理界面
实现用户的查询、添加、编辑和删除功能。
(1）默认打开的是查询界面。(2分）
(2）添加、编辑和删除在查询界面中来实现跳转。(3分）
1.1.3．查询界面要求1）整个界面分为上下两部分：查询条件区和数据展示区。(2分）2）查询条件：姓名、手机号、状态（下拉选择框，取值为全部、启用、禁用）。(2分）
3）按钮，查询，类型 button 。
4）按钮，重置，类型为 button 。
5）按钮，添加，类型 button 。
6）按钮，删除，类型 button 。
7）数据区展示项：复选框、姓名、手机号、邮箱、地址、状态、创建日期（格式为 - MM - dd HH : mm : ss ,如2021-06-0112:09:03)、操作（包括功能：编辑、删除）。要求必须列出至少5条数据。(3分）
8）数据区最下面展示分页，包括首页、上页、下页、尾页。(1分）
9）要求用表单实现，表单 method =” post ”。
1.14．功能要求1）查询按钮，校验输入的条件，必填项，并提示输入的值。(3分）2）重置按钮，重置条件中的值为默认值。(2分）
3）添加按钮和编辑按钮。打开添加页面 addOrEdit . html 。(2分）
4）行记录后面操作：删除按钮， confirm 提示：确认删除此条记录？。(2分）
5）查询下面的删除按钮，是批量删除功能，检查行记录 checkbox 选中情况，如果
有就提示：是否确认删除？否则就提示：请选中记录再删除！。(5分）
1.1.5.添加和编辑要求
1）展示内容：填写项和按钮（保存、取消）。(2分）
2)展示内容：
a ）姓名，必填项，长度2-15个字符，可以考虑只输入中文。(2分） b ）手机号，必填项，手机号的规则验证。(2分）
c ）邮箱，必填项，按邮箱规则验证。(2分）
d ）地址，必填项，长度不超过60个字符。(2分）
e ）状态，必填项，下拉选择（请选择／启用／禁用），注意 select 取值。(2分）
3）保存按钮，校验通过打开主界面，这里指 user . html ，否则直接提示错误的填写项。3分
4）取消按钮，直接打开主界面，这里指 user . html 。(2分）
1.1.6．技术要求
1）利用 html 、 css 、 javascript 来实现，但不限于这三种技术。
2）所有校验必须采用正则表达式。
然后呢？