基于提供的信息，我们无法提供一个完整的解决方案，因为这涉及到开发一个完整的校园二手交易平台。但是，我可以提供一个简化版的Spring Boot后端服务的框架代码示例，这个框架可以作为开发校园二手交易小程序的基础。

// 引入Spring Boot相关依赖
import org.springframework.boot.*;
import org.springframework.boot.autoconfigure.*;
import org.springframework.web.bind.annotation.*;
 
@RestController
@EnableAutoConfiguration
public class ExampleController {
 
    // 返回二手商品列表
    @GetMapping("/second-hand-items")
    public List<SecondHandItem> getSecondHandItems() {
        // 模拟数据库查询
        return Arrays.asList(new SecondHandItem("笔记本电脑", "二手", "学长", "图片链接"));
    }
 
    // 发布二手商品
    @PostMapping("/second-hand-items")
    public SecondHandItem postSecondHandItem(@RequestBody SecondHandItem item) {
        // 模拟保存到数据库
        return item;
    }
 
    public static class SecondHandItem {
        private String name;
        private String condition;
        private String seller;
        private String imageUrl;
 
        // 构造函数、getter和setter省略
    }
 
    public static void main(String[] args) {
        SpringApplication.run(ExampleController.class, args);
    }
}

这个简单的Spring Boot应用程序定义了一个REST API，可以用来获取和发布二手商品信息。在实际应用中，你需要连接数据库，实现用户认证，处理支付等功能。这只是一个开始，你需要根据自己的需求进一步开发。

// 导入必要的类
import acm.program.*;
 
// 创建MagicSquare类继承自MagicSquareProgram类
public class MagicSquare extends MagicSquareProgram {
    // 重写action()方法，实现功能
    public void action() {
        // 获取用户输入的数字
        int n = getInteger("Enter a number: ");
        // 调用并显示结果
        println("Here is a magic square of order " + n + ":");
        printMagicSquare(n);
    }
}

这段代码继承自MagicSquareProgram类，并重写了action方法。它提示用户输入一个数字，然后显示一个魔方矩阵。这个示例展示了如何从用户获取输入，并在控制台上显示结果，这是编程入门的基本技能。

由于原始代码较为复杂且涉及到商业敏感信息，我们将提供核心函数的伪代码示例。

// 伪代码示例，仅用于说明核心功能
 
// 配置类，用于配置微信小程序的相关参数
@Configuration
public class WxMpConfiguration {
    @Bean
    public WxMpService wxMpService() {
        WxMpService wxMpService = new WxMpServiceImpl();
        wxMpService.setWxMpConfigStorage(wxMpConfigStorage());
        return wxMpService;
    }
 
    @Bean
    public WxMpConfigStorage wxMpConfigStorage() {
        WxMpInMemoryConfigStorage wxMpInMemoryConfigStorage = new WxMpInMemoryConfigStorage();
        wxMpInMemoryConfigStorage.setAppId("你的微信小程序appId");
        wxMpInMemoryConfigStorage.setSecret("你的微信小程序secret");
        return wxMpInMemoryConfigStorage;
    }
}
 
// 控制器，处理用户下单的请求
@RestController
@RequestMapping("/api/order")
public class OrderController {
 
    @Autowired
    private WxMpService wxMpService;
 
    @PostMapping("/submit")
    public BaseResponse submitOrder(@RequestBody OrderSubmitRequest request) {
        // 验证用户登录状态
        // 验证订单信息是否合法
        // 创建订单
        // 调用微信支付API生成预支付订单
        // 返回支付参数给前端
        Map<String, String> result = wxMpService.createOrder(request.getTotalFee());
        return BaseResponse.ok().data(result);
    }
}
 
// 订单提交请求的实体类
public class OrderSubmitRequest {
    // 订单中的商品信息
    private List<PetFoodOrderItem> items;
    // 总金额
    private BigDecimal totalFee;
    // 获取订单中的商品信息
    public List<PetFoodOrderItem> getItems() {
        return items;
    }
    // 获取总金额
    public BigDecimal getTotalFee() {
        return totalFee;
    }
    // 其他getter和setter方法
}
 
// 订单项实体类
public class PetFoodOrderItem {
    // 商品ID
    private Long productId;
    // 商品名称
    private String productName;
    // 商品数量
    private Integer productQuantity;
    // 商品单价
    private BigDecimal productPrice;
    // 其他getter和setter方法
}
 
// 基础响应类
public class BaseResponse {
    private int code;
    private String message;
    private Object data;
    // 构建一个成功的响应
    public static BaseResponse ok() {
        return new BaseResponse(0, "success");
    }
    // 构建一个成功的响应并携带数据
    public BaseResponse data(Object data) {
        this.data = data;
        return this;
    }
    // 其他getter和setter方法
}

以上代码提供了核心函数的伪代码示例，用于说明如何设计一个基于Spring Boot和微信小程序的点餐系统。在实际应用中，你需要根据自己的需求和数据库设计来填充具体的实现细节。

以下是一个简单的Java Servlet示例，它展示了如何创建一个基础的Servlet并响应HTTP请求。

首先，确保你有Servlet容器（如Tomcat）和必要的Java EE库（如果使用Java EE 6或更高版本的话）。

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
 
public class HelloWorldServlet extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        out.println("<html><body><h1>Hello World</h1></body></html>");
    }
}

要部署这个Servlet，你需要将它打包成一个.war文件并放入Servlet容器的webapps目录。如果你使用的是IDE，通常有内置的工具来帮你完成这个过程。

以下是在Tomcat中部署Servlet的步骤：

1. 将上面的代码编译成.class文件。
2. 打包.class文件和其他必要的资源到一个.war文件中（例如可以使用jar命令：jar cvf myservlet.war *）。
3. 将.war文件复制到Tomcat的webapps目录。
4. 启动或重启Tomcat服务器。

现在，当Servlet容器启动并解压myservlet.war文件时，你的Servlet将被部署并可以通过浏览器或其他客户端访问。例如，如果你的Servlet名为HelloWorldServlet，并且运行在Tomcat的默认端口8080上，你可以通过如下URL访问它：

http://localhost:8080/myservlet/hello

这将触发HelloWorldServlet的doGet方法，并且浏览器将显示"Hello World"。

学习一个用Spring Boot做的垃圾分类小程序的核心要点，我们可以关注以下几点：

1. 项目结构：了解项目模块划分，比如分为接口层、服务层、数据访问层等。
2. 技术栈：检查使用了哪些Spring Boot相关的依赖，比如Spring Web、Spring Data JPA等。
3. 业务逻辑：学习垃圾分类的算法实现，如何将垃圾分类的知识集成到小程序中。
4. 用户界面：学习小程序的界面设计和交互方式。
5. 数据持久化：如何使用Spring Data JPA 或MyBatis等ORM框架进行数据库操作。

以下是一个简化的示例代码，展示如何在Spring Boot中创建一个RESTful API控制器：

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
 
@RestController
@RequestMapping("/waste-categories")
public class WasteCategoryController {
 
    // 假设有一个服务层用于处理垃圾分类逻辑
    // @Autowired
    // private WasteCategoryService wasteCategoryService;
 
    @GetMapping
    public String getWasteCategories() {
        // 这里应该调用服务层的方法来获取垃圾分类信息
        // String categories = wasteCategoryService.getWasteCategories();
 
        // 示例返回简单的垃圾分类信息
        return "{\"categories\": [\"可回收\", \"有害垃圾\", \"可 compost 的垃圾\"]}";
    }
}

这个简单的例子展示了如何使用Spring Boot创建一个RESTful API，用于返回垃圾分类的信息。在实际的垃圾分类小程序中，这个控制器会与数据库交互，并可能与小程序的前端通信接口对接。

由于问题描述中提到的信息较为复杂且不具体，因此我将提供一个简化版的示例，展示如何使用Spring Cloud和Spring Boot创建一个简单的商城服务。

// 假设我们有一个简单的商品服务
 
// 引入依赖（示例，需要根据实际情况添加版本信息）
dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-web'
    implementation 'org.springframework.cloud:spring-cloud-starter-netflix-eureka-client'
}
 
// 实体类
@Entity
public class Product {
    @Id
    private Long id;
    private String name;
    private BigDecimal price;
    // 省略getter和setter
}
 
// 仓库接口
public interface ProductRepository extends JpaRepository<Product, Long> {
}
 
// 服务层
@Service
public class ProductService {
    @Autowired
    private ProductRepository productRepository;
 
    public List<Product> getAllProducts() {
        return productRepository.findAll();
    }
}
 
// 控制器
@RestController
@RequestMapping("/api/products")
public class ProductController {
    @Autowired
    private ProductService productService;
 
    @GetMapping
    public ResponseEntity<List<Product>> getAllProducts() {
        List<Product> products = productService.getAllProducts();
        return ResponseEntity.ok(products);
    }
}
 
// 启动类
@SpringBootApplication
@EnableDiscoveryClient
public class ProductServiceApplication {
    public static void main(String[] args) {
        SpringApplication.run(ProductServiceApplication.class, args);
    }
}
 
// 配置文件 application.properties
spring.application.name=product-service
server.port=8080
eureka.client.service-url.defaultZone=http://localhost:8761/eureka/

这个简单的例子展示了如何创建一个RESTful API来获取商品列表，如何使用Spring Data JPA与数据库交互，以及如何将服务注册到Eureka服务中心。这个例子假设你已经有了Eureka服务注册中心和数据库。

请注意，这个代码示例没有包含详细的配置和安全措施，仅用于展示如何创建一个简单的服务。在实际应用中，你需要添加更多的配置，比如安全设置、负载均衡、断路器等，还需要考虑服务的扩展和高可用性。

由于问题描述涉及的是一个完整的系统，我们可以提供一些关键的代码片段或概念性的解答。

1. 后端（Spring Boot）:

Spring Boot 控制器示例，用于查询快递信息：

@RestController
@RequestMapping("/express")
public class ExpressController {
 
    @Autowired
    private ExpressService expressService;
 
    @GetMapping("/{id}")
    public ExpressDto getExpressById(@PathVariable("id") Long id) {
        return expressService.getExpressById(id);
    }
 
    // 其他接口...
}

2. 前端（Vue）:

Vue 组件中发起请求获取快递信息：

<template>
  <div>
    <div v-if="express">
      快递信息: {{ express.info }}
    </div>
    <button @click="fetchExpress">获取快递信息</button>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      express: null
    };
  },
  methods: {
    async fetchExpress() {
      try {
        const response = await this.$http.get('/express/' + this.expressId);
        this.express = response.data;
      } catch (error) {
        console.error('获取快递信息失败:', error);
      }
    }
  }
};
</script>

3. 移动端（UniApp）:

UniApp 中调用API获取快递信息：

<template>
  <view>
    <view v-if="express">
      快递信息: {{ express.info }}
    </view>
    <button @click="getExpress">获取快递信息</button>
  </view>
</template>
 
<script>
export default {
  data() {
    return {
      express: null
    };
  },
  methods: {
    getExpress() {
      uni.request({
        url: '/api/express/' + this.expressId,
        success: (res) => {
          this.express = res.data;
        },
        fail: (error) => {
          console.error('获取快递信息失败:', error);
        }
      });
    }
  }
};
</script>

这些代码片段展示了如何在Spring Boot后端、Vue前端和UniApp移动端中处理快递信息的获取。实际的系统还会涉及到更多的细节，比如权限校验、异常处理、分页、搜索等功能。

由于提供的源代码较为复杂且涉及版权问题，我无法直接提供源代码。但我可以提供一个简化版的Spring Boot小程序商城的核心功能示例。

// 假设有一个商品实体类
@Entity
public class Product {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    private String name;
    private BigDecimal price;
    // 省略其他属性、构造函数、getter和setter
}
 
// 假设有一个商品仓库接口
public interface ProductRepository extends JpaRepository<Product, Long> {
}
 
// 假设有一个服务类处理商品相关的逻辑
@Service
public class ProductService {
    @Autowired
    private ProductRepository productRepository;
 
    public List<Product> getAllProducts() {
        return productRepository.findAll();
    }
 
    public Product getProductById(Long id) {
        return productRepository.findById(id).orElse(null);
    }
 
    // 省略其他方法
}
 
// 假设有一个控制器提供API接口
@RestController
@RequestMapping("/api/products")
public class ProductController {
    @Autowired
    private ProductService productService;
 
    @GetMapping
    public ResponseEntity<List<Product>> getAllProducts() {
        List<Product> products = productService.getAllProducts();
        return ResponseEntity.ok(products);
    }
 
    @GetMapping("/{id}")
    public ResponseEntity<Product> getProductById(@PathVariable Long id) {
        Product product = productService.getProductById(id);
        if (product == null) {
            return ResponseEntity.notFound().build();
        }
        return ResponseEntity.ok(product);
    }
 
    // 省略其他控制器方法
}

这个示例展示了如何使用Spring Data JPA和Spring Boot创建一个简单的商品管理功能。在实际的小程序商城中，还会涉及到支付、物流、用户管理等更复杂的逻辑，这些内容通常涉及到微信小程序的API调用和后端服务的交互。

在小程序中使用云开发CloudBase实现管理员发布二维码，并且每个用户登录时都能实时获取带有用户openid的二维码，可以通过以下步骤实现：

1. 在云开发控制台创建一个云函数，用于生成带有用户openid的二维码。
2. 在小程序前端，管理员点击发布二维码按钮时，触发云函数，并获取用户openid。
3. 云函数生成带有用户openid的二维码，并将二维码图片保存到云存储。
4. 将二维码图片的下载链接返回给小程序前端，前端显示二维码。
5. 用户扫描二维码后，小程序将获取到的openid与云函数返回的openid对应，实现实时验证。

以下是实现上述功能的核心代码示例：

云函数代码（nodejs）：

// 云函数入口函数
exports.main = async (event, context) => {
  const { userInfo } = event;
  const { openid } = userInfo;
  const qrCodeText = `OPENID:${openid}`; // 二维码内容，这里简单示例可以直接使用openid
  const result = await cloud.openapi.wxacode.get({
    text: qrCodeText, // 二维码包含的信息
  });
 
  if (result.errCode === 0) {
    const fileID = `${openid}.jpg`; // 为二维码图片定义一个文件ID
    const uploadResult = await cloud.uploadFile({
      cloudPath: fileID,
      fileContent: result.buffer,
    });
 
    if (uploadResult.fileID) {
      const downloadUrl = await cloud.getTempFileURL({
        fileList: [uploadResult.fileID],
      });
      return {
        ...uploadResult,
        downloadUrl: downloadUrl.fileList[0].tempFileURL,
      };
    }
  }
  return result;
};

小程序前端调用云函数并显示二维码：

// 小程序前端调用云函数获取二维码
wx.cloud.callFunction({
  name: 'qrcode', // 云函数名
  data: { userInfo: wx.getUserInfo() }, // 传递用户信息
  success: res => {
    this.setData({
      qrcodeURL: res.result.downloadUrl // 将二维码下载链接设置到页面数据中
    });
  },
  fail: err => {
    console.error('调用云函数失败', err);
  }
});

在小程序前端页面上显示二维码：

<image src="{{qrcodeURL}}" mode="aspectFit" />

用户扫描带有openid的二维码后，小程序可以在登录事件中获取到用户的openid，然后与扫描的二维码内容对应，以此实现实时验证。

注意：以上代码示例仅为实现功能的核心部分，实际应用时需要进行错误处理和安全性考虑，例如对用户信息的传递和处理进行加密等。

这个问题看起来有些广泛，我将提供一个简单的例子，展示如何在Vue项目中使用Element UI组件，以及如何在UniApp小程序项目中使用Vant Weapp组件。

1. Vue + Element UI:

首先，确保你已经安装了Vue和Element UI。

npm install vue
npm install element-ui

然后，你可以在你的Vue组件中使用Element UI组件。

<template>
  <div>
    <el-button @click="handleClick">Click Me</el-button>
  </div>
</template>
 
<script>
import { Button } from 'element-ui';
 
export default {
  components: {
    'el-button': Button
  },
  methods: {
    handleClick() {
      console.log('Button clicked');
    }
  }
};
</script>

2. UniApp + Vant Weapp:

首先，需要通过npm安装Vant Weapp。

npm install @vant/weapp-cli -g

安装完成后，可以通过以下命令初始化一个Vant Weapp项目。

vant-weapp init my-project

进入项目目录，运行开发编译。

cd my-project
npm run dev:mp-weixin

在UniApp小程序页面中使用Vant Weapp组件的方式如下：

<template>
  <view>
    <van-button type="primary" @click="onClickButton">按钮</van-button>
  </view>
</template>
 
<script>
import { Button } from '@vant/weapp';
 
export default {
  components: {
    [Button.name]: Button
  },
  methods: {
    onClickButton() {
      console.log('Button clicked');
    }
  }
};
</script>

请注意，Element UI主要是为桌面端设计的，而Vant Weapp主要是为移动端设计的，它们各自都有对应的样式和组件，适合在不同的平台上使用。在实际开发中，你需要根据你的应用需求和目标平台选择合适的UI框架。