网站建设资讯

NEWS

网站建设资讯

微信小程序如何实现移动端报表平台-创新互联

这篇文章主要介绍了微信小程序如何实现移动端报表平台,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联公司是一家专业提供德兴企业网站建设,专注与网站制作、成都网站设计、HTML5建站、小程序制作等业务。10年已为德兴众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

首先我们需要搭建环境,其实很简单,按照“微信web开发者工具”即可,下载地址如下:

下载 微信web开发者工具

微信小程序如何实现移动端报表平台

安装好了之后如下图所示,可双击打开:

微信小程序如何实现移动端报表平台

微信小程序如何实现移动端报表平台

点击上图所示的 + 按钮,弹出如下图所示的配置对话框:

微信小程序如何实现移动端报表平台

项目名称:填写该项目的名称,没有特别要求。

目录:表示本地开发电脑上面存放该项目的地方。

APPID:这个 AppID 是需要我们登录到微信公众号平台进行申请的,这里的 APPID一定要跟公众平台上面的 ID 一致。

微信小程序如何实现移动端报表平台

配置完成之后,我们开发编写代码来实现我们需要的功能--通过小程序查询生产状态及进度,这里要区分一下每一种类型的文件表示的意思。

微信小程序如何实现移动端报表平台

index.wxml



 
     
    
 
  
 


 
  
  产品名称:
  {{item["PRODUCT_NAME"]}}
  
  
  工单总数:
  {{item["QUANTITY"]}}
  
  
  生产工序:
  {{item["ROUTE_STEP"]}}
  
  
  产出数量:
  {{item["OUTPUT_QTY"]}}
  
  
  等待维修:
  {{item["WAITE_REPAIR_QTY"]}}
  
    
  完成进度:
  {{item["PROCESS_VALUE"]}}
  
 


初步效果如下图所示,通过工单号码随时随地查询当前工单的完成进度,网页端与小程序对比:

微信小程序如何实现移动端报表平台

微信小程序如何实现移动端报表平台

目前所踩到的坑

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,方法见下图。

微信小程序如何实现移动端报表平台

微信小程序如何实现移动端报表平台

微信小程序如何实现移动端报表平台

感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序如何实现移动端报表平台”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


本文题目:微信小程序如何实现移动端报表平台-创新互联
本文链接:http://njwzjz.com/article/ccijeh.html