常见问题解决地址：https://blog.csdn.net/rolan1993/article/details/74642839
开发文档地址：https://www.w3cschool.cn/weixinapp/

1.使用技术

java
	
springboot
	
mysql
	
hibernate
	
微信小程序
2.功能介绍

后台管理
	
学生管理
		
课程管理
		
类型管理
		
选课管理
		
操作中心
		
管理员中心
		
导入导出学生
	
	
微信小程序端
	
学生端
		
查看课程
			
选课
			
查看选课课程表
			
个人中心
		
		
管理员
		
查看课程
			
新增课程
			
用户管理
			
课程类型管理
			
管理员中心
		
	
3.系统功能展示













基本功能如上

一，获取小程序码的工具类（可直接套用）

//微信小程序生成二维码

     public static Image getminiqrQr(String page,String sceneStr, String url) {

            RestTemplate rest = new RestTemplate();

            InputStream inputStream = null;

            OutputStream outputStream = null;

            try {

                Map<String,Object> param = new HashMap<>();

                param.put("scene", sceneStr);

                param.put("page", page);

                param.put("width", 300);

                param.put("auto_color", false);

                Map<String,Object> line_color = new HashMap<>();

                line_color.put("r", 0);

                line_color.put("g", 0);

                line_color.put("b", 0);

                param.put("line_color", line_color);

                MultiValueMap<String, String> headers = new LinkedMultiValueMap<>();

                HttpEntity<String> requestEntity = new HttpEntity<String>(JSONObject.fromObject(param).toString(), headers);

                ResponseEntity<byte[]> entity = rest.exchange(url, HttpMethod.POST, requestEntity, byte[].class, new Object[0]);

                byte[] result = entity.getBody();

                inputStream = new ByteArrayInputStream(result);

                if(inputStream!=null){

                     Image img = ImageIO.read(inputStream);

                         if(img==null){

                             return null;

                         }

                     return img;

                }

            } catch (Exception e) {

                System.out.println("调用小程序生成微信永久小程序码URL接口异常"+e);

            } finally {

                if(inputStream != null){

                    try {

                        inputStream.close();

                    } catch (IOException e) {

                        e.printStackTrace();

                    }

                }

                if(outputStream != null){

                    try {

                        outputStream.close();

                    } catch (IOException e) {

                        e.printStackTrace();

                    }

                }

            }

            return null;

        }



     二，在请求二维码时要将参数准备好，需要小程序的appID，secret 等参数，请求微信接口获取accseToken，然后再去请求另一个微信接口即可获取微信二维码的图片流

// 二维码

    @RequestMapping("/ShareQrCode.do")

    @ResponseBody    //以响应的方式传数据所以没有返回值

    public void ShareQrCode(HttpServletResponse response, HttpServletRequest request) {//H5ye页面在使用

        // 小程序唯一标识 (在微信小程序管理后台获取)

        String wxspAppid = "wx877d05714c6675ba";

        // 小程序的 app secret (在微信小程序管理后台获取)

        String wxspSecret = "e6d5bd8d5ed5795327328af95a587603";

        // 授权（必填）

        String grant_type = "client_credential";

        String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=" + grant_type + "&appid=" + wxspAppid

                + "&secret=" + wxspSecret;

        String page = request.getParameter("page");

        String scene = request.getParameter("scene");

        try {

            JSONObject accseToken = JSONObject.fromObject(MyUtilImpl.getURL(url));

            String tokenUrl = "https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token="

                    + accseToken.get("access_token");

            System.out.println(tokenUrl);

            Image buffImg = MyUtilImpl.getminiqrQr(page, scene, tokenUrl);// 获取文件流

            if (buffImg != null) {

                ImageIO.write((RenderedImage) buffImg, "JPEG", response.getOutputStream());// 将文件流放入response中

            } else {

                String pathUrl = request.getSession().getServletContext().getRealPath("");

                String srcImgPath = pathUrl + "resource/defaultImage/defaultQR.png";// 获取失败时默认图片显示

                Image srcImg = ImageIO.read(new File(srcImgPath));// -----------------------------获取失败时的显示

                ImageIO.write((RenderedImage) srcImg, "PNG", response.getOutputStream());// 将文件流放入response中

            }

        } catch (Exception e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

    }

 

请求微信接口的工具类

//获取网络URL接口信息工具类

    public static String getURL(String URL) throws Exception{

        String result = "";

        String urlNameString=URL;

        URL realUrl = new URL(urlNameString); 

        URLConnection connection = realUrl.openConnection(); 

          HttpURLConnection httpURLConnection = null;

          if(connection instanceof HttpURLConnection){//能转化

                httpURLConnection = (HttpURLConnection)connection;//强转

            }

          System.out.println(URL);

            BufferedReader bufferedReader = new BufferedReader(new InputStreamReader(httpURLConnection.getInputStream(),"UTF-8"));//获取返回json 字符串流

            String currentLineStr;

            while((currentLineStr = bufferedReader.readLine()) != null){//读取行

                result+=currentLineStr;

            }

            bufferedReader.close();

        return result;  

    }

前言

现在微信小程序越来越火了，相信不少人都通过各种途径学习过微信小程序或者尝试开发，作者就是曾经由于兴趣了解开发过微信小程序，最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。


主要内容

springboot后端架构构建

小程序项目构建

小程序api调用

后台resetful接口编写

小程序调用后台接口

免费的https申请

linux下部署上线


微信小程序项目构建

这些基础的东西我就不过多介绍，大家在刚开始开发的时候一般都没有自己的服务器及域名，所以大家在本地编写的时候，在“详细”下的“项目设置”里面将“不校验域名安全性”勾选。

至于微信小程序的组件，即前端页面的开发希望大家耐住寂寞认真在微信开发平台上，组件https://developers.weixin.qq.com/miniprogram/dev/component/及api：https://developers.weixin.qq.com/miniprogram/dev/api/


后端详解

我在后端编写主要是用java，当然对其他开发语言熟悉的也可以使用其他语言开发后端。现在我就java编写后端api的讲解。主要框架springboot，开发工具myeclipse，服务器阿里云服务器。

创建一个maven项目，导入相关依赖：

pom.xml依赖


    <!-- 统一版本控制 -->
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>1.5.9.RELEASE</version>
	</parent>
	<dependencies>
		<!-- freemarker渲染页面 -->
		<!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-freemarker -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-freemarker</artifactId>
		</dependency>

		<!-- spring boot 核心 -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

		<!-- springboot整合jsp -->
		<!-- tomcat 的支持. -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
			<exclusions>
				<exclusion>
					<groupId>org.springframework.boot</groupId>
					<artifactId>spring-boot-starter-tomcat</artifactId>
				</exclusion>
			</exclusions>
		</dependency>

		<dependency>
			<groupId>org.apache.tomcat.embed</groupId>
			<artifactId>tomcat-embed-jasper</artifactId>
		</dependency>
	</dependencies>

在配置文件src/main/resources/下创建application.properties文件可以修改一些配置参数等。
#jsp支持
spring.mvc.view.suffix=.jsp
spring.mvc.view.prefix=/WEB-INF/jsp/
#this is set port
#server.port=80
server.port=443
#添加ssl证书
#ssl证书文件名
server.ssl.key-store=classpath:xxxxxxx.pfx
server.ssl.key-store-password=xxxxxxxx
server.ssl.keyStoreType=xxxxxxxx

在实际项目中可能涉及数据库，还要整合mybatis，在文章中，我仅仅做测试就不做使用数据库的测试。

首先创建springboot的入口程序:app.class下面贴上代码：
@ComponentScan(basePackages= "com.bin")//添加扫包@ComponentScan(basePackages= "")
@EnableAutoConfiguration
public class App{

	//启动springboot
	public static void main(String[] args) {
		SpringApplication.run(App.class, args);
	}
}

启动项目时直接右击run即可。

在写一个测试的controller进行微信小程序与java后端实现通信，controller代码如下：
@RestController
@SpringBootApplication
public class ControllerText {
	
	@RequestMapping("getUser")
	public Map<String, Object> getUser(){
		System.out.println("微信小程序正在调用。。。");
		Map<String, Object> map = new HashMap<String, Object>();
		List<String> list = new ArrayList<String>();
 		list.add("zhangsan");
 		list.add("lisi");
 		list.add("wanger");
 		list.add("mazi");
 		map.put("list",list);
		System.out.println("微信小程序调用完成。。。");
		return map;
	}
	
	@RequestMapping("getWord")
	public Map<String, Object> getText(String word){
		Map<String, Object> map = new HashMap<String, Object>();
		String message = "我能力有限，不要为难我";
		if ("后来".equals(word)) {
			message="正在热映的后来的我们是刘若英的处女作。";
		}else if("微信小程序".equals(word)){
			message= "想获取更多微信小程序相关知识，请更多的阅读微信官方文档，还有其他更多微信开发相关的内容，学无止境。";
		}else if("西安工业大学".equals(word)){
			message="西安工业大学（Xi'an Technological University）简称”西安工大“，位于世界历史名城古都西安，是中国西北地区唯一一所以兵工为特色，以工为主，理、文、经、管、法协调发展的教学研究型大学。原中华人民共和国兵器工业部直属的七所本科院校之一（“兵工七子”），陕西省重点建设的高水平教学研究型大学、陕西省人民政府与中国兵器工业集团、国防科技工业局共建高校、教育部“卓越工程师教育培养计划”试点高校、陕西省大学生创新能力培养综合改革试点学校。国家二级保密资格单位，是一所以\"军民结合，寓军于民\"的国防科研高校。";
		}
		map.put("message", message);
		return map;
	}
	
	@RequestMapping("")
	public String getText(){
		return "hello world";
	}


}

至此简易的后端框架及测试基本完成。

说明：@RestController与@Controller注解的区别@RestController相当于两个注解，它能实现将后端得到的数据在前端页面（网页）中以json串的形式传递。而微信小程序与后台之间的数据传递就是以json报文的形式传递。所以这就是选择springboot框架开发小程序后端的主要原因之一。可以方面我们进行小程序的后端开发。

小程序发起网络请求

在完成了小程序的后端开发，下面进行小程序端发起网络请求。

下面以一个简单的按钮请求数据为例：

wxml文件

<button bindtap='houduanButton1'>点击发起请求</button>
<view wx:for="{{list}}">
    姓名：{{item}}
  </view>

js文件

 /**
   * 页面的初始数据
   */
  data: {
    list: '',
    word: '',
    message:''

  },
  houduanButton1: function () {
    var that = this;
    wx.request({
      url: 'http://localhost:443/getUser',
      method: 'GET',
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res.data)//打印到控制台
        var list = res.data.list;
        if (list == null) {
          var toastText = '数据获取失败';
          wx.showToast({
            title: toastText,
            icon: '',
            duration: 2000
          });
        } else {
          that.setData({
            list: list
          })
        }
      }
    })
  }

主要调用的api就是wx.request，想知道将详细的介绍大家可以去微信公众平台。

接下来以搜索类型的请求为例：

wxml文件：
 <input type="text" class="houduanTab_input" placeholder="请输入你要查询的内容" bindinput='houduanTab_input'></input>
  <button bindtap='houduanButton2'>查询</button>
  <view wx:if="{{message!=''}}">
    {{message}}
  </view>

js文件：变量的定义见上一个js文件
//获取输入框的内容
  houduanTab_input: function (e) {
    this.setData({
      word: e.detail.value
    })
  },
  // houduanButton2的网络请求
  houduanButton2: function () {
    var that = this;
    wx.request({
      url: 'http://localhost:443/getWord',
      data:{
        word: that.data.word
      },
      method: 'GET',
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res.data)//打印到控制台
        var message = res.data.message;
        if (message == null) {
          var toastText = '数据获取失败';
          wx.showToast({
            title: toastText,
            icon: '',
            duration: 2000
          });
        } else {
          that.setData({
            message: message
          })
        }
      }
    })
  }

至此已经完成了简易的微信小程序端与java后端进行通信。

现在可以在启动后端项目在微信开发工具上进行测试。

演示效果：





所以至此已经完成了小程序的前后端通信。

https申请

其实也不算什么申请，在购买域名之后可以申请免费的ssl证书，在前面的配置文件application.properties中有证书的配置，将证书的pfx文件直接添加到后端项目下即可。
购买服务器部署后端api代码

对于springboot项目，本人建议打jar，直接在服务器上部署即可，在服务器上只需要安装对应版本的jdk即可。项目部署命令：

我购买的是阿里云的轻量级应用服务器部署的。比较划算吧。

运行命令： nohup java -jar helloworld.jar &

nohup的意思不挂服务，常驻的意思，除非云服务器重启，那就没法了；最后一个&表示执行命令后要生成日志文件nohup.out。

当然还可以使用java -jar helloworld.jar
源码：链接: https://pan.baidu.com/s/1PfByFfEgqkVALcc3PRhn9w 提取码: c7yf
结束语：由于时间篇幅问题，本人介绍的内容很有限，希望对这方面有兴趣的你能有帮助。共同进步。

觉得有帮助，给个赞赏吧。给赞赏的优先同意qq或者微信，问问题秒回复等[滑稽]，谢谢老铁。