前端

前端方面，自然是 Vue，毕竟最近在学这个。

样式方面，没有用 CSS 库，纯手工 CSS 代码，毕竟也没什么样式，也是为了练习。

数据方面，用二层数组实现了品牌（即分组）与产品这二层数据，利用数组的特征支持品牌及分组的排序。另外，支持数据的查改增删。

前期数据纯粹是在浏览器本地存储中。后来，为了实现分享，将数据远程存储在服务器。不过，依然没有引入账户系统，只是本地随机生成一个 ID 作为伪账户，对不同地方上传的数据进行区分（事实上，基本也只是一个人使用）

分享时，会随机生成 ShareID，并与 ID 匹配。通过 ShareID 查看共享页面的用户，并不能直接猜测出 ID，一定程度起到安全（主要是避免有人恶意修改数据，毕竟没有账户系统）

目前，只支持在固定电脑编辑固定伪账户 ID 的数据，可通过备份与导入的方式，在不同电脑间切换。毕竟，对个人使用，这也足够了。

交互方面，没什么可说的，都是很基础的东西。其中，对于频繁操作的修改价格，支持双击修改、回车确定等提高效率的操作，毕竟我是做工具软件出身的，有这个习惯。

后端

有 2 个原因，使得这个小小的项目，需要后端支持：

由于跨域的问题，前端无法直接查询京东价格，只能借助后端查询
由于需要共享，必须云端存储数据，前端获取并展示

说起查询京东价格，主要是通过网上找到的 p.3.cn 这个第三方 API 实现。这种类似黑盒的 API，个人用用还好，作为商业使用可能就不合适了。期间，还了解了 慢慢买 的 API，他们并不公开价格，邮件销售提到的价格是 1000 每月，显然并不适合。

为什么不使用京东官方 API？因为好像个人无法申请到「所谓开放」的服务，也就无法使用。毕竟，价格是电商核心的东西，没有平台会这么轻易地开放。

另外，点击京东价格，可以跳转至京东官网查看对应产品的详情。这里又有个坑：京东联盟。我本以为，可以根据京东联盟 ID，轻易地拼出对应的链接，没想到有个 utm_term 好像是根据算法生成的 md5，无法直接伪造（不知道出发点是什么，提高转链难度？）没办法，只能通过抓包官方平台创建链接的操作，逆向出接口，用于代码生成链接。