1、小程序上传图片功能实现需要注意以下几个点：
 
（1）图片最多上传9张（默认）
 （2）上传后的图片会生成一个临时的地址，用过这个临时地址将图片上传到数据库
 （3）图片保存的位置是在云开发控制台的 本地存储中
 （4）图片只能是一张一张的上传
 （5）保存在本地存储中的图片不能重名
 （6）可以使用js中的new Date().getTime()返回一个毫秒值作为图片的名称，这个毫秒值是不会重复的
 （7）图片的后缀可以用正则表达式取得let suffix = /\.[^\.]+$/.exec(filePath)[0]
 （8）每次上传成功后，回调函数会返回一个fileID
 （9）保存在数据库集合中的记录应该是这个 fileID
 （10）你无法确定什么时候9张图片才能都上传成功，只有当所有图片都上传成功之后，你才能取到所有的fileID，所以每次执行上传图片操作时，都为其构建一个Promise对象，当所有的Promise都执行成功之后，这时候再插入字段到数据库中，需要用到Promise.all()方法
 
代码实现
 
这里的button使用的是vant组件，使用方法参考
 https://blog.csdn.net/Cheny_Yang/article/details/88966365
 
1、点击上传图片按钮，触发uploadImgHandle点击事件，事件中调用小程序提供的wx.chooseImage()接口，实现上传图片的功能，返回值是一个图片的临时地址tempFilePaths，将临时地址存在一个数组中，以便待会正式上传时调用，代码实现如下
 
<van-button type="warning" bindtap='uploadImgHandle'>上传图片</van-button>
<view>
 	<block wx:for="{{tempImg}}" wx:key="{{index}}tmpimg">
	 	<image src='{{item}}' mode='aspectFill'></image>
	</block>
</view>
<van-button type="primary" bindtap='submit'>提交</van-button>
 
  uploadImgHandle: function () {
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success:res=> {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
        this.setData({
          tempImg: tempFilePaths
        })
      }
    })
  },
 
2、当点击提交按钮时，触发submit点击事件，在正式上传之前，先声明一个promiseArr数组，因为图片是多张，而上传图片只能是一张一张上传，所以for循环遍历tempImg数组，执行微信给我们的接口wx.cloud.uploadFile()实现图片上传，将每次上传图片的过程都保存在一个Promise对象中，然后将这几个Promise对象push到promiseArr中，把每次上传图片返回的fileID concat()到自己定义的fileIDs数组中，以便等会存入数据集合中。
 上传数据库的操作在Promise.all()中执行
 
 const db = wx.cloud.database()
Page({
  data: {
    tempImg: [],
    fileIDs: [],
  },
  submit: function () {
    wx.showLoading({
      title: '提交中',
    })
    const promiseArr = []
    //只能一张张上传 遍历临时的图片数组
    for (let i = 0; i < this.data.tempImg.length;i++) {
      let filePath = this.data.tempImg[i]
      let suffix = /\.[^\.]+$/.exec(filePath)[0]; // 正则表达式，获取文件扩展名
      //在每次上传的时候，就往promiseArr里存一个promise，只有当所有的都返回结果时，才可以继续往下执行
      promiseArr.push(new Promise((reslove,reject)=>{
        wx.cloud.uploadFile({
          cloudPath: new Date().getTime() + suffix,
          filePath: filePath, // 文件路径
        }).then(res => {
          // get resource ID
          console.log(res.fileID)
          this.setData({
            fileIDs: this.data.fileIDs.concat(res.fileID)
          })
          reslove()
        }).catch(error => {
          console.log(error)
        })
      }))
    }
    Promise.all(promiseArr).then(res=>{
      db.collection('comments').add({
        data: {
          fileIDs: this.data.fileIDs //只有当所有的图片都上传完毕后，这个值才能被设置，但是上传文件是一个异步的操作，你不知道他们什么时候把fileid返回，所以就得用promise.all
        }
      })
        .then(res => {
          console.log(res)
          wx.hideLoading()
          wx.showToast({
            title: '提交成功',
          })
        })
        .catch(error => {
          console.log(error)
        })
    })
  },
 
效果如下
 

 bingo~

编写程序，创建如下图所示的图形界面。（要求实现功能）
 
 
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class sum {
	public static void main(String args[]){
		ComputerFrame frame =new ComputerFrame();
		frame.setTitle("求和");
		frame.setBounds(500,500,800,800);
	}	
}
class ComputerFrame extends JFrame {
	JTextField numberone;
	JTextField numbertwo;
	JTextField result;
	JButton answer;
	JButton clear;
	Sumlistener sumlis;
	Clearlistener clearlis;
	ComputerFrame(){
		init();
		setVisible(true);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}
	void init(){
		GridLayout Grid=new GridLayout(3,3);
		setLayout(Grid);
		add(new JLabel("数字1:"));
		numberone=new JTextField(20);
		add(numberone);
		add(new JLabel(" "));
		add(new JLabel("数字2:"));
		numbertwo=new JTextField(20);
		add(numbertwo);
		add(new Label(" "));
		answer=new JButton("求和");
		result=new JTextField(20);
		clear=new JButton("清除");
		add(answer);
		add(result);
		add(clear);
		sumlis=new Sumlistener(numberone,numbertwo,result);
		clearlis=new Clearlistener(numberone,numbertwo,result);
		answer.addActionListener(sumlis);
		clear.addActionListener(clearlis);
	}
}
class Sumlistener implements ActionListener{
	JTextField numberone;
	JTextField numbertwo;
	JTextField result;
	Sumlistener(JTextField one,JTextField two,JTextField res){
		numberone=one;
		numbertwo=two;
		result=res;
	}
	public void actionPerformed(ActionEvent e){
		double a=Double.parseDouble(numberone.getText().trim());
		double b=Double.parseDouble(numbertwo.getText().trim());
		String c=String.valueOf(a+b);
		result.setText(c);
	}
}
class Clearlistener implements ActionListener{
	JTextField numberone;
	JTextField numbertwo;
	JTextField result;
	Clearlistener(JTextField one,JTextField two,JTextField res){
		numberone=one;
		numbertwo=two;
		result=res;
	}
	public void actionPerformed(ActionEvent e){
		numberone.setText(" ");
		numbertwo.setText(" ");
		result.setText(" ");
	}

}
		

 
 
j1_8_01
 
 
 
 
编写程序计算购买图书的总金额：用户输入图书的定价和购买图书的数量，并分别保存到一个 float 和一个 int 类型的变量中，然后根据用户输入的定价和购买图书的数量，计算购书的总金额并输出。其中，图书销售策略为：正常情况下按 9 折出售，购书数量超过 10本打 8.5 折，超过 100 本打 8 折。
 
 
package com;

import java.util.Scanner;

/**
 * 
 * @author key
 *任务一：实现打折功能关键算法并绘制流程图
 *编写程序计算购买图书的总金额：用户输入图书的定价和购买图书的数量，并分别保存
 *到一个 float 和一个 int 类型的变量中，然后根据用户输入的定价和购买图书的数量，计算
 *购书的总金额并输出。其中，图书销售策略为：正常情况下按 9 折出售，购书数量超过 10
 *本打 8.5 折，超过 100 本打 8 折。
 */
public class week01 {
	
	public static void main(String[] args) {
        float price;
        int count;
        float discount,money;
        Scanner sc=new Scanner(System.in);
        System.out.print("请输入图书的定价：");
        price=sc.nextFloat();
        System.out.print("请输入图书的数量：");
        count=sc.nextInt();
        if(count>=100)
            discount=0.8f;
        else if(count>=10)
            discount=0.85f;
        else
            discount=0.9f;
        money=price*count*discount;
        System.out.println("您本次购书的总金额为："+money);
    }
}

小程序中有很多好用的API，整个项目我们是用vue实现的，使用小程序的内嵌网页功能完成交互。 
 使用小程序的< web-view >标签将vue项目在小程序中运行。大概的背景就是这样。接下来介绍具体怎么完成微信小程序与vue内嵌页面实现地图定位功能。
 
1.首先在index.html中引入微信jssdk
 
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
 
2.在小程序中
 
<web-view src="{{url}}"></web-view>
 
3.在vue组件中，点击获取地图位置按钮，触发事件。
 
 //携带参数进入小程序，使用小程序地图定位API
        fixPosition() {
        //保存当前地址，以便从小程序中返回时使用
          let jumpUrl = window.location;
          //传递多个参数时用&连接
          let path = `/pages/address/address?address=${this.warehouse.local}&jumpUrl=${jumpUrl}`
          //使用navigateTo跳转到小程序路径中
          window.wx.miniProgram.navigateTo({
            url: path
          })

        }
 
4.在小程序address.js中 
 4.1在data中定义传递过来的变量，Id和jumpUrl 
 4.2在onload中，将从vue中传递过来的值赋给Id和jumpUrl 
 4.3getCenterLocation中调用小程序Api wx.getLocation，wx.chooseLocation获取定位，并且将进行参数返回处理，详细介绍如下 
 4.4在onReady中调用一下getCenterLocation
 
Page({
  data: {
    Id:``,
    jumpUrl:``
  },
  onLoad: function(options) {
      this.setData({
      Id:options.Id,
      jumpUrl: options.jumpUrl
    })
  },
  onReady: function(e) {
    // 使用 wx.createMapContext 获取 map 上下文
    this.mapCtx = wx.createMapContext('myMap');
    this.getCenterLocation()

  },
  getCenterLocation: function() {
    let that = this;
    wx.getLocation({
      type: 'wgs84', //返回可以用于wx.openLocation的经纬度
      success: function(res) {
        let latitude = res.latitude
        let longitude = res.longitude
        wx.chooseLocation({
          latitude: latitude,
          longitude: longitude,
          scale: 28,
          success: function(res) {
            this.address = res.address
            rePage.setData({
            //携带选择的地址res.address返回到vue内嵌界面中
              url: that.data.jumpUrl + `?address=${res.address}`
            })
            console.log(this.address)
            wx.navigateBack({
              delta: 1
            })
          }
        })
      }
    })
  },

})
 
5.在vue组件中将小程序传过来的值付给定义为位置的这个参数local，注意，由于小程序与vue的生命周期的问题，赋值需要写在 beforeRouteUpdate中，关于vue路由钩子的介绍详细可参考vue路由钩子官方文档
 
 beforeRouteUpdate(to, from, next) {
        if(this.$route.query.address){
          this.warehouse.local=to.query.address;
         }
         next()
      },
 
结果展示如下： 
  
  
 
 
以下这篇文章给了我很多帮助，可以参考微信小程序与内嵌网页交互实现支付功能