要求:

  • 登录界面 5 √
  • 异步更新查找账号 5 √
  • 验证码 5 √
  • 账号密码验证 5 √
  • 首页 10 √
  • 插入功能 10 √
  • 查询功能 10 √
  • 浏览所有信息 10 √
  • 更新功能 10 √
  • 删除功能 10 √
  • 修改密码 20 √
  • 退出系统 2 √
  • 页面设计 8 √

演示示例图片:

  • 首页

  • 登录界面:

  • 修改页面

  • 浏览所有信息以及查询/删除/修改功能

  • 添加功能

项目内容

登录

登录页面主要包含以下几个模块:

  • 登录表单(用户名,密码,验证码,提交,重置)
  • 在离开焦点后校验用户名是否重复
  • 提交时校验表单是否为空(或者在离开焦点校验也行)
  • 提交采用axios发送请求提交,需要显示信息后再跳转到主页
  • 验证码机制

登录表单

登录拦截以及退出登录

客户管理

客户管理主要包含以下几个模块:

  • 分页查询展示
  • 添加客户信息
  • 单行数据修改
  • 单行数据删除
  • 多行数据删除
  • 分页查询关键字(包含多个选项)

分页查询展示