# layui-test

**Repository Path**: zing173/layui-test

## Basic Information

- **Project Name**: layui-test
- **Description**: 综合案例
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-02
- **Last Updated**: 2024-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 综合案例
### ch01、知识要点

- IDEA创建Web项目
- Git基本操作
- MD5加密
- ResponseData：响应对象，把所有Servlet响应的数据规范起来，做一个统一的封装
  - 把响应客户端的数据做一个统一的封装
  - 这是一个前后端的一个约定 ，方便前端访问后端的数据
    - code：状态码，用于给前端做判断
    - msg：响应消息
    - data：响应数据
  - PageVo：ResponseData升级版，服务于 Layui 动态表格
    - count：当前查询的总记录数
    - code：0
- Gson



### ch02

- Layui的基本使用



### ch03

- Layui实现后台管理页面
  - 选项卡
- Layui动态表格实现CRUD操作
- 文件上传
  - Layui上传组件的使用
  - Part对象
  - Part对象的封装
- 实现用户登录
  - 验证码的使用
  - sessionStorage：把登录用户存储到浏览器的会话存储中，以便于跟踪用户
    - JSON.stringify(JS对象)：把 JavaScript 对象转换为 JSON 字符串
    - JSON.parse(JSON字符串)：把 JSON 字符串转换为 JavaScript 对象
- 实现用户头像的修改，有以下两个操作步骤：
  - 第一：上传新的头像
  - 第二：修改用户信息表