后台管理

后台管理依旧使用element ui搭建，引入方式为全引用。

后台管理的功能

• 分类管理
• 物品管理
• 英雄管理（添加技能）
• 文章管理（vue2-editor）使用富文本编辑器
• 广告位管理
• 管理员管理（密码加密采用bcryptjs）
• 图片上传（multer）
• 登录使用接口（jwt，jsonwebtoken）进行登录校验
• axios实现请求拦截，响应拦截
• 上传文件的登录验证（el-upload，headers）使用vue中混合

所有的增删改查都使用通用CRUD接口

其中，

组件命名采用驼峰命名单数形式。

路由路径为复数形式。

数据库中模型使用驼峰单数命名形式

使用inflection包可以把复数形式转换为类名单数形式（驼峰）

移动端

• 使用sass（scss）进行base样式的定义（工具样式太香了）主要是整个网站的margin，padding，color，font
• 轮播图采用和vue搭配的，vue-swiper插件
• 使用flex布局，个人觉得虽然栅格布局很好，但是用着不太习惯
• 这里还要介绍到用于扣去精零图片的一个网站，很好用。字体图标采用阿里图标库
• 组件复用：通用的列表卡片组件（list-card，swiper），