XX工坊项目开发01--微信小程序+python

简介: XX工坊项目开发step011.技术路线的确定

XX工坊项目开发step01

1.技术路线的确定

由于工作原因,近来在一所本科院校担任大数据教学(本人非学校老师,校企合作),工作期间倍感学生们的编程能力有很大的提升空间。鉴于此,成立一个工坊,用于督促学生做项目。为降低学生的学习成本,尽快培养他们的自信,我与董博士(学校的老师)决定采用微信小程序加python的技术路线。


2.项目人员培养执行步骤

大一,大二的学生学习的科目很多,导致很多科目都学的一知半解,甚至无解,考试记一些,考过就忘了,是真的都忘记了。但做一个项目需要大量的基础训练,而完成这些基础训练往往大量时间且会让学生感到枯燥。因此,我想出一个办法,先从简单的项目的入手,再逐个点攻破,累计到一定阶段再次对基础部分做些强化训练。结合我们工坊的项目来说就是:


01 先让学生们掌握创建一个微信小程序的过程,并可以通过微信小程序获取一部分网络资源(获取豆瓣电影的api等),并展示在页面上


02 再次让学生了解python读取文件的过程,可以将文件展示在控制台(console)上,那么推出能否展示在网页呢?


03 提出python的web框架flask,通过一个只需5s的例子,展示出python可以搭建web服务器,提出问题,那么能否将python读取的文件的内容展现到页面上呢?


04 将python读取的文件数据展示在页面上成功后,提出能否将python读取的数据展示在微信小程序上,完成这个功能。


05 到此,一个基本的web项目骨架已经搭建成功,下面就是在此基础上提出各种技术业务的其它需求,对学生们进行监督指导,并督促他们的自主学习,并阶段性的完成成果的提交


3.项目代码

微信部分


全局部分

app.json
  {
  "pages"
  :[
  "view/list/list"
  ]
  }
app.js

默认的App({})就行

展示页面

list.js
  Page({
    data:{
      message:
  'hello 大程序'
  ,
      list:[]
    },
    onLoad(){
  // 加载数据并呈现到页面上
  // this.data.message = XX 不可以
  // this.setData({
  //   // 动态的修改一个页面的数据
  //   message:Date.now()
  // })
  //
  const
   _this = 
  this
       wx.request({
  // url:'http://t.yushu.im/v2/movie/in_theaters',
   url: 
  'http://127.0.0.1:5000/'
  ,
        data:{
  'hello'
  :
  'this'
  },
        header:{
  'Content-Type'
  : 
  'application/json'
        },
        success:
  function
   (res) {
  // body...
  //console.log(res.data)
          _this.setData({
  //list:res.data.subjects
   list: res.data
          })
        }
       })
    }
  })
list.wxml
  <!-- weixin markup language -->
  <!-- <text>{{ message }}</text> -->
  <
  view
  >
  <!-- <view class="item" wx:for="{{ list }}">
      <image src="{{item.images.large}}"></image>
      <text>{{ item.title }}</text>
    </view> -->
  <
  view
  >
  {{list}}
  </
  view
  >
  </
  view
  >

python部分代码

from flask import Flask
from flask import request
from flask import make_response,Response
app = Flask(__name__)
@app.route('/', methods=['GET'])
def index():
    data =request.args.get('hello')
    with open('d://a.txt', 'r') as f:
        file = f.read()
    print('接收到的数据为',str(data))
    return file
@app.route('/demo2')
def index1():
    return '<h1>Hello World22!</h1>'
if __name__ == '__main__':
    app.run(debug=True)
相关文章
|
7月前
|
数据采集 小程序 前端开发
Python 制作天眼查小程序
Python 制作天眼查小程序
151 1
|
6月前
|
小程序 前端开发 JavaScript
计算机Python项目|django傣族节日及民间故事推广小程序
计算机Python项目|django傣族节日及民间故事推广小程序
|
7月前
|
小程序 Python
Python基础之简单的小程序和小脚本
这个Python教程介绍了两个小程序。首先是一个账户管理类小程序,支持存款、取款和查询余额功能,确保金额始终保留两位小数。用户可以输入初始金额创建账户,并进行存取款操作。其次,是一个检查作业提交的脚本,它遍历指定目录,找出未提交作业(即没有对应ID文件)的学生ID。用户输入目录路径后,脚本会显示未提交作业的学生ID,如果所有人都提交了,则显示相应消息。
|
7月前
|
小程序 Python
python背单词小程序
python背单词小程序
|
7月前
|
Python Java Go
Java每日一练(20230331) 最长公共前缀、改写字符串、不同的BSTII
Java每日一练(20230331) 最长公共前缀、改写字符串、不同的BSTII
65 0
Java每日一练(20230331) 最长公共前缀、改写字符串、不同的BSTII
|
7月前
|
小程序 Python
有意思的python小程序分享——使用python画一棵樱花树
有意思的python小程序分享——使用python画一棵樱花树
87 0
|
7月前
|
人工智能 小程序 开发工具
有意思的python小程序分享——使用python做一个五子棋
有意思的python小程序分享——使用python做一个五子棋
92 0
|
小程序 计算机视觉 Python
python的那些小程序(绘图)
python的那些小程序(绘图)
139 0
|
前端开发 小程序 JavaScript
前端,Java,产品经理,微信小程序,Python等资源合集大放送
前端,Java,产品经理,微信小程序,Python等资源合集大放送
60 0
|
人工智能 运维 小程序
【100天精通python】Day1:python入门_初识python,搭建python环境,运行第一个python小程序
【100天精通python】Day1:python入门_初识python,搭建python环境,运行第一个python小程序
133 0