Web前端机试测试：学生信息管理系统开发实战

"Web前端机试测试：学生信息管理系统开发实战"\n\n"一、语言和环境"\n"A、实现语言"\n"Html、Css、Js、Jquery、BootStrap"\n"B、环境要求"\n"Windows、谷歌/火狐浏览器"\n\n"二、功能要求"\n"使用前端技术，实现网页版的学生信息管理，包括登录功能，图书信息的展示、添加图书、删除图书的操作，具体要求如下："\n\n"1、登录页面，如图所示，正确的账号:admin,密码:123456"\n"改页面需要设置页面背景图，背景图由老师提供."\n"如果账号密码正确，则点击登录，进入到main.html页面，"\n\n"main.html页面如下所示"\n\n"反之，弹出错误信息的警告框."\n\n""\n\n"2、图书信息展示，如图-2所示，默认暂时4条图书信息（选择列、图书编号、图片、名称、操作列）。"\n""\n"图-2 图书信息展示"\n"2、新增图书的功能。如图-3所示，点击新增按钮，弹出信息输入框，包含编号、图片URL和姓名信息。"\n""\n"图-3 新增信息弹框"\n"点击确定时，要进行录入信息的校验，校验规则为所有的输入框不能为空;"\n"如果校验不通过，在点击确定时显示错误提醒，如图-4所示；"\n""\n"图-4 新增错误提醒"\n\n"如果一切正确，当点击确定按钮时，新增的图书应该在页面中显示!"\n""\n"结果如下所示:"\n\n""\n\n"3、单条信息删除。点击每行后的操作栏中的删除按钮，可以删除当前行。删除前，要进行对话框提醒，询问是否确认删除。完成删除后，表格中被删除的信息消失，如图-5和图-6所示。"\n""\n"图-5 确认删除对话框"\n""\n"图-6完成删除后信息消失"\n\n"4、批量信息删除。通过每行前的复选按钮，可以选择要被删除的那些行，或者通过全选按钮选择所有行。选择完毕后，点击表格下的删除按钮进行删除。在删除之前，要询问是非确认删除。删除完毕后，被删除的行在表格中消失。如图-7和图8所示。"\n""\n"图-7 被选中行的效果"\n\n""\n"图-8 确认删除提醒"\n\n"显示删除后的结果:"\n"内容：删除后的结果如图-9所示："\n""\n"图-9 删除后的结果"\n