前言

前兩篇文章主要梳理了一下在生產(chǎn)過程中如何更高效、更穩(wěn)定的實現(xiàn)條碼打印，有不少園子里的朋友私信我，互相討論了一些技術(shù)方面的問題，雙方都各有收獲，再此感謝博客園提供的這個交流平臺，讓五湖四海的朋友能夠匯聚在一起，互相學(xué)習(xí)、互相進步！！

生產(chǎn)制造追溯系統(tǒng)-條碼打印

生產(chǎn)制造追溯系統(tǒng)-再說條碼打印

突破，將報表延伸至移動端

最近幾年手機應(yīng)用的發(fā)展速度大家有目共睹，就拿移動支付來說，放在十年前根本不敢想象現(xiàn)如今出門完全不用帶現(xiàn)金，一部手機足夠了，甚至有的地方可以刷臉支付，忘了帶手機也沒關(guān)系；隨著科技的飛速發(fā)展，用戶的要求也隨之越來越高，這篇文章要說的也是跟手機有關(guān)--移動報表平臺.

首先我們需要搭建環(huán)境，其實很簡單，按照“微信web開發(fā)者工具”即可，下載地址如下：

下載 微信web開發(fā)者工具

安裝好了之后如下圖所示，可雙擊打開：

點擊上圖所示的 + 按鈕，彈出如下圖所示的配置對話框：

項目名稱：填寫該項目的名稱，沒有特別要求。

目錄：表示本地開發(fā)電腦上面存放該項目的地方。

APPID：這個 AppID 是需要我們登錄到微信公眾號平臺進行申請的，這里的 APPID一定要跟公眾平臺上面的 ID 一致。

配置完成之后，我們開發(fā)編寫代碼來實現(xiàn)我們需要的功能--通過小程序查詢生產(chǎn)狀態(tài)及進度，這里要區(qū)分一下每一種類型的文件表示的意思。

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>產(chǎn)品名稱：</view>
  <view>{{item["PRODUCT_NAME"]}}</view>
  </view>
  <view style='display:flex;'>
  <view>工單總數(shù)：</view>
  <view>{{item["QUANTITY"]}}</view>
  </view>
  <view style='display:flex;'>
  <view>生產(chǎn)工序：</view>
  <view>{{item["ROUTE_STEP"]}}</view>
  </view>
  <view style='display:flex;'>
  <view>產(chǎn)出數(shù)量：</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>

初步效果如下圖所示，通過工單號碼隨時隨地查詢當(dāng)前工單的完成進度,網(wǎng)頁端與小程序?qū)Ρ龋?/p>

目前所踩到的坑

1.Api接口不支持 IP 地址與端口，只能使用域名。

微信開發(fā)文檔里面已經(jīng)說明了，不允許使用類似 127.0.0.1 這種 IP 地址直接訪問服務(wù)器，路徑中也不能包含端口，就算是默認(rèn)的端口也不能出現(xiàn)，必須通過域名來訪問，比如 https://www.baidu.com/api/...

2.只能使用 https協(xié)議。

http是不安全的，必須在 IIS 中配置 https協(xié)議，而https是需要證書的，我們可以購買或者使用免費的證書，作者是在阿里云申請的免費證書，將證書下載之后拷貝到IIS即可，下面會放圖。

3.對應(yīng)的服務(wù)器 TLS 為 TLS 1.0，小程序要求的 TLS 版本必須大于等于1.2。

這是由于服務(wù)器 TLS 版本過低引起的，windows server 2008 R2或以上，都可以打開 TLS 1.2，方法見下圖。

總結(jié)

后續(xù)開發(fā)過程中，我會將所遇到的困難記錄下來并做個總結(jié)，這樣方便其他朋友少走彎路，如果您覺得對您有幫助，請幫忙點個贊，謝謝！！

目前還只是第一步，后續(xù)將會逐漸開發(fā)一些更實用的功能，比如說各種查詢報表，從而提升用戶操作的便利性。

以上所述是小編給大家介紹的產(chǎn)制造追溯系統(tǒng)之通過微信小程序?qū)崿F(xiàn)移動端報表平臺,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

最新評論