nuxt项目总结-设计

路由设计

根据设计图设计出：
设计前要想清楚每一个页面为什么放置该处

1. 路由

├─page
│	├─ClassificationTemplate
│	│	│——details
│	│	│	└─_productId.vue
│	│	└─_classId.vue
│	├─DownloadProduct
│	│	└─_downloadId.vue
│	├─HelpCenter
│	│ 	├─Aftermarket.vue
│	│	└─index.vue
│	├─SearchPage
│	│	└─index.vue
│	├─SpecialProduct
│	│ 	├─NewProduct.vue
│	│	└─ChoicenessProduct.vue
│	├─UserCenter
│	│ 	├─UserCenter
│	│ 	│	├─FavoriteDetail.vue
│	│ 	│	├─index.vue
│	│ 	│	├─MessageDetails.vue
│	│ 	│	├─myDownload.vue
│	│ 	│	├─myFavorite.vue
│	│ 	│	├─myMessage.vue
│	│ 	│	└─myTrack.vue
│	│	└─UserCenter.vue
│	├─404.vue
│	└─index.vue

2. 问题：UserCenter路由嵌套太深层了；
   原因：没有了解清楚嵌套路由

前端分类设计

1. 一级分类写死
   1. PPT、Word等等
2. 二级分类（标签）
   1. 场景、颜色等等
3. 三级分类（属性）
   1. 二级分类对应的value值（web后台设定）

问题：精选专题应为单独的一个二级分类的总分类

页面设计

• layout
  1. Header
     1. logo
     2. 搜索
     3. 登录
     4. 用户信息
     5. 一级分类Menu
  2. Main
     1. banner
     2. 列表
     3. 用户中心
     4. 内容
     5. 组件
  3. SliderFoot
  4. Foot

前端安全设计

-https://www.cnblogs.com/niniHan/p/13647339.html