生产制造追溯系统-通过微信小程序实现移动端报表平台
前言
前两篇文章主要梳理了一下在生产过程中如何更高效、更稳定的实现条码打印,有不少园子里的朋友私信我,互相讨论了一些技术方面的问题,双方都各有收获,再此感谢博客园提供的这个交流平台,让五湖四海的朋友能够汇聚在一起,互相学习、互相进步!!
生产制造追溯系统-条码打印
生产制造追溯系统-再说条码打印
突破,将报表延伸至移动端
最近几年手机应用的发展速度大家有目共睹,就拿移动支付来说,放在十年前根本不敢想象现如今出门完全不用带现金,一部手机足够了,甚至有的地方可以刷脸支付,忘了带手机也没关系;随着科技的飞速发展,用户的要求也随之越来越高,这篇文章要说的也是跟手机有关--移动报表平台.
首先我们需要搭建环境,其实很简单,按照“微信web开发者工具”即可,下载地址如下:
下载 微信web开发者工具
安装好了之后如下图所示,可双击打开:
点击上图所示的 + 按钮,弹出如下图所示的配置对话框:
项目名称:填写该项目的名称,没有特别要求。
目录:表示本地开发电脑上面存放该项目的地方。
APPID:这个 AppID 是需要我们登录到微信公众号平台进行申请的,这里的 APPID一定要跟公众平台上面的 ID 一致。
配置完成之后,我们开发编写代码来实现我们需要的功能--通过小程序查询生产状态及进度,这里要区分一下每一种类型的文件表示的意思。
index.wxml<!--index.wxml--> <view class="container"> <view class="section searcha" wx:for="{{numa}}"><view class="search-input-wrapper "><input bindinput="bind_lotname_Input" bindconfirm="query" class="search-input" placeholder="输入工单号码进行搜索" value="{{search_lotname}}" confirm-type="search" /></view><block><icon type="search" bindtap="bind_icon_search" size="30" color="'orange'"/></block> </view> <view class="section"><view wx:for="{{json_str}}" wx:for-item="item" class="flex-wrp line" style="flex-direction:column;"><view style='display:flex;'><view>产品名称:</view><view>{{item["PRODUCT_NAME"]}}</view></view><view style='display:flex;'><view>工单总数:</view><view>{{item["QUANTITY"]}}</view></view><view style='display:flex;'><view>生产工序:</view><view>{{item["ROUTE_STEP"]}}</view></view><view style='display:flex;'><view>产出数量:</view><view>{{item["OUTPUT_QTY"]}}</view></view><view style='display:flex;'><view>等待维修:</view><view>{{item["WAITE_REPAIR_QTY"]}}</view></view><view style='display:flex;'><view>完成进度:</view><view>{{item["PROCESS_VALUE"]}}</view></view></view> </view> <!-- <button bindtap="bindButtonTap">Search</button> --></view>
index.jswx.request({url: 'https://www.123.cn/api/type=wip&action=wip_status', //获取JSON数据 data: { str: that.data.search_lotname },header: {'content-type': 'application/json' // 默认值 },success(res) { that.setData({json_str:res.data});console.log(res.data);}})
初步效果如下图所示,通过工单号码随时随地查询当前工单的完成进度,网页端与小程序对比:
目前所踩到的坑
1.Api接口不支持 IP 地址与端口,只能使用域名。
微信开发文档里面已经说明了,不允许使用类似 127.0.0.1 这种 IP 地址直接访问服务器,路径中也不能包含端口,就算是默认的端口也不能出现,必须通过域名来访问,比如 https://www.baidu.com/api/...
2.只能使用 https协议。
http是不安全的,必须在 IIS 中配置 https协议,而https是需要证书的,我们可以购买或者使用免费的证书,作者是在阿里云申请的免费证书,将证书下载之后拷贝到IIS即可,下面会放图。
3.对应的服务器 TLS 为 TLS 1.0,小程序要求的 TLS 版本必须大于等于1.2。
这是由于服务器 TLS 版本过低引起的,windows server 2008 R2或以上,都可以打开 TLS 1.2,方法见下图。
总结
后续开发过程中,我会将所遇到的困难记录下来并做个总结,这样方便其他朋友少走弯路,如果您觉得对您有帮助,请帮忙点个赞,谢谢!!
目前还只是第一步,后续将会逐渐开发一些更实用的功能,比如说各种查询报表,从而提升用户操作的便利性。
转载于:https://www.cnblogs.com/allen0118/p/10965897.html
生产制造追溯系统-通过微信小程序实现移动端报表平台相关推荐
- springboot+vue基本微信小程序的疫情防控平台系统 计算机毕业设计
本文讲述了基于微信小程序的疫情防控平台系统的设计与实现.结合电子管理系统的特点,分析了疫情防控平台系统的现状,给出了基于微信小程序的疫情防控平台系统实现的设计方案.本论文主要完成不同用户的权限划分,不 ...
- 基于微信小程序食谱大全系统(微信小程序毕业设计)
基于微信小程序食谱大全系统 食谱大全系统用户端采用微信小程序,管理员端采用web管理,系统采用java编程语言,mysql数据库,idea工具,ssm框架开发.本系统分为用户,管理员两个角色,其中用户 ...
- 仿coco点餐系统的微信小程序
仿coco点餐系统的微信小程序 (后台部分本来用的egg.js,为了能让大家下载之后直接跑起来 就换成了easymock) 仅供交流学习使用,使用之前微信小程序调试工具前要设置不进行域名验证 (欢迎大 ...
- 基于微信小程序智能停车场系统(微信小程序毕业设计)
基于微信小程序智能停车场系统 基于微信小程序智能停车场系统,后台采用ssm框架,java编程语言,mysql数据库制作:本系统主要分为用户和管理员两个角色:用户的主要功能有,注册和登陆系统,查看系统公 ...
- 基于微信小程序新冠疫苗预约系统(微信小程序)
基于微信小程序新冠疫苗预约系统 基于微信小程序新冠疫苗预约系统,后端是基于java编程语言,ssm框架,mysql数据库,前端是微信小程序制作:本系统分为用户和管理员两个角色,其中用户注册和登陆系统, ...
- nodejs+vue 微信小程序的疫情防控平台系统
功能介绍 考虑到实际生活中在疫情防控平台方面的需要以及对该系统认真的分析,将系统权限按服务端和客户端这两类涉及用户划分. (a) 服务端--管理员:管理员使用本系统涉到的功能主要有:个人中心.用户管理 ...
- ssm基于微信小程序的学习资料销售平台+ssm+uinapp+Mysql+计算机毕业设计
本微信小程序的学习资料销售平台以ssm作为框架,b/s模式以及MySql作为后台运行的数据库,同时使用Tomcat用为系统的服务器.本系统主要包括以下功能模块:首页.个人中心.用户管理.资料类型管理. ...
- 计算机毕业设计PHP基于微信小程序寸金校园租车平台(源码+程序+uni+lw+部署)
该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程.欢迎交流 项目运行 环境配置: phpStudy+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue ...
- 含论文+辩论PPT+源码等]微信小程序ssm社区心理健康服务平台+后台管理系统
下载地址: https://download.csdn.net/download/m0_71595576/85519044?spm=1001.2014.3001.5503 项目介绍: 含论文+辩论PP ...
最新文章
- img标签的onerror事件来显示默认图片
- Boost:由内部绑定的值返回的智能指针的测试程序
- 中柏平板触摸驱动_一文总览2019年最新最全的工业平板电脑定制化服务
- java打印日期序列,Java GSON-日期格式
- 基于DEAP库的python进化算法--遗传算法实践--最短路径问题
- java referencemap_Java中关于WeakReference和WeakHashMap的理解
- Windows下 Nginx创建文件服务器
- 各种手机的UserAgent大全
- 计算机网络显示正常 但无法上网怎么办,如何解决显示网络已连接但无法上网...
- java练习题-猜数字游戏
- NW.js之基础篇(2)
- 中国人民大学与加拿大女王大学金融硕士让你在疫情下的学习有更多的选择
- debian/ubuntu 64bit 安装 android sdk时adb无法编译的问题
- Fortigate 飞塔防火墙命令行常用操作 CLI
- pydub 音频停顿 断句 切分
- 鼠标指针下总出现一个滚动条似的方框,怎么办?有图
- JSP实用教程——第二章JSP语法
- Jmeter全方面讲解——Jmeter的安装
- 电源 LDO 低压差线性稳压电源
- 一个好的PS笔刷(笔触)下载论坛
热门文章
- matlab的超松弛迭代法,基于MATLAB的超松弛迭代法的电位研究
- failed to collect dependencies at com.desheng:bigscreen-common:jar:1.0-SNAPSHOT
- vue中如何利用js如何检测网络状况,监听网络状态
- 解放军美女网络尖兵,90余昼夜写代码40多万行
- 耐高温滑环在特殊环境作业时需要具备哪些条件
- 谁知道尾行4出了没有,有没有人想玩的,给大家看看什么叫被雷到了 囧
- 自动控制原理专业词汇中英文对照(二)
- 计算机算log的原理,卡西欧计算器怎么算log1.082(1.0 – 手机爱问
- 权健涉嫌传销犯罪被立案侦查,周洋父亲:很快会提起诉讼
- DB2与Sybase/Oracle/Informix的比较