# 简易后台管理系统-学习本地存储

**Repository Path**: fygan/learn-localStorage

## Basic Information

- **Project Name**: 简易后台管理系统-学习本地存储
- **Description**: 学习localStorage，超级简易
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-08
- **Last Updated**: 2021-10-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 项目二要求

+ 项目必须是后台管理系统
+ 所有的数据都存储在本地存储中
+ 项目要去使用bootstrap和jquery 
+ 以文章管理系统为例:要有添加文章、编辑文章、删除文章、文章分页显示等页面
+ 项目无需考虑兼容问题，多使用es6语法(比如:解构赋值，箭头函数，扩展运算符，promise,...)
+ 项目完成以后提交到github或者gitee，效果录制成视频飞秋发送给老师

**本地存储方法回忆**
* cookie
  * 有时效性
  * 大小有限制
  * 安装域名存储
  * 请求自动携带
  * 前后端都可以操作
* localStorage
  * 除非手动删除，会一直存在
  * 存储的是键值对，键值都是字符串
  * 请求不会携带
  * 存储容量较大
  * 只有前端可以操作
* 会话存储 sessionStorage
  * 是浏览器内部的一个存储空间
  * 类似本地存储，浏览器关闭就消失了

```js
 // 看一看本地存储对象
console.log(localStorage)

// 添加键值对
localStorage.name = "zhangsan"
localStorage.setItem("age","12")

// 删除键值对
// localStorage.removeItem('name')

// 获取值
console.log(localStorage.getItem('age'))

// 清除所有键值对
localStorage.clear()
```
**自己想法**
* 一、在localStorage中创建一个存储账号密码的键值对，键为：RT,值为[{"user":"XXX","pwd":"XXX","name","xxx",type":"0/1"},{...}]（想到什么再添加）
  * user：存储账号的
  * pwd：存储密码的
  * name：账号名字
  * type：存储账号类型的，0为管理员，1为普通账号
* 二、要在cookie中记录用户是否登录（）
* 三、在localStorage中创建一个存储所有文章的键值对，键为RW，值为[{"rid":"xxx","ruser":"xxx","rtitle":"xxx","rcon":"xxx","rcom":"xxx","rtime":"xxx"}]（想到什么再添加）
  * rid：文章id 目前想法 时间戳+用户账号
  * ruser：用户账号
  * rtitle:文章标题
  * rcon：文章内容
  * rcom：文章评论 [{"rmuser":"账号","rmcon":"评论内容","rmtime":"评论时间"}]
  * rtime 发表时间
* 四