SpringMVC-restful风格实现简单的页面增删改查

最新推荐文章于 2024-07-25 09:23:08 发布
最新推荐文章于 2024-07-25 09:23:08 发布
阅读量444 收藏 5
点赞数
分类专栏： Spring 文章标签： restful mvc spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52360788/article/details/122941567
版权

核心配置文件：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:aop="http://www.springframework.org/schema/aop" xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
     http://www.springframework.org/schema/context/spring-context.xsd
      http://www.springframework.org/schema/aop
        http://www.springframework.org/schema/aop/spring-aop.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!--注解扫描-->
    <context:component-scan base-package="my"></context:component-scan>
<!--    注解支持-->
    <context:annotation-config></context:annotation-config>
<!--    mvc注解支持-->
    <mvc:annotation-driven></mvc:annotation-driven>

    <!--    配置thymeleaf视图解析器（其实内部对thymeleaf引擎进行了封装）-->
    <bean class="org.thymeleaf.spring5.view.ThymeleafViewResolver" id="viewResolver">
        <property name="characterEncoding" value="UTF-8"></property>
        <!--        设置优先级(因为可能有多个解析器)-->
        <property name="order" value="1"></property>
        <property name="templateEngine">
            <!--            配置引擎-->
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine" id="templateEngine">
                <!--                配置解析器-->
                <property name="templateResolver">
                    <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <!--                        提前设置解析的前缀-->
                        <property name="prefix" value="/WEB-INF/templates/"></property>
                        <!--                        提前设置解析的后缀-->
                        <property name="suffix" value=".html"></property>
                        <!--                        设置要解析的模板的模型-->
                        <property name="templateMode" value="HTML5"></property>
                        <!--                        设置编码-->
                        <property name="characterEncoding" value="UTF-8"></property>
                    </bean>
                </property>
            </bean>
        </property>
    </bean>
<!--    视图控制器  显示首页-->
    <mvc:view-controller path="/" view-name="index"></mvc:view-controller>
<!--    开启静态资源访问的默认Servlet-->
    <mvc:default-servlet-handler></mvc:default-servlet-handler>
</beans>

实体类

/**
 * @Classname Employee
 * @author: 我心
 * @Description:
 * @Date 2022/2/12 20:07
 * @Created by Lenovo
 */
public class Employee {
    private Integer id;
    private String lastName;
    private String email;
    private Integer gender;//性别，1是男，0是女

    public Employee() {
    }

    public Employee(Integer id, String lastName, String email, Integer gender) {
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
    }

    public Employee(String lastName, String email, Integer gender) {
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;

    }


    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getLastName() {
        return lastName;
    }

    public void setLastName(String lastName) {
        this.lastName = lastName;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public Integer getGender() {
        return gender;
    }

    public void setGender(Integer gender) {
        this.gender = gender;
    }

    @Override
    public String toString() {
        return "Employee{" +
                "id=" + id +
                ", lastName='" + lastName + '\'' +
                ", email='" + email + '\'' +
                ", gender=" + gender +
                '}';
    }
}

dao

public interface EmployeeDao {
    //添加员工
    int addEmployee(Employee employee);
    //删除员工
    int deleteEmployee(Integer id);
    //修改员工
    int updateEmployee(Employee employee);
    //查询员工
    Employee getEmployee(Integer id);
    //返回全部员工
    List<Employee> getEmployeeList();
}

dao实现类

/**
 * @Classname EmployeeDaoImpl
 * @author: 我心
 * @Description:用于测试的dao实现类，在内部定义数据即可
 * @Date 2022/2/12 20:11
 * @Created by Lenovo
 */
@Repository
public class EmployeeDaoImpl implements EmployeeDao{
    private static Map<Integer,Employee> map;
    private static Integer initId=1005;//自动生成id
    //初始化数据
    static {
        map=new HashMap<Integer,Employee>();
        map.put(1001,new Employee(1001,"白小纯","fdsafd@qq.com",1));
        map.put(1002,new Employee(1002,"王林","fds2341afd@qq.com",1));
        map.put(1003,new Employee(1003,"许清","fdsagsrgrfsgfd@qq.com",0));
        map.put(1004,new Employee(1004,"李清照","hellofdsafd@qq.com",0));
        map.put(1005,new Employee(1005,"李逍遥","lixiaofdsafd@qq.com",1));
    }

    public static Map<Integer, Employee> getMap() {
        return map;
    }

    @Override
    public int addEmployee(Employee employee) {
        if(employee!=null){
            //自动设置id
            if (employee.getId()==null)
                employee.setId(++initId);
           this.map.put(employee.getId(), employee);
           return 1;
        }
        return 0;
    }

    @Override
    public int deleteEmployee(Integer id) {
        Employee remove = map.remove(id);
        if (remove!=null)
            return 1;
        return 0;
    }

    @Override
    public int updateEmployee(Employee employee) {
        if(employee!=null){
            map.put(employee.getId(),employee);
        }
        return 0;
    }

    @Override
    public Employee getEmployee(Integer id) {
        return map.get(id);
    }

    @Override
    public List<Employee> getEmployeeList() {
        Collection<Employee> values = map.values();
        List<Employee> list=new ArrayList(values);
        return list;
    }
}

Service接口

public interface EmployeeService {
    //添加员工
    boolean addEmployee(Employee employee);
    //删除员工
    boolean deleteEmployee(Integer id);
    //修改员工
    boolean updateEmployee(Employee employee);
    //查询员工
    Employee getEmployee(Integer id);
    //判断员工是否存在
    boolean isExist(Integer id);
    //返回全部员工
    List<Employee> getEmployeeList();
}

service实现类

/**
 * @Classname EmployeeServiceImpl
 * @author: 我心
 * @Description:
 * @Date 2022/2/12 20:27
 * @Created by Lenovo
 */
@Service
public class EmployeeServiceImpl implements EmployeeService{
    public EmployeeDao getEmployeeDao() {
        return employeeDao;
    }

    public void setEmployeeDao(EmployeeDao employeeDao) {
        this.employeeDao = employeeDao;
    }
//注入dao实现类
    @Autowired
    private EmployeeDao employeeDao;
    @Override
    public boolean addEmployee(Employee employee) {
        //如果当前用户不存在
        if (!isExist(employee.getId())){
            int i = employeeDao.addEmployee(employee);
            if (i>=1)
                return true;
        }

        return false;
    }

    @Override
    public boolean deleteEmployee(Integer id) {
        //判断是否存在
        if(isExist(id)){
            int i = employeeDao.deleteEmployee(id);
            if (i>=1)
                 return true;
        }
        return false;
    }

    @Override
    public boolean updateEmployee(Employee employee) {
        if(isExist(employee.getId())){
            int i = employeeDao.updateEmployee(employee);
            if (i>=1)
                return true;
        }
        return false;
    }

    @Override
    public Employee getEmployee(Integer id) {
        return employeeDao.getEmployee(id);
    }

    @Override
    public boolean isExist(Integer id) {
        Employee employee = employeeDao.getEmployee(id);
        if (employee!=null)
            return true;
        return false;
    }

    @Override
    public List<Employee> getEmployeeList() {
        return employeeDao.getEmployeeList();
    }
}

Controller层

/**
 * @Classname EmployeeController
 * @author: 我心
 * @Description:
 * @Date 2022/2/12 23:06
 * @Created by Lenovo
 */
@Controller
@RequestMapping("/employee")
public class EmployeeController {
    @Autowired
    private EmployeeService service;
//    获取员工信息
    @RequestMapping(value = "/",method = RequestMethod.GET)
    public String showAllEmployees(Map<String,Object> context, HttpServletRequest request){
        String baseStr=request.getScheme()+"://"+
                request.getServerName()+":"+request.getServerPort()
                +request.getContextPath()+"/";
        request.getSession().setAttribute("baseStr",baseStr);//将当前工程路径写入session域中
        List<Employee> employeeList = service.getEmployeeList();
        context.put("employeeList",employeeList);
        return "show";
    }
    //删除员工信息

    @DeleteMapping("/{id}")
    public String delete(HttpServletResponse response,@PathVariable("id") String id) throws IOException {
        service.deleteEmployee(new Integer(id));
        return "redirect:/employee/";//重定向回所有员工页面
    }
    //添加员工
    @PostMapping("/")
    public String add(Employee employee, Model model){
        service.addEmployee(employee);
        System.out.println("添加成功！");
        //将当前状态传给请求视图的上下文对象
        return "redirect:/employee/";//重定向回首页页面
    }
//    修改员工信息
    @PutMapping("/")
    public String update(Employee employee,Model model){
        System.out.println(employee);
        service.updateEmployee(employee);
        String state="update";
        return "redirect:/employee/"+state+"/put";//重定向回首页页面
    }
    //查询单个员工信息
    @GetMapping("/{id}")
    public String getEmployee(@PathVariable("id") String id,HttpServletResponse response) throws IOException {
        Employee employee = service.getEmployee(new Integer(id));
        Gson gson=new Gson();
        String employeeJson = gson.toJson(employee, Employee.class);
        //响应
        response.getWriter().write(employeeJson);
        return null;
    }
//    带状态的重定向展示列表的控制方法
    @RequestMapping(value = "/{form_state}/{_method}",method = RequestMethod.GET)
    public String showState(@PathVariable("form_state") String form_state,@PathVariable("_method") String _method,Model model,HttpServletRequest request){
        model.addAttribute("form_state",form_state);
        model.addAttribute("_method",_method);
        //转发
        return "forward:/employee/";
    }
}

需要的html页面

index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<a th:href="@{/employee/}">查看所有员工信息</a>
</body>
</html>

show.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>员工信息</title>
</head>
<script type="text/javascript" src="http://localhost:8080/Spring_mvc_rest_war/static/script/jquery-1.7.2.js" ></script>
<script>
    $(function () {
        $("#f_state").attr("text","当前表单状态为:无");
        //删除监听
        $(".delete").click(function () {
            //获取表单
            var form = $("#form_req");
            //修改action
            form.attr("action",$(this).attr("href"));
            //修改_method参数值
            $("#requestMethod").attr("value","delete");
            //提交表单
            form.submit();
            return false;
        });
        //修改点击监听
        $(".update").click(function () {
            //获取信息
            var t=$(this).parent().parent().children(".id").text();//获取当前要更新的id
            var  dataUrl=$("#baseStr").val()+"employee/"+t;//拼接url
            var baseStr=$("#baseStr").val();//工程路径
            //异步请求回显数据
            $.ajax({
                url: dataUrl,
                type:"get",
                dataType: "json",
                success:function (data) {
                    //data是规定要写的一个参数，用来存放响应的数据
                    //回显数据
                    $("#updateEmail").attr("value",data.email);
                    // $("#updateEmail").attr("readonly","");
                    $("#updateId").attr("value",data.id);
                    $("#updateGender").attr("value",data.gender);
                    $("#updatelastName").attr("value",data.lastName);

                }

            })
            //修改表单提交路径
            $("#form_req").attr("action",baseStr+"employee/");
            //修改_method参数值
            $("#requestMethod").attr("value","put");
            $("#f_state").attr("text","当前表单状态为:update")
            //修改提交按钮
            $("#req_submit").attr("value","确认修改");
            return false;
        });
        //添加员工
        $("#add").click(function () {
            //获取表单
            var form=$("#form_req");
            var submitUrl=  $("#baseStr").attr("value")+"employee/";
            //修改表单提交地址
            form.attr("action",submitUrl);
            //修改请求方式
            $("#requestMethod").attr("value","post");
            //修改提交按钮value
            $("#req_submit").attr("value","添加该员工");
            //修改id框为空
            $("#updateId").attr("value","");
            return false;
        });

    })
</script>
<body>
<input type="hidden" id="baseStr" th:value="${session.baseStr}">
<input type="hidden" name="date" id="date" value="">
<table bgcolor="#00ffff" border="1">

    <tr><th colspan="4">员工信息</th></tr>
    <tr>
        <td>id</td>
        <td>lastName</td>
        <td>email</td>
        <td>gender</td>
        <td colspan="2">操作</td>
    </tr>
<!--    设置Thymeleaf解析循环-->
    <tr th:each="employee: ${employeeList}">
        <td th:text="${employee.id}" class="id"></td>
        <td th:text="${employee.lastName}" class="lastName"></td>
        <td th:text="${employee.email}" class="email"></td>
        <td th:text="${employee.gender}" class="gender"></td>
        <td><a th:href="${session.baseStr}+'employee/'+${employee.id}" id="delete" class="delete">删除</a></td>
        <td><a th:href="${session.baseStr}+'employee/'+${employee.id}" id="update" class="update">更新</a></td>
    </tr>
</table>
<a href="" id="add">添加员工</a>
<!--用于提交的表单:修改或者添加的地址都一样，只是请求方式不一样,也可以用于删除-->
<form  id="form_req"  method="post" >
    <table>
        <input type="hidden" name="_method" id="requestMethod" >
        <input type="text" name="id" value=""  id="updateId" hidden="hidden">
        <tr>
            <td>LastName</td>
            <td>  <input type="text" name="lastName" value=""  id="updatelastName" ><br></td>
        </tr>
        <tr>
            <td>Email</td>
            <td> <input type="text" name="email" value=""  id="updateEmail"></td>
        </tr>
        <tr>
            <td>Gender</td>
            <td> <input type="text" name="gender" value=""  id="updateGender" ></td>
        </tr>
        <tr><td colspan="2"> <input type="submit"  id="req_submit" value="提交"></td></tr>
    </table>

</form>

</body>
</html>

在web.xml中的配置

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
  <display-name>Archetype Created Web Application</display-name>
<!--  前端控制器-->
  <servlet>
    <servlet-name>DispatcherServlet</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!--核心配置文件路径-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
  </servlet>
  <servlet-mapping>
    <servlet-name>DispatcherServlet</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

<!--  编码过滤器-->
  <filter>
    <filter-name>encodeFilter</filter-name>
    <filter-class>my.filter.EncodeFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>encodeFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
<!--  修改请求过滤器-->
  <filter>
    <filter-name>alterRequest</filter-name>
    <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>alterRequest</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

</web-app>

孔雀南飞梦
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Spring-mvc-Restful风格实现增删改查
qq_45726776的博客
09-21 550
Restful风格： 一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。 URL定义 资源：互联网所有的事物都可以被抽象为资源 资源操作：使用POST、DELETE、PUT、GET，使用不同方法对资源进行操作。 分别对应 添加、 删除、修改、查询。 Restful的特性 资源(Resources)：网络上的一个实体，或者说是网络上的一个具体信息。它可以是一段文本、一张图片、一首歌曲
SpringMvc---RESTFul风格
wowo
11-21 402
SpringMvc---RESTFul REST：Representational State Transfer，表现层资源状态转移。 RESTFul是一种风格，通过请求方式界定对服务器资源的操作，不使用问号键值对的方式携带参数，而是在URL地址上通过路径的方式告诉服务器要请求的资源和其他参数【前面在学习Request Mapping时学习过，RequestMapping注解支持请求路径中有占位符，比如这样（ @Request（ /请求路径/{占位符}/{占位符} ） ）】 ，通过请求方式确定要对资源
(10)使用SpringMVC遵循RESTful风格实现对员工信息增删改查
欢迎阅读我的博客
06-02 969
*第四步: 配置web.xml, 注册SpringMVC的前端控制器DispatcherServlet配置其所能处理的请求的请求路径(告诉前端控制器配置文件的名称和位置) **//将触发点击事件元素的href属性为表单的action属性赋值。//阻止超链接的默认跳转行为。//event表示当前事件。//通过id获取表单标签。
SpringMVC学习笔记（八）—— RESTFul案例-实现增删改查
kuaixiao0217的博客
06-23 476
RESTFul实现增删改查等相关功能
RESTful风格实现增删改查
weixin_48747169的博客
05-13 1904
RESTful风格实现增删改查： 案例数据库使用Map模拟完成 功能清单： 功能 url和请求方式 访问首页 / 请求方式：get 查询所有数据 /user 请求方式：get 删除数据 /user/1 请求方式：delete 跳转添加页面 /add 请求方式：get 添加数据 /user 请求方式：post 跳转更新页面 /user/1 请求方式：get 更新数据 /user 请求方式：put 1:某条数据的id值 pom.xml <?xml versi
SpringMVC框架(二) -- RESTful和RESTful案例（实现对员工的增删改查）
宋芽芽的博客
04-28 347
七.RESTful – 软件架构的一种风格 1.RESTful简介 REST : Representational State Transfer,表现层(前端页面到后端控制层)资源状态转移 资源 : 资源是一种看待服务器的方式,即,将服务器看作是由很多离散的资源组成.每个资源是服务器上一个可命名的抽象概念。服务器上万物皆对象。一个资源可以由一个或多个URL来标识。URL既是资源的名称，也是资源在WEB上的地址。对某个资源感兴趣的客户端应用，可以通过资源的URL与其进行交互。 资源的表述（资源的状态）：资
SpringMVC-Restful风格
射手座的程序媛的专栏
01-09 2279
springmvc的restful风格
SpringMVC-RestfulCRUD || 员工信息表增删改查操作的具体实现
qq_39368007的博客
03-21 547
SpringMVC-RestfulCRUD 利用SpringMVC做一个CRUD（增删改查）符合Rest风格的； C：Create：创建 R：Retrieve：查询 U：Update：更新 D：Delete：删除 数据库：保存数据； 使用Map，List保存数据之类 员工列表展示；查询所有员工； 员工列表展示：访问index.jsp----直接发送/emps...
SpringMVC框架Day06之Restful简易员工增删改查
程序彤的博客
12-30 196
Restful - CRUD crud的url地址 /资源名/资源标识 /emps GET查全部员工 /emp POST 增员工 /emp/1 GET/PUT/DELETE 查、改、删id为1的员工 员工列表 index.jsp -> RestfulController中的@RequestMapping("/success_restful") 转发前往success_restful_crud.jsp,在其中直接发送<jsp:forward page="/emps">&l
springMvcRestIbatisDemo.zip 实例程序 实现简单登录 及增删改查
04-23
5. **增删改查（CRUD）**：CRUD是数据库操作的基础，涉及创建新记录、读取现有记录、更新记录和删除记录。在本项目中，每个操作都对应一个Controller方法，如UserController可能包含`createUser()`, `readUser()`, `...
springmvc增删改查demo
05-07
在这个"springmvc增删改查demo"中，我们将探讨如何利用SpringMVC实现基本的数据操作功能。 1. **模型（Model）**： - SpringMVC通过`@ModelAttribute`注解将HTTP请求参数绑定到Java对象上，简化了数据接收。 - ...
网上问卷的增删改查.zip
05-11
【标题】"网上问卷的增删改查.zip"所涉及的知识点主要集中在Web开发领域，尤其是使用SSM（Spring、SpringMVC、MyBatis）框架实现一个完整的项目。SSM是Java Web开发中常见的三层架构，它整合了Spring的核心功能、...
基于BootStrap和SpringBoot的学生信息管理系统，支持增删改查等基础操作，适合个人web开发学习，毕业设计或课设等
06-18
基于BootStrap和SpringBoot的学生信息管理系统，支持增删改查等基础操作，适合个人web开发学习，毕业设计或课设等 以 Maven 架构项目，使用 JSP + Servlet 开发以及 Spring + SpringMVC + MyBatis 框架；采用 c3p0 ...
springmvc增删改，分页，导入数据等功能
03-08
通过以上讨论，我们可以看出SpringMVC在处理数据管理方面的能力非常强大，它提供了完善的工具和接口，使得开发人员能够高效地实现增删改查、分页以及数据导入等复杂功能。同时，SpringMVC的灵活性和可扩展性使得它在...
Angular 18.2.0 的新功能增强和创新
最新发布
技术探索驿站
07-25 964
随着 18.2.0 的发布，CLI 已更新了新的提示，可更有效地指导开发人员完成各种任务，例如组件生成、配置选项和依赖项管理。这包括对延迟加载的改进，现在它支持更复杂的场景，并通过按需加载资源来提高应用程序的性能。新的错误处理功能可以提供更具描述性的消息，准确指出错误发生的位置和原因，这与通用消息不同。通过为您的项目配置 Angular Universal 可以说明 SSR 的改进，它现在可以更有效地处理动态导入，从而减少首次绘制的时间。借助新的测试功能，您可以轻松模拟必要的服务并直接关注组件的功能。
【进阶篇-Day12：JAVA中stream流、File类的介绍】
Ma Sizhou
07-24 825
Stream不会修改原始的集合，因此在流里的操作后的结果，需要用新的集合来保存。需求：键盘录入一个文件夹路径，找出这个文件夹下所有的 .java 文件。注意：文件夹路径有相对路径和绝对路径两种写法。注：stream流就是流水线工作，即。
SpringBoot整合Elastic-Job 2.1.53版本任务调度，手动任务，动态添加任务演示
小哇
07-23 384
zookeeper安装并成功运行。
SpringBoot集成Tomcat、DispatcherServlet
好记性不如烂笔头
07-24 1227
AbstractApplicationContext 的 refresh 方法是一个空壳方法，我们主要看它的实现类 ServletWebServerApplicationContext。
SpringMVC入门：实战增删改查操作详解
对于'增删改查'的实现，Spring MVC通常涉及以下几个步骤： 1. **新增（Insert）**： - 在`User`类中，你需要定义属性并设置对应的数据库字段。 - 创建一个服务层或Repository接口，如`UserService`，其中包含`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孔雀南飞梦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值