小牛单车——微信小程序开发学习笔记（三）后端SpringBoot入门

小程序整合web后台

搭建一个web后台服务（SpringBoot）
小程序向后台发送http请求
web后台服务返回JSON对象
小程序解析返回的JSON对象

SpringBoot是框架

搭建过程

访问官网spring.io查看帮助文档

访问start.spring.io帮助生成配置文件,选择

Maven Project 项目开发整合工具
JAVA
Group:cn.edu360.bike
Artifact（项目名）：NiuBike
选择web依赖

生成并下载解压，导入Eclipse

Spring开发工具套装（在Eclipse基础上安装了很多插件），下载地址：http://spring.io/tools/sts/all/

IEDA http://www.jetbrains.com/idea/download/

下载之后找目录：C:/work/softsts-bundle/sts-3.9.2RELEASE里的STS.exe

打开之后新建web项目 File——new——Spring Starter Project,选择

service URL:http://start.spring.io
Name:XiaoNiuBike
Group(包名)：cn.edu360
下一步
选择模块，选择web
下一步，finish

对文件的一些解释

src/main/java文件：存放源代码
test文件：放测试代码
src/main/resources:放资源配置文件、模板、静态资源

执行SpringBoot直接执行main方法即可

XiaoNiuBikeApplication.java

    package cn.edu360;

    import org.springframework.boot.SpringApplication;

    //是SpringBoot的入口程序，在Spring程序启动时，会进行扫描，扫描带有特殊注解的类
    @SpringBootApplication
    public class XiaoNiuBikeApplication{

        public static void main(String[] args){
            SpringApplication.run(XiaoNiuBike)
        }
    }

创建一个controller类

右键cn.edu360——右键New——Class点击——Package:cn.edu360——Name:BikeController——Finish

------------恢复内容开始------------

小程序整合web后台

搭建一个web后台服务（SpringBoot）
小程序向后台发送http请求
web后台服务返回JSON对象
小程序解析返回的JSON对象

SpringBoot是框架

搭建过程

访问官网spring.io查看帮助文档

访问start.spring.io帮助生成配置文件,选择

Maven Project 项目开发整合工具
JAVA
Group:cn.edu360.bike
Artifact（项目名）：NiuBike
选择web依赖

生成并下载解压，导入Eclipse

Spring开发工具套装（在Eclipse基础上安装了很多插件），下载地址：http://spring.io/tools/sts/all/

IEDA http://www.jetbrains.com/idea/download/

下载之后找目录：C:/work/softsts-bundle/sts-3.9.2RELEASE里的STS.exe

打开之后新建web项目 File——new——Spring Starter Project,选择

service URL:http://start.spring.io
Name:XiaoNiuBike
Group(包名)：cn.edu360
下一步
选择模块，选择web
下一步，finish

对文件的一些解释

src/main/java文件：存放源代码
test文件：放测试代码
src/main/resources:放资源配置文件、模板、静态资源

执行SpringBoot直接执行main方法即可

XiaoNiuBikeApplication.java

    package cn.edu360;

    import org.springframework.boot.SpringApplication;

    //是SpringBoot的入口程序，在Spring程序启动时，会进行扫描，扫描带有特殊注解的类
    @SpringBootApplication
    public class XiaoNiuBikeApplication{

        public static void main(String[] args){
            SpringApplication.run(XiaoNiuBike)
        }
    }

创建一个controller类

右键cn.edu360——右键New——Class点击——Package:cn.edu360——Name:BikeController——Finish

BikeController.java

//希望在启用之后，不需要自己创建BikeController，交给Spring容器
package cn.edu360.controller;

import org.springframework.stereotype.controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

/**
 * 标记这个类是一个用于接收请求和响应用户的一个控制器
 *加上@Controller注解后，Spring容器就就对他进行实例化，实例*化就是Controller的new就交给Spring容器来管理
 *@authoe zx
 */
 @Controller
 public class BikeController{

    @RequestMapping("/addBike")//处理用户请求的方法，addBike是请求的url
    @ResponseBody//返回的对象以JSON的形式
    public String add(Bike bike){//msg是传参,以后映射addBike的url会调用add这个方法
         //add方法接收bike相关的参数（地理位置、状态），创建一个实体类封装bike相关的参数
         return "hello" + msg;//在浏览器输入相应地址，就会映射到hello方法

    }
 }

application.properties:

 //给SpringBoot指定一个端口
server.port=8080

打开浏览器输入——localhost:80/hello?msg=laozhao，“hello要和RequestMapping对应上”

微信小程序请求web后台，web后台返回响应

创建一个实体类封装bike相关的参数

右键cn.edu360——new——Class——Package:cn.edu360.pojo——Name:Bike

Bike.java:

package cn.edu360.pojo;

public class Bike{
  
  private String id;

  private double longitude;

  private double latitude;

  private int status;
}

生成：点上栏Source——Generate Getters and Setters——Select All——OK

导包：选中Bike——Import ‘Bike’

开发时不需要合法域名：右上角详情——选择不校验安全域名和App证书

有请求但没有接受到参数是因为：微信小程序发送请求时的数据类型是JSON，但是SpringBoot默认接受的不是这个类型，在BikeController.java里面在Bike前面加@RequestBody即可。

用户的状态数据保存到data里，如果保存在一个页面的data里，其他页面不能共享，保存到全局的data里

WEUI是一套同微信原生视觉体验一致的基础样式库 https://weui.io/ https://github.com/Tencent/weui/releases 下载source code解压选择style/weui.css

导入weui样式

在微信小程序中创建一个目录，例如style
在全局样式app.wxss中引入
@import'./weui.wxss'
在页面中引入样式

在小程序里创建一个目录style文件夹，把微信对应的样式导进来

posted on 2020-07-20 17:08 少年郎66 阅读(474) 评论(0) 收藏举报

刷新页面返回顶部

小牛单车——微信小程序开发学习笔记（三）后端SpringBoot入门

导航

公告