# lqsblog-frontend-ant-design-pro-react

lqsblog-frontend-ant-design-pro-react (opens new window) GitHub stars (opens new window) 是一个LqsBlog ADMIN管理后台,它基于 Ant Design Pro (opens new window)实现。

# 功能

- 多语言
- 登录 / 注销
- 首页 / 统计
- 随笔管理
  - 随笔列表
    - 随笔添加
    - 随笔编辑
    - 随笔删除
  - 随笔分类
    - 随笔分类添加
    - 随笔分类编辑
    - 随笔分类删除
- 作品管理
  - 作品列表
    - 作品添加
    - 作品编辑
    - 作品删除
- 专题管理
  - 专题列表
    - 专题添加
    - 专题编辑
    - 专题删除
- 左邻右舍
  - 链接列表
    - 链接添加
    - 链接编辑
    - 链接删除
  - 链接分类
    - 链接笔分类添加
    - 链接分类编辑
    - 链接分类删除
    - 链接分类排序
- 设置
  - 关于我
  - 标签管理
    - 标签添加
    - 标签编辑
    - 标签删除
  - 账号列表
    - 账号添加
    - 账号编辑
    - 账号删除
    - 账号权限角色
  - 角色列表
    - 角色添加
    - 角色编辑
    - 角色删除
    - 角色菜单权限
  - 后台菜单
    - 菜单添加
    - 菜单编辑
    - 菜单删除
    - 菜单后端API权限
  - 后台API
   - 后台API添加
   - 后台API编辑
   - 后台API删除
  - 站点配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

# 环境准备

# 复制配置文件 '.env'

复制 '.env' 重命名为 ' .env.local' , 启用、修改对应的参数.

# api接口域名
API_HOST=http://rap2.taobao.org:38080/app/mock/247994/admin
1
2

# Install node_modules:

yarn
1

or

npm install
1

# Start project

yarn start:dev-no-ui
1

or

npm start:dev-no-ui
1

# Build project

npm run build
1

# Check code style

npm run lint
1

You can also use script to auto fix some lint error:

npm run lint:fix
1

# Test code

npm test
1

# More

You can view full document on our official website (opens new window). And welcome any feedback in our github (opens new window).

# 与服务端交互 & Mock Data

本项目 Mock Data 是基于 “阿里的RAP (opens new window)”,方便前后端开发统一接口。具体内容请参照API文档

# 界面展示

index set-adminapi set-adminmenu set-adminmenu2 set-role set-account