用nodejs+vue实现iconfont管理网站(一)

总体设计

iconfont字体图标相比于图片图标具有：体积小，风格统一，易于组件化（颜色，size等）。之前项目中使用的iconfont.cn来管理字体图标，由于特殊原因图标库曾出现了一段时间无法上传新图标，作为免费的第三方服务，商业项目依赖它有可能导致外部的风险，因为考虑自己开发一个图标管理网站供开发及设计师使用，最基本的功能：包括用户管理（注册登录），图标管理（增删改查，上传等），图标库管理（增删改查，添加入库等）

数据存储

表设计

图标

{
  iconId: { type: Number, unique: true },
  iconName: String,
  iconContent: String,
  ownerId: number,
  createTime: Date,
  updateTime: Date
}

图标库图标

{
  iconId: {type: Number, unique: true},
  iconName: String,
  repos: [
    {
      repoId: Number,
      repoName: Stirng
    }
  ]
}

设计icon和iconBelon