厦门旅游网站,wordpress单用户商城,中国建设网银登录,做前端常用的网站及软件下载前言
上节我们将登录的流程梳理完毕了#xff0c;来到了本章重点#xff0c;既然开发票就肯定要有以下参数#xff1a; 原工具不支持识别历史记录#xff0c;对于我们的小商店来说#xff0c;开票的公司基本就是固定的几个#xff0c;如果提供下拉支持选择将会大大降低…前言
上节我们将登录的流程梳理完毕了来到了本章重点既然开发票就肯定要有以下参数 原工具不支持识别历史记录对于我们的小商店来说开票的公司基本就是固定的几个如果提供下拉支持选择将会大大降低人力检索成本
添加商品
通过抓包分析我们发现输入数量和单价时系统会走接口计算金额总价下一次输入新的商品单价和数量时 会返回总计金额也就是说 这个接口不仅提供单次计算接口还支持统计当前开票商品总金额搞明白了这点就不用js去写计算了
搜索商品
通过商品编码发现了搜索接口可以获取到商品的税收商品编码
问题难点1
现在问题来了前端假设搜索娃哈哈是可以匹配到的那是因为库存有这个商品如果没有怎么办呢如果还是手动添加商品那和网站有啥区别便捷点在哪
我去检索了下希望能找到一个接口支持通过商品名称得出商品编码于是有了下面的图片 该网站没有接口目测只能自己爬网站根据使用率进行排名一般第一个就是正确的商品编码 方案梳理 快速开票模块
显示基本信息名称、数量、单价可修改数量和单价或删除整行记录
添加商品按钮
点击弹出对话框供检索该账户商品编码库没有检索到询问是否添加入库传递商品名去下一个页面可对商品名进行补全通过第三方接口计算商品编码完成入库
商品编码快速录入按钮
支持自检该商品税收编码无需手动查询添加无需检索商品分类自动完成
辅助模式
易操作筛选数据慢但是针对动手能力弱的商家也能解决问题可通过顶部配置按钮关闭或开启
具体实现
导入table库插件t-table
整理静态UI 数据列表操作 添加操作
新建按钮添加数据
button classb-btn b-btn-blue b-btn-sm stylemargin-top: 10rpx;margin-left: 10rpx; clickaddRow(1, 测试数据, 35, 23)添加数据(debug)/buttonaddRow(id, name, age, hobby) {
this.tableList.push({
id,
name,
age,
hobby
});
},天机添加时会自动在末尾加入一条数据
清空操作
button classb-btn b-btn-blue b-btn-sm stylemargin-top: 10rpx;margin-left: 10rpx; clickclearList()清空数据(debug)/buttonclearList() {
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解密过程》 《抓包部分软件时无网络过代理检测 解决办法 安卓黄鸟httpcanaryvmos》 《Python】记录抓包分析自动领取芝麻HTTP每日免费IP成品教程》 《某课抓包视频 安卓手机黄鸟某课appVirtualXposed虚拟框架》
推荐专栏
《Python爬虫脚本项目实战》
该专栏往期文章 《【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码过Authorization认证》
如果感觉看完文章还不过瘾欢迎查看我的其它专栏 作者对python有很大的兴趣完成过很多独立的项目例如滇医通等等脚本但是由于版权的原因下架了爬虫这一类审核比较严谨稍有不慎就侵权违规了所以在保证质量的同时会对文章进行筛选
如果您对爬虫感兴趣请收藏或者订阅该专栏哦《Python爬虫脚本项目实战》如果你有项目欢迎联系我我会同步教程到本专栏
Python爬虫项目实战系列文章 ⭐⭐欢迎订阅⭐⭐
【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码过Authorization认证 【Python爬虫项目实战二】Chatgpt还原验证算法-解密某宝伪知网数据接口
⭐⭐欢迎订阅⭐⭐
Python爬虫脚本项目实战
