前言

上节我们将登录的流程梳理完毕了，来到了本章重点，既然开发票就肯定要有以下参数：

原工具不支持识别历史记录，对于我们的小商店来说，开票的公司基本就是固定的几个，如果提供下拉支持选择将会大大降低人力检索成本

添加商品

通过抓包分析，我们发现输入数量和单价时，系统会走接口计算金额总价，下一次输入新的商品单价和数量时 ，会返回总计金额，也就是说 这个接口不仅提供单次计算接口，还支持统计当前开票商品总金额，搞明白了这点，就不用js去写计算了

搜索商品

通过商品编码，发现了搜索接口，可以获取到商品的税收商品编码

问题难点1

现在问题来了，前端假设搜索娃哈哈是可以匹配到的，那是因为库存有这个商品，如果没有怎么办呢？如果还是手动添加商品那和网站有啥区别？便捷点在哪？

我去检索了下，希望能找到一个接口支持通过商品名称得出商品编码，于是有了下面的图片

该网站没有接口，目测只能自己爬；网站根据使用率进行排名，一般第一个就是正确的商品编码

方案梳理

快速开票模块

显示基本信息（名称、数量、单价），可修改数量和单价或删除整行记录

添加商品按钮

点击弹出对话框，供检索该账户商品编码库，没有检索到询问是否添加入库，传递商品名去下一个页面，可对商品名进行补全，通过第三方接口计算商品编码完成入库

商品编码快速录入按钮

支持自检该商品税收编码，无需手动查询添加，无需检索商品分类，自动完成

辅助模式

易操作，筛选数据慢；但是针对动手能力弱的商家也能解决问题，可通过顶部配置按钮关闭或开启

具体实现

导入table库插件：t-table

整理静态UI

数据列表操作

添加操作

新建按钮添加数据

<button class="b-btn b-btn-blue b-btn-sm" style="margin-top: 10rpx;margin-left: 10rpx;" @click="addRow('1', '测试数据', '35', '23')">添加数据(debug)</button>

addRow(id, name, age, hobby) {  
this.tableList.push({ 
id,  
name,  
age,  
hobby  
});  
},

天机添加时，会自动在末尾加入一条数据

清空操作

<button class="b-btn b-btn-blue b-btn-sm" style="margin-top: 10rpx;margin-left: 10rpx;" @click="clearList()">清空数据(debug)</button>

clearList() {  
this.tableList = []; // 清空数组  
},

点击后进行数据清空

编辑和删除

通过edit方法，进行id传输修改指定的数量和单价

通过detele方法，同理进行删除

由于太过简单，直接跳过

数据还原

由于测试的一直是demo部分，我们需要先将具体数据带入，进行还原，方便后面接入

// 表格操作
tableList: [{
id: 0,
shopcode:'',
name: '方便面',
num: 19,
price: '10'
},
{
id: 1,
shopcode:'',
name: '娃哈哈天然矿泉水',
num: 21,
price: '12'
}
],
// 表格操作

通过以上的整理和规定，对接真实数据时只需要对应填入即可

最后

本节中重点在于对数据的规范，结合前面的设计，以及分析，到本节为止大概的框架已经全部勾勒出来，我们先将基本的功能进行开发，后面再针对部分模块进行优化

本次开发经历了两个校验，第一个是平台商户登录校验，第二个是调用第三方非开放性接口（查询商品税收编码）为节省成本与开发，用到了这章提到的api接口《【免费】在线识别通用验证码接口》，不是推广，它每天免费送100次，觉得很不错，开票一天操作也不会用到100次

其他专题作品

《记一次云之家签到抓包》
《记一次视频抓包m3u8解密过程》
《抓包部分软件时无网络+过代理检测 解决办法 安卓黄鸟httpcanary+vmos》
《Python】记录抓包分析自动领取芝麻HTTP每日免费IP（成品+教程）》
《某课抓包视频 安卓手机：黄鸟+某课app+VirtualXposed虚拟框架》

推荐专栏：

《Python爬虫脚本项目实战》

该专栏往期文章：
《【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码（过Authorization认证）》

🥦如果感觉看完文章还不过瘾，欢迎查看我的其它专栏
🥦作者对python有很大的兴趣，完成过很多独立的项目：例如滇医通等等脚本，但是由于版权的原因下架了，爬虫这一类审核比较严谨，稍有不慎就侵权违规了，所以在保证质量的同时会对文章进行筛选

如果您对爬虫感兴趣请收藏或者订阅该专栏哦《Python爬虫脚本项目实战》，如果你有项目欢迎联系我，我会同步教程到本专栏！

🚀Python爬虫项目实战系列文章！！
⭐⭐欢迎订阅⭐⭐

【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码（过Authorization认证）
【Python爬虫项目实战二】Chatgpt还原验证算法-解密某宝伪知网数据接口

⭐⭐欢迎订阅⭐⭐

Python爬虫脚本项目实战