
# 4 litemall后台管理

这里的后台管理业务参考了[platform](https://gitee.com/fuyang_lipengjun/platform).

技术架构：

* 后台管理前端，即litemall-admin模块
  * vue
  * vuex
  * vue-router
  * axios
  * element-ui
  * vue-element-admin
  * 其他，见package.json
* 后台管理后端, 即litemall-admin-api模块
  * Spring Boot 1.5.10
  * Spring MVC

目前发现存在的一些问题：

* `严重`富文本编辑器
* `严重`业务功能重新设计，例如即使是管理员也不能删除修改用户的相关数据
* `严重`进一步区分商品和货品的关系
* `严重`商品和货品管理，特别是添加一个商品
* `缺失`用户密码加盐存储
* `缺失`首页中实现一些小组件，同时点击能够跳转相应页面
* `缺失`商品评价中管理员回复功能
* `改善`大部分页面仅仅是一个表CRUD的效果，交互性一般。
  例如，显示商品的时候，只是简单显示表中保存的类目ID和品牌商ID，
  更好的效果可能是显示对应的类目名称和品牌商名称，
  同时能够显示更详细的类目信息和品牌商信息。
* `改善`页面中图片数据目前是显示地址，更好地做法应该是显示小图片，
  同时支持点击放大的效果
* `改善`地址优化，目前每一次点击都会请求后台，应该缓存已有的数据
* `改善`查询时排序功能
* `改善`vue和vue-element-admin等及时更新
* `未来`管理员角色和权限设计

## 4.1 litemall-admin-api


### 4.1.1 业务

### 4.1.2 安全配置

### 4.1.3 CROS配置

## 4.2 litemall-admin

litemall-admin模块的代码基于[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)


## 4.3 开发新组件

这里介绍开发一个新的组件的流程。