苍穹外卖学习-day06

于 2024-11-08 21:41:45 发布
阅读量1k 收藏 18
点赞数 31
分类专栏： 苍穹外卖学习 文章标签： 学习 java spring boot mybatis 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_73537356/article/details/143635021
版权

一.HttpClient

1.介绍

HttpClient 是Apache Jakarta Common 下的子项目，可以用来提供高效的、最新的、功能丰富的支持 HTTP 协议的客户端编程工具包，并且它支持 HTTP 协议最新的版本和建议。

HttpClient作用：

  • 发送HTTP请求

  • 接收响应数据

但是为什么要在Java程序中发送Http请求？有哪些应用场景呢？

HttpClient应用场景：

当我们在使用扫描支付、查看地图、获取验证码、查看天气等功能时

其实，应用程序本身并未实现这些功能，都是在应用程序里访问提供这些功能的服务，访问这些服务需要发送HTTP请求，并且接收响应数据，可通过HttpClient来实现。

HttpClient的核心API：

  • HttpClient：Http客户端对象类型，使用该类型对象可发起Http请求。

  • HttpClients：可认为是构建器，可创建HttpClient对象。

  • CloseableHttpClient：实现类，实现了HttpClient接口。

  • HttpGet：Get方式请求类型。

  • HttpPost：Post方式请求类型。

HttpClient发送请求步骤：

  • 创建HttpClient对象

  • 创建Http请求对象

  • 调用HttpClient的execute方法发送请求

2.入门案例

2.1 GET方式请求

首先导入HttpClient相关的坐标，但在项目中，就算不导入，也可以使用相关的API。因为在项目中已经引入了aliyun-sdk-oss坐标，改依赖的底层已经包含了HttpClient相关依赖。

实现步骤：

  1. 创建HttpClient对象

  2. 创建请求对象

  3. 发送请求，接受响应结果

  4. 解析结果

  5. 关闭资源

package com.sky.test;

import org.apache.http.HttpEntity;
import org.apache.http.client.methods.CloseableHttpResponse;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.util.EntityUtils;
import org.junit.jupiter.api.Test;
import org.springframework.boot.test.context.SpringBootTest;

@SpringBootTest
public class HttpClientTest {

    /**
     * 测试通过httpclient发送GET方式的请求
     */
    @Test
    public void testGET() throws Exception{
        //创建httpclient对象
        CloseableHttpClient httpClient = HttpClients.createDefault();

        //创建请求对象
        HttpGet httpGet = new HttpGet("http://localhost:8080/user/shop/status");

        //发送请求，接受响应结果
        CloseableHttpResponse response = httpClient.execute(httpGet);

        //获取服务端返回的状态码
        int statusCode = response.getStatusLine().getStatusCode();
        System.out.println("服务端返回的状态码为：" + statusCode);

        HttpEntity entity = response.getEntity();
        String body = EntityUtils.toString(entity);
        System.out.println("服务端返回的数据为：" + body);

        //关闭资源
        response.close();
        httpClient.close();
    }
}

注：在访问http://localhost:8080/user/shop/status请求时，需要提前启动项目。

测试结果：

2.2 post请求方式

在HttpClientTest中添加POST方式请求方法，相比GET请求来说，POST请求若携带参数需要封装请求体对象，并将该对象设置在请求对象中。

实现步骤：

  1. 创建HttpClient对象

  2. 创建请求对象

  3. 发送请求，接收响应结果

  4. 解析响应结果

  5. 关闭资源

/**
     * 测试通过httpclient发送POST方式的请求
     */
    @Test
    public void testPOST() throws Exception{
        // 创建httpclient对象
        CloseableHttpClient httpClient = HttpClients.createDefault();

        //创建请求对象
        HttpPost httpPost = new HttpPost("http://localhost:8080/admin/employee/login");

        JSONObject jsonObject = new JSONObject();
        jsonObject.put("username","admin");
        jsonObject.put("password","123456");

        StringEntity entity = new StringEntity(jsonObject.toString());
        //指定请求编码方式
        entity.setContentEncoding("utf-8");
        //数据格式
        entity.setContentType("application/json");
        httpPost.setEntity(entity);

        //发送请求
        CloseableHttpResponse response = httpClient.execute(httpPost);

        //解析返回结果
        int statusCode = response.getStatusLine().getStatusCode();
        System.out.println("响应码为：" + statusCode);

        HttpEntity entity1 = response.getEntity();
        String body = EntityUtils.toString(entity1);
        System.out.println("响应数据为：" + body);

        //关闭资源
        response.close();
        httpClient.close();
    }

测试结果：

二. 微信小程序开发

1. 介绍

小程序是一种新的开放能力，开发者可以快速地开发一个小程序。可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

官方网址：微信小程序

首先，在进行小程序开发时，需要先去注册一个小程序，在注册的时候，它实际上又分成了不同的注册的主体。我们可以以个人的身份来注册一个小程序，当然，也可以以企业政府、媒体或者其他组织的方式来注册小程序。那么，不同的主体注册小程序，最终开放的权限也是不一样的。比如以个人身份来注册小程序，是无法开通支付权限的。若要提供支付功能，必须是企业、政府或者其它组织等。所以，不同的主体注册小程序后，可开发的功能是不一样的。

然后，微信小程序我们提供的一些开发的支持，实际上微信的官方是提供了一系列的工具来帮助开发者快速的接入 并且完成小程序的开发，提供了完善的开发文档，并且专门提供了一个开发者工具，还提供了相应的设计指南，同时也提供了一些小程序体验DEMO，可以快速的体验小程序实现的功能。

最后，开发完一个小程序要上线，也给我们提供了详细地接入流程。

2. 准备工作

开发微信小程序之前需要做如下准备工作：

  • 注册小程序

  • 完善小程序信息

  • 下载开发者工具

1). 注册小程序

注册地址：小程序

2). 完善小程序信息

登录小程序后台：微信公众平台

两种登录方式选其一即可

完善小程序信息、小程序类目

查看小程序的 AppID

3). 下载开发者工具

资料中已提供，无需下载，熟悉下载步骤即可。

下载地址： 微信开发者工具（稳定版 Stable Build）下载地址与更新日志 | 微信开放文档

扫描登录开发者工具，创建小程序项目

熟悉开发者工具布局，设置不校验合法域名

3. 入门案例

3.1 小程序目录结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

app.js：必须存在，主要存放小程序的逻辑代码

app.json：必须存在，小程序配置文件，主要存放小程序的公共配置

app.wxss: 非必须存在，主要存放小程序公共样式表，类似于前端的CSS样式

对小程序主体三个文件了解后，其实一个小程序又有多个页面。比如说，有商品浏览页面、购物车的页面、订单支付的页面、商品的详情页面等等。那这些页面会放在哪呢？ 会存放在pages目录。

每个小程序页面主要由四个文件组成：

js文件：必须存在，存放页面业务逻辑代码，编写的js代码。

wxml文件：必须存在，存放页面结构，主要是做页面布局，页面效果展示的，类似于HTML页面。

json文件：非必须，存放页面相关的配置。

wxss文件：非必须，存放页面样式表，相当于CSS文件。

3.2 编写和编译小程序

1). 编写

进入到index.wxml，编写页面布局

<view class="container">
  <view>{{msg}}</view>
   <view>
    <button type="default" bindtap="getUserInfo">获取用户信息</button>
    <image style="width: 100px;height: 100px;" src="{{avatarUrl}}"></image>
    {{nickName}}
  </view>
   <view>
    <button type="primary" bindtap="wxlogin">微信登录</button>
    授权码：{{code}}
  </view>
   <view>
    <button type="warn" bindtap="sendRequest">发送请求</button>
    响应结果：{{result}}
  </view>
</view>

进入到index.js，编写业务逻辑代码

Page({
  data:{
    msg:'hello world',
    avatarUrl:'',
    nickName:'',
    code:'',
    result:''
  },
  getUserInfo:function(){
    wx.getUserProfile({
      desc: '获取用户信息',
      success:(res) => {
        console.log(res)
        this.setData({
          avatarUrl:res.userInfo.avatarUrl,
          nickName:res.userInfo.nickName
        })
      }
    })
  },
  wxlogin:function(){
    wx.login({
      success: (res) => {
        console.log("授权码："+res.code)
        this.setData({
          code:res.code
        })
      }
    })
  },
  sendRequest:function(){
    wx.request({
      url: 'http://localhost:8080/user/shop/status',
      method:'GET',
      success:(res) => {
        console.log("响应结果：" + res.data.data)
        this.setData({
          result:res.data.data
        })
      }
    })
  }})

2). 编译和运行

点击编译按钮

因为请求http://localhost:8080/user/shop/status，先要启动后台项目。

注：设置不校验合法域名，若不勾选，请求发送失败。

三.  微信登录

1.微信登录流程

微信登录：小程序登录 | 微信开放文档

流程图：

步骤分析：

  1. 小程序端，调用wx.login()获取code，就是授权码。

  2. 小程序端，调用wx.request()发送请求并携带code，请求开发者服务器(自己编写的后端服务)。

  3. 开发者服务端，通过HttpClient向微信接口服务发送请求，并携带appId+appsecret+code三个参数。

  4. 开发者服务端，接收微信接口服务返回的数据，session_key+opendId等。opendId是微信用户的唯一标识。

  5. 开发者服务端，自定义登录态，生成令牌(token)和openid等数据返回给小程序端，方便后绪请求身份校验。

  6. 小程序端，收到自定义登录态，存储storage。

  7. 小程序端，后绪通过wx.request()发起业务请求时，携带token。

  8. 开发者服务端，收到请求后，通过携带的token，解析当前登录用户的id。

  9. 开发者服务端，身份校验通过后，继续相关的业务逻辑处理，最终返回业务数据。

2.接口测试

使用Postman进行测试。

说明：

  1. 调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。

  2. 调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 、 用户在微信开放平台帐号下的唯一标识UnionID（若当前小程序已绑定到微信开放平台帐号） 和 会话密钥 session_key。

之后开发者服务器可以根据用户标识来生成自定义登录态，用于后续业务逻辑中前后端交互时识别用户身份。

实现步骤：

1). 获取授权码

点击确定按钮，获取授权码，每个授权码只能使用一次，每次测试，需重新获取。

2). 明确请求接口

请求方式、请求路径、请求参数

3). 发送请求

获取session_key和openid

若出现code been used错误提示，说明授权码已被使用过，请重新获取

3. 需求分析

3.1 产品原型

用户进入到小程序的时候，微信授权登录之后才能点餐。需要获取当前微信用户的相关信息，比如昵称、头像等，这样才能够进入到小程序进行下单操作。是基于微信登录来实现小程序的登录功能，没有采用传统账户密码登录的方式。若第一次使用小程序来点餐，就是一个新用户，需要把这个新的用户保存到数据库当中完成自动注册。

登录功能原型图：

业务规则：

  • 基于微信登录实现小程序的登录功能

  • 如果是新用户需要自动完成注册

3.2 接口设计

通过微信登录的流程，如果要完成微信登录的话，最终就要获得微信用户的openid。在小程序端获取授权码后，向后端服务发送请求，并携带授权码，这样后端服务在收到授权码后，就可以去请求微信接口服务。最终，后端向小程序返回openid和token等数据。

基于上述的登录流程，就可以设计出该接口的请求参数和返回数据。

说明：请求路径/user/user/login,第一个user代表用户端，第二个user代表用户模块。

3.3 表设计

当用户第一次使用小程序时，会完成自动注册，把用户信息存储到user表中。

字段名数据类型说明备注
idbigint主键自增
openidvarchar(45)微信用户的唯一标识
namevarchar(32)用户姓名
phonevarchar(11)手机号
sexvarchar(2)性别
id_numbervarchar(18)身份证号
avatarvarchar(500)微信用户头像路径
create_timedatetime注册时间

说明：手机号字段比较特殊，个人身份注册的小程序没有权限获取到微信用户的手机号。如果是以企业的资质 注册的小程序就能够拿到微信用户的手机号。

4. 代码开发

4.1 定义相关配置

配置微信登录所需配置项：

application-dev.yml

sky:
  wechat:
    appid: wxffb3637a228223b8
    secret: 84311df9199ecacdf4f12d27b6b9522d

application.yml

sky:
  wechat:
    appid: ${sky.wechat.appid}
    secret: ${sky.wechat.secret}

配置为微信用户生成jwt令牌时使用的配置项：

application.yml

sky:
  jwt:
    # 设置jwt签名加密时使用的秘钥
    admin-secret-key: itcast
    # 设置jwt过期时间
    admin-ttl: 7200000
    # 设置前端传递过来的令牌名称
    admin-token-name: token
    user-secret-key: itheima
    user-ttl: 7200000
    user-token-name: authentication

4.2 实现login方法

Controller层

根据接口定义创建UserController的login方法：

package com.sky.controller.user;
​
import com.sky.constant.JwtClaimsConstant;
import com.sky.dto.UserLoginDTO;
import com.sky.entity.User;
import com.sky.properties.JwtProperties;
import com.sky.result.Result;
import com.sky.service.UserService;
import com.sky.utils.JwtUtil;
import com.sky.vo.UserLoginVO;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.HashMap;
import java.util.Map;
​
@RestController
@RequestMapping("/user/user")
@Api(tags = "C端用户相关接口")
@Slf4j
public class UserController {
​
    @Autowired
    private UserService userService;
    @Autowired
    private JwtProperties jwtProperties;
​
    /**
     * 微信登录
     * @param userLoginDTO
     * @return
     */
    @PostMapping("/login")
    @ApiOperation("微信登录")
    public Result<UserLoginVO> login(@RequestBody UserLoginDTO userLoginDTO){
        log.info("微信用户登录：{}",userLoginDTO.getCode());
​
        //微信登录
        User user = userService.wxLogin(userLoginDTO);//后绪步骤实现
​
        //为微信用户生成jwt令牌
        Map<String, Object> claims = new HashMap<>();
        claims.put(JwtClaimsConstant.USER_ID,user.getId());
        String token = JwtUtil.createJWT(jwtProperties.getUserSecretKey(), jwtProperties.getUserTtl(), claims);
​
        UserLoginVO userLoginVO = UserLoginVO.builder()
                .id(user.getId())
                .openid(user.getOpenid())
                .token(token)
                .build();
        return Result.success(userLoginVO);
    }
}

其中，JwtClaimsConstant.USER_ID常量已定义。

Service层接口

创建UserService接口：

package com.sky.service;
​
import com.sky.dto.UserLoginDTO;
import com.sky.entity.User;
​
public interface UserService {
​
    /**
     * 微信登录
     * @param userLoginDTO
     * @return
     */
    User wxLogin(UserLoginDTO userLoginDTO);
}

Service层实现类

创建UserServiceImpl实现类：实现获取微信用户的openid和微信登录功能

package com.sky.service.impl;
​
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.sky.constant.MessageConstant;
import com.sky.dto.UserLoginDTO;
import com.sky.entity.User;
import com.sky.exception.LoginFailedException;
import com.sky.mapper.UserMapper;
import com.sky.properties.WeChatProperties;
import com.sky.service.UserService;
import com.sky.utils.HttpClientUtil;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
​
import java.time.LocalDateTime;
import java.util.HashMap;
import java.util.Map;
​
@Service
@Slf4j
public class UserServiceImpl implements UserService {
​
    //微信服务接口地址
    public static final String WX_LOGIN = "https://api.weixin.qq.com/sns/jscode2session";
​
    @Autowired
    private WeChatProperties weChatProperties;
    @Autowired
    private UserMapper userMapper;
​
    /**
     * 微信登录
     * @param userLoginDTO
     * @return
     */
    public User wxLogin(UserLoginDTO userLoginDTO) {
        String openid = getOpenid(userLoginDTO.getCode());
​
        //判断openid是否为空，如果为空表示登录失败，抛出业务异常
        if(openid == null){
            throw new LoginFailedException(MessageConstant.LOGIN_FAILED);
        }
​
        //判断当前用户是否为新用户
        User user = userMapper.getByOpenid(openid);
​
        //如果是新用户，自动完成注册
        if(user == null){
            user = User.builder()
                    .openid(openid)
                    .createTime(LocalDateTime.now())
                    .build();
            userMapper.insert(user);//后绪步骤实现
        }
​
        //返回这个用户对象
        return user;
    }
​
    /**
     * 调用微信接口服务，获取微信用户的openid
     * @param code
     * @return
     */
    private String getOpenid(String code){
        //调用微信接口服务，获得当前微信用户的openid
        Map<String, String> map = new HashMap<>();
        map.put("appid",weChatProperties.getAppid());
        map.put("secret",weChatProperties.getSecret());
        map.put("js_code",code);
        map.put("grant_type","authorization_code");
        String json = HttpClientUtil.doGet(WX_LOGIN, map);
​
        JSONObject jsonObject = JSON.parseObject(json);
        String openid = jsonObject.getString("openid");
        return openid;
    }
}

 Mapper层

创建UserMapper接口：

package com.sky.mapper;
​
import com.sky.entity.User;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;
​
@Mapper
public interface UserMapper {
​
    /**
     * 根据openid查询用户
     * @param openid
     * @return
     */
    @Select("select * from user where openid = #{openid}")
    User getByOpenid(String openid);
​
    /**
     * 插入数据
     * @param user
     */
    void insert(User user);
}

创建UserMapper.xml映射文件：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.sky.mapper.UserMapper">
​
    <insert id="insert" useGeneratedKeys="true" keyProperty="id">
        insert into user (openid, name, phone, sex, id_number, avatar, create_time)
        values (#{openid}, #{name}, #{phone}, #{sex}, #{idNumber}, #{avatar}, #{createTime})
    </insert>
​
</mapper>

4.3 编写拦截器

编写拦截器JwtTokenUserInterceptor：统一拦截用户端发送的请求并进行jwt校验

package com.sky.interceptor;

import com.sky.constant.JwtClaimsConstant;
import com.sky.context.BaseContext;
import com.sky.properties.JwtProperties;
import com.sky.utils.JwtUtil;
import io.jsonwebtoken.Claims;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import org.springframework.web.method.HandlerMethod;
import org.springframework.web.servlet.HandlerInterceptor;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * jwt令牌校验的拦截器
 */
@Component
@Slf4j
public class JwtTokenUserInterceptor implements HandlerInterceptor {

    @Autowired
    private JwtProperties jwtProperties;

    /**
     * 校验jwt
     *
     * @param request
     * @param response
     * @param handler
     * @return
     * @throws Exception
     */
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        //判断当前拦截到的是Controller的方法还是其他资源
        if (!(handler instanceof HandlerMethod)) {
            //当前拦截到的不是动态方法，直接放行
            return true;
        }

        //1、从请求头中获取令牌
        String token = request.getHeader(jwtProperties.getUserTokenName());

        //2、校验令牌
        try {
            log.info("jwt校验:{}", token);
            Claims claims = JwtUtil.parseJWT(jwtProperties.getUserSecretKey(), token);
            Long userId = Long.valueOf(claims.get(JwtClaimsConstant.USER_ID).toString());
            log.info("当前用户的id：", userId);
            BaseContext.setCurrentId(userId);
            //3、通过，放行
            return true;
        } catch (Exception ex) {
            //4、不通过，响应401状态码
            response.setStatus(401);
            return false;
        }
    }
}

在WebMvcConfiguration配置类中注册拦截器：

	@Autowired
    private JwtTokenUserInterceptor jwtTokenUserInterceptor;
	/**
     * 注册自定义拦截器
     * @param registry
     */
    protected void addInterceptors(InterceptorRegistry registry) {
        log.info("开始注册自定义拦截器...");
        //.........

        registry.addInterceptor(jwtTokenUserInterceptor)
                .addPathPatterns("/user/**")
                .excludePathPatterns("/user/user/login")
                .excludePathPatterns("/user/shop/status");
    }

5. 功能测试

重新编译小程序，进行登录，获取到openid和token数据

查看后台日志

苍穹外卖-day06（小程序开发）
ioncannontic的博客
11-12 559
- HttpClient - 微信小程序开发 - 微信登录 - 导入商品浏览功能代码
苍穹外卖学习----出错记录
qq_64005599的博客
01-12 1894
{errMsg: login:fail 系统错误,错误码:41002,appid missing [20240112 16:44:02][undefined]} 苍穹外卖day12空指针异常 GET http://localhost:8080/user/addressBook/list 404 Unable to connect to localhost:6379] with root cause day8解决微信支付的模块 跳过 微信小程序订单支付/微信支付流程
130 微信小程序登录开发
THE ORDER
11-15 86
小程序是一种新的开放能力，开发者可以快速地开发一个小程序。可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序主要运行微信内部，可通过上述网站来整体了解微信小程序的开发。**首先，**在进行小程序开发时，需要先去注册一个小程序，在注册的时候，它实际上又分成了不同的注册的主体。我们可以以个人的身份来注册一个小程序，当然，也可以以企业政府、媒体或者其他组织的方式来注册小程序。那么，不同的主体注册小程序，最终开放的权限也是不一样的。比如以个人身份来注册小程序，是无法开通支付权限的。
HttpClient
weixin_46589095的博客
05-12 1018
小程序是一种新的开放能力，开发者可以快速地开发一个小程序。可以在微信内被便捷地获取和传播，同时具有出色的使用体验。微信小程序小程序主要运行微信内部，可通过上述网站来整体了解微信小程序的开发。首先，在进行小程序开发时，需要先去注册一个小程序，在注册的时候，它实际上又分成了不同的注册的主体。我们可以以个人的身份来注册一个小程序，当然，也可以以企业政府、媒体或者其他组织的方式来注册小程序。那么，不同的主体注册小程序，最终开放的权限也是不一样的。比如以个人身份来注册小程序，是无法开通支付权限的。
【学习日记2023.5.24】 之 用户端模块开发 用户端小程序_服务端接入微信认证_完善用户端商品浏览模块
qq_42575689的博客
05-25 1251
微信小程序、服务端接入微信认证、完善用户端商品浏览模块
如何使用微信小程序。
weixin_46597615的博客
06-28 238
【代码】如何使用微信小程序。
springboot苍穹外卖实战：八、开发小程序准备工作+入门案例+小程序微信用户登录流程
shanshan的博客
11-05 1473
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：**app.js：**必须存在，主要存放小程序的逻辑代码**app.json：**必须存在，小程序配置文件，主要存放小程序的公共配置非必须存在，主要存放小程序公共样式表，类似于前端的CSS样式对小程序主体三个文件了解后，其实一个小程序又有多个页面。比如说，有商品浏览页面、购物车的页面、订单支付的页面、商品的详情页面等等。那这些页面会放在哪呢？会存放在pages目录。
苍穹外卖sky-take-out-main初始资源备份
09-14
"苍穹外卖"作为一家新型的外卖平台，其项目名称为"sky-take-out-main"，从其标题可以得知，此次分享的文件是该外卖平台的初始资源备份文件。 初始资源备份是一个非常重要的概念，它意味着在项目开发的早期阶段，...
苍穹外卖-day03.md
06-24
苍穹外卖-day03.md
苍穹外卖前端课程 day03-套餐管理
03-09
### 苍穹外卖前端课程 Day03 - 套餐管理知识点详解 #### 一、套餐分页查询 ##### 1.1 需求分析与接口设计 **产品原型及业务规则：** - **主要功能：** - 根据用户指定的页码展示套餐信息。 - 默认情况下每页...
基于SpringBoot+Redis的前后端分离外卖项目-苍穹外卖微信小程序端(十一)
热门推荐
m0_59230408的博客
01-11 3万+
Spring Cache 是一个框架，实现了基于注解的缓存功能，只需要简单地加一个注解，就能实现缓存功能。EHCacheCaffeineRedis(常用)
苍穹外卖day6（HttpClient 、微信小程序开发）
qq_51076441的博客
04-16 1075
HttpClient主要用于客户端和服务端之间进行交互通信的，管理端网页版需要和小程序的用户端交互。微信小程序这块只简单介绍一下一些基本的使用，了解每个文件是干什么。
微信小程序页面中不能使用toString().indexOf()
要和代码过一辈子的博客
08-06 1万+
小程序的mastache语法不支持js的方法。 即在页面标签中，使用以下js方法无效： Object.keys() toString() indexOf() 在页面中，如果需要同时选中多个按钮，可构造对象数组处理，代码如下： data = { currentTab: 0, filterData: { 'date': [{...
自动化环境搭建(idea-java-maven) maven安装
libenben_的博客
11-26 403
maven安装
微信小程序报错：Cannot read property ‘toString‘ of undefined at Yw.fillText
m0_59638475的博客
04-13 981
原因：fillText括号里面第一个参数是字符串形式（填充的文本），虽然txt打印出来的是字符串格式但是还是报错 加上。这行代码即可（隐式转换）
js string转两位小数_jsjs 字符串转换成数字的三种方法, 取float型小数点后两位数的方法...
weixin_39603492的博客
02-17 1552
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数...
微信小程序（JS逻辑文件）
weixin_45343973的博客
08-24 562
业务逻辑案例 交互案例： <view>{{info}}</view> <button bindtap="infoBtn">按钮</button> 调用API案例 调用API： 除了业务逻辑外，开发者还可以在 JS 中调用小程序提供的丰富的 API，利用这些 API 可以很方便的调起微信提供的能力，例如获取用户信息、地理定位、本地存储、微信支付、扫...
苍穹外卖06（HttpClient，微信小程序开发，微信登录流程，获取授权码从微信平台获取用户信息）
qq_1424674116的博客
04-02 2085
互联网上应用最为广泛的一种网络协议：HTTP协议，超文本传输协议，规定了 客户端与服务端交互时，数据的格式 规范客户端，服务端是什么：提供服务的一方是 服务端使用服务的一方是 客户端HTTP请求的结构：请求行。GET百度一下，你就知道HTTP/1.1请求头。请求体。如果是GET请求，是没有请求体的HTTP响应的结构：响应行。响应头。响应体。本次响应的正文内容，默认会显示到浏览器页面上微服务阶段会学习一项技术：Feign， OpenFeign。
js 微信小程序 转换string_微信小程序 数据类型转换(js)
weixin_33685869的博客
01-27 1714
微信小程序数据转换就是JS方法转换:1.字符串转float intparseFloat("字符串内容"); //将字符串值转成浮点数parseInt("字符串内容"); //将字符串值转成整数此外parseFloat()(1) 如果字符串0位置的值不是数字 ,会返回 NAN(2)如果有两个小数点,则返回第二个小数点前的数字(3) 如果字符串中有不是数字的值,会返回字符串不是数字的前面的值(4...
苍穹外卖day06mac
最新发布
03-21
### 关于苍穹外卖 Day06 的 Mac 环境教程 目前提供的引用资料涵盖了从环境搭建到登录功能实现的内容，但并未直接提及 **Day06** 的具体教学内容。然而，基于已有的参考资料[^1][^2][^3][^4]，可以推测该项目可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值