Der Weg zur Entwicklung des WeChat Mini-Programms (11) Das erste Taschenrechnerprojekt für das WeChat Mini-Programm (centos8)

Road to WeChat Mini Programmentwicklung (11) Rechnerprojektkonstruktion (centos8)

pip install django

Fügen Sie hier eine Bildbeschreibung ein

django-admin startproject weixintest 

Fügen Sie hier eine Bildbeschreibung ein

cd weixintest
python manage.py startapp CalculateApi

Fügen Sie hier eine Bildbeschreibung ein
calculator / settings.py Fügen Sie hier eine Bildbeschreibung ein
Fügen Sie hier eine Bildbeschreibung ein
weixintest / urls.py
Fügen Sie hier eine Bildbeschreibung ein
weixintest / CalculateApi / urls.py
Fügen Sie hier eine Bildbeschreibung ein
weixintest / CalculateApi / views.py (Verarbeitungsfunktion, Auswertung, Schnittstellenfunktion des aufgerufenen Rechners)
Fügen Sie hier eine Bildbeschreibung ein

Führen Sie das Projekt lokal aus, führen Sie es über
Fügen Sie hier eine Bildbeschreibung ein
Fügen Sie hier eine Bildbeschreibung ein
das öffentliche Netzwerk aus
und legen Sie dann die Datei settings.py fest
Fügen Sie hier eine Bildbeschreibung ein

Fügen Sie hier eine Bildbeschreibung ein
Dann können Sie direkt auf die IP des öffentlichen Netzwerks zugreifen!
Fügen Sie hier eine Bildbeschreibung ein
WeChat Developer Tools-> Einstellungen-> Projekteinstellungen-> Überprüfen Sie die folgenden Optionen
Fügen Sie hier eine Bildbeschreibung ein

Erstellen Sie einen neuen Projektindex
Fügen Sie hier eine Bildbeschreibung ein
. Wxml

<view class="container">
  <input type="text" class="input" bindinput='input'/>
  <button bindtap="calculate">cal</button>
  <view>{
   
   { result }}</view>
</view>

Fügen Sie hier eine Bildbeschreibung ein
index.wxss

.input {
    
    
  border: 1px solid black;
  margin-bottom: 5px;
}

Fügen Sie hier eine Bildbeschreibung ein

index.js

const app = getApp()
 
Page({
    
    
  data: {
    
    
    result: "暂无结果",
    formula: ''
  },
  //事件处理函数
  calculate: function () {
    
    
    wx.request({
    
    
      url: 'http://47.97.231.88:8000/calculate',
      data: {
    
    
        formula: this.data.formula
      },
      success: res => {
    
    
        if (res.statusCode == 200) {
    
    
          this.setData({
    
    
            result: res.data
          })
        }
      }
    })
  },
  input: function (e) {
    
    
    this.setData({
    
    
      formula: e.detail.value
    })
  }
})

Fügen Sie hier eine Bildbeschreibung ein
Sie können das Projekt ausführen.
Im Allgemeinen wird der Server jedoch mit einem stabilen Webcontainer gestartet und verwendet im Grunde nicht manage.py, um das Projekt zu starten.

Ich denke du magst

Origin blog.csdn.net/xulei1132562/article/details/113731235
Empfohlen
Rangfolge