微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)

微信小程序开发之路(十一)计算器项目搭建(centos8)

pip install django

微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第1张图片

django-admin startproject weixintest 

在这里插入图片描述

cd weixintest
python manage.py startapp CalculateApi

微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第2张图片
calculator/settings.py微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第3张图片
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第4张图片
weixintest/urls.py
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第5张图片
weixintest/CalculateApi/urls.py
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第6张图片
weixintest/CalculateApi/views.py(处理函数,eval,调用的计算器的接口函数)
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第7张图片

在本地跑一下项目
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第8张图片
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第9张图片
在公网跑通了
然后在设置一下setting.py
在这里插入图片描述

微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第10张图片
然后就可以直接访问公网ip了!
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第11张图片
微信开发者工具->设置->项目设置->勾选下示选项
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第12张图片

新建个项目
微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第13张图片
index. wxml

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

微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第14张图片
index.wxss

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

微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第15张图片

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
    })
  }
})

微信小程序开发之路(十一)微信小程序第一个计算器项目搭建(centos8)_第16张图片
即可跑通项目
但是,一般服务器都是用稳定的web容器来启动,基本不使用manage.py的方式来启动项目

你可能感兴趣的:(微信小程序学习,小程序,软件开发,移动开发,django,python)