做一个官方网站，没有后台，需要搭建N个产品详情页，能复用（只限前端，没有后台服务器）

Question

1.问题
网站内页要做个产品展示，产品有N个，对应有N个产品详情页。如果我用笨办法就是复制N个详情页，那工作量实在太大。有没有什么好办法，可以批量处理的？？

2.我的猜想
做一个详情页模板，数据放json中，命名cpxq.html,比如我点击产品A，对应cpxq中数据替换为A产品的数据，点击产品B，对应cpxq替换B数据。

3.提问
前端是否可以实现，是用vue还是jq，具体如何操作。或者有无更好的方案？？

在线等。。急。。### 问题描述

Answer 1

1. 复制N个详情页，也就是详情页其实都长一样，就数据不一样? 那只要点击的时候改变展示的数据就行.
2. 用vue,jq其实都一样,就取决于你善于用哪个（假如你不管webpack之类的方式，直接拿过来就用的话，学习成本我觉得差不多，写起来vue会舒服点)
3. 更好方案，找个外包吧， 花不了几个钱，就一个页面的需求

Answer 2

这个问题很好解决啊。你的思路是对的。我建议用Vue，当你产品详情页数据多时，双向数据绑定，比jq那些蛋疼的DOM操作好多了。
大概思路如下，建一个data文件夹，把每个产品的数据写好，在index.js里面统一export
在产品详情页中，
import allProduct from './data/index.js'拿到产品数据
然后再拿路由携带的参数：例如 localhost:8080/productDeatil?name=a
拿到参数name = a
这个时候页面的产品数据就是 allProduct[name]