【JavaWeb项目实战-用户登录实例】

已于 2022-12-12 11:38:09 修改
阅读量1.1k 收藏 16
点赞数 5
文章标签： java mybatis 开发语言 web
于 2022-12-12 11:34:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53076698/article/details/128278526
版权

大纲：

1.数据库表设计 tb_user  (mysql)
2.前端页面设计
    登录页面 login.jsp
        登录校验 js校验
        登录表单校验
    *1.给登录按钮绑定点击事件
    *2.获取用户姓名，判断姓名是否为空，如果为空，则提示（span标签赋值），并且return
    *3.获取密码，判断密码是否为空，如果为空，则提示（span标签赋值）并且return
    *4.都不为空，则手动提交表单

    首页 index.jsp
3.后台代码
   登录功能
 controller层
    请求接收（调用service层，返回结果）
    响应结果
*  1.接收客户端的请求（接收参数：姓名，密码）
*  2.调用service层的方法，返回消息模型对象
*  3.判断消息模型状态码
*     失败，将消息模型对象设置到request作用域中，请求转发到登录页面 login.jsp
*     成功，将用户信息设置到session作用域中，重定向到首页 index.jsp

 service层
    业务逻辑判断
* 1.参数非空判断
*      参数为空，将状态码，设置提示信息，回显数据 设置到消息模型中，返回消息模型对象
* 2.参数不为空，调用mapper(dao)层的查询方法，通过用户名查询用户对象
* 3.判断用户对象是否为空
*      为空，将状态码，设置信息提示，回显数据 设置到消息模型中，返回消息模型对象
* 4.不为空，判断前台输入的密码是否与数据库查询出来的密码一致
*      不一致， 将状态码，设置信息提示，回显数据 设置到消息模型中，返回消息模型对象
* 5.一致，将成功状态，提示信息，用户对象设置为消息模型对象，并return
 dao层 mapper
    接口类
    mapper.xml mybatis与数据库的相关操作
 entity（po，model）
    JavaBean实体
 util
    工具类（通用的方法/类）
 test
    测试类/方法

        1.数据库表设计（tb_user）

DROP TABLE IF EXISTS `tb_user`;
CREATE TABLE `tb_user` (
`userId`  int NOT NULL AUTO_INCREMENT ,
`userName`  varchar(20) NOT NULL ,
`userPwd`  varchar(30) NOT NULL ,
`userAge`  int NULL DEFAULT 18 ,
PRIMARY KEY (`userId`)
);
-- 插入两条记录
INSERT INTO `tb_user` VALUES ('1', 'kql', '123123', '18'), ('2', 'wgy', '456789', '18');

   2.登录页面 （login.jsp）

<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2022/12/10
  Time: 12:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
</head>
<body>
<div style="text-align: center">
    <form action="login" method="post" id="loginForm">
    姓名：<input type="text" name="uname" id="uname" value="${messageModel.object.userName}"/><br>
    密码：<input type="password" name="upwd" id="upwd" value="${messageModel.object.userPwd}"/><br>
        <span id="msg" style="font-size: 12px;color: darksalmon" >${messageModel.msg}</span><br>
        <button type="button" id="ubutton">登录</button>
        <button type="button">注册</button>
    </form>
</div>
<%-- 引入jquery的js文件--%>
<script type="text/javascript" src="js/jquery.txt"></script>

<script type="text/javascript">
    $("#ubutton").click(function (){
        var uname = $("#uname").val();
        var upwd = $("#upwd").val();
        if (isEmpty(uname)){
            $("#msg").html("用户姓名不能为空！")
            return;
        }
        if(isEmpty(upwd)){
            $("#msg").html("用户密码不能为空!")
            return;
        }
        $("#loginForm").submit();

    }) ;

    /**
     * 判断字符串书否为空
     * 为空返回true
     * 不为空返回false
     * @param str
     * @returns {boolean}
     */
    function isEmpty(str){
        if(str == null || str.trim() == ""){
            return true;
        }
    return false;
    }
</script>

</body>
</html>

      3.首页 （index.jsp）

<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2022/12/9
  Time: 15:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>首页</title>
  </head>
  <body>
  <h2>欢迎${user.userName}登录</h2>
  </body>
</html>

        4.mysql.properties  （注意：这里password要改为自己的数据库密码，123456是小编的密码）

driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://127.0.0.1:3306/loginprogect
user=root
password=123456

       5.mybatis-config.xml

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!--
    properties 标签中的配置可以供整个配置文件使用，在任何位置都可以引入配置中的值
    properties 标签可以通过子标签 property 标签来配置一些元素信息，也可以配置外部的动态文件
    -->
    <properties resource="mysql.properties"/><!-- 也可以配置url，但url和resource只能存在一个-->
    <!-- 类型别名-->
   <!-- <typeAliases>
        <typeAlias type="com.kkk.entity.User" alias="User"/>
    </typeAliases>-->
    <!-- 对事物的管理和连接池的配置-->
    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <property name="driver" value="${driver}"/>
                <property name="url" value="${url}"/>
                <property name="username" value="${user}"/>
                <property name="password" value="${password}"/>
            </dataSource>
        </environment>
    </environments>
    <!-- mapper映射器-->
    <mappers>
        <!-- 映射文件方式1，一个一个配置-->
      <!--  <mapper resource="com/kkk/mapper/UserMapper.xml"/>
        <mapper class="com.kkk.mapper.UserMapper"/>  -->

        <!-- 映射文件方式2，自动扫描包内的mapper接口和配置文件-->
        <package name="com.kkk.mapper"/>

    </mappers>

</configuration>

     6.GetSqlSession

package com.kkk.util;

import org.apache.ibatis.io.Resources;

import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;



import java.io.IOException;
import java.io.InputStream;

/**
 * @Author Lenovo
 * @ClassName GetSqlSession
 * @DATE 2022/12/10 22:05
 * @Description: 类的功能描述
 */
public class GetSqlSession {
    public static SqlSession createSqlSession() {
        SqlSessionFactory sqlSessionFactory = null;
        InputStream input = null;
        SqlSession session = null;

        try {
            //获取mybatis的配置文件
            String resource = "mybatis-config.xml";
            //以流的方式获取resource（mybatis的环境配置文件）
            input = Resources.getResourceAsStream(resource);
            //创建会话工厂
            sqlSessionFactory=new SqlSessionFactoryBuilder().build(input);
            //通过工厂得到sqlsession
            session=sqlSessionFactory.openSession();
            return session;
        } catch (IOException e) {
            e.printStackTrace();
            return null;
        }
    }
    public static void main(String[] args){
        System.out.println(createSqlSession());
    }
}

      7.StringUtil

package com.kkk.util;

/**
 * @Author Lenovo
 * @ClassName StringUtil
 * @DATE 2022/12/11 15:48
 * @Description: 类的功能描述
 * 判断字符串是否为空  空 true
 *                  非空 false
 */
public class StringUtil {
    public static boolean isEmpty(String str){
        if(str == null || str.trim().equals("")){
            return true;
        }
        return false;
    }
}

   8.test

package com.kkk.test;

import com.kkk.entity.User;
import com.kkk.mapper.UserMapper;
import com.kkk.util.GetSqlSession;
import org.apache.ibatis.session.SqlSession;

/**
 * @Author Lenovo
 * @ClassName Test
 * @DATE 2022/12/11 10:16
 * @Description: 类的功能描述
 */
public class Test {
    public static void main(String[] args) {
        //获取sqlsession对象
        SqlSession session = GetSqlSession.createSqlSession();
        //得到对应的mapper
        UserMapper userMapper = session.getMapper(UserMapper.class);
        //调用方法，返回用户对象
        User user = userMapper.selectByUserName("kql");
        System.out.println(user);
    }
}

     9.User

package com.kkk.entity;

/**
 * @Author Lenovo
 * @ClassName User
 * @DATE 2022/12/10 20:34
 * @Description: 用户实体类
 */
public class User {
    private Integer userId;
    private String userName;
    private String userPwd;
    private String userAge;

    public Integer getUserId() {
        return userId;
    }

    public void setUserId(Integer userId) {
        this.userId = userId;
    }

    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }

    public String getUserPwd() {
        return userPwd;
    }

    public void setUserPwd(String userPwd) {
        this.userPwd = userPwd;
    }

    public String getUserAge() {
        return userAge;
    }

    public void setUserAge(String userAge) {
        this.userAge = userAge;
    }
}

           10.MessageModel

package com.kkk.entity.vo;

/**
 * @Author Lenovo
 * @ClassName MessageModel
 * @DATE 2022/12/11 15:55
 * @Description: 类的功能描述
 * 消息模型对象（数据响应）
 * 状态码
 *      1=成功   0=失败
 * 信息提示
 *      字符串
 * 回显数据
 *      object（基本数据类型，字符串，list，map）
 */
public class MessageModel {
    private Integer code;
    private String msg;
    private Object object;

    public Integer getCode() {
        return code;
    }

    public void setCode(Integer code) {
        this.code = code;
    }

    public String getMsg() {
        return msg;
    }

    public void setMsg(String msg) {
        this.msg = msg;
    }

    public Object getObject() {
        return object;
    }

    public void setObject(Object object) {
        this.object = object;
    }
}

          11.UserServlet

package com.kkk.controller;


import com.kkk.entity.User;
import com.kkk.entity.vo.MessageModel;
import com.kkk.service.UserService;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @Author Lenovo
 * @ClassName UserServlet
 * @DATE 2022/12/11 16:03
 * @Description: 类的功能描述
 *
 */

/**
 * controller层  （接受请求，响应结果）
 * 1.接收客户端的请求（接收参数：姓名，密码）
 * 2.调用service层的方法，返回消息模型对象
 * 3.判断消息模型状态码
 *      失败，将消息模型对象设置到request作用域中，请求转发到登录页面 login.jsp
 *      成功，将用户信息设置到session作用域中，重定向到首页 index.jsp
 *
 */
@WebServlet("/login")
public class UserServlet extends HttpServlet {
    //创建UserService对象
    private UserService userService=new UserService();
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       // 1.接收客户端的请求（接收参数：姓名，密码）
        String uname=request.getParameter("uname");
        String pwd=request.getParameter("upwd");
        //2.调用service层的方法，返回消息模型对象
        MessageModel messageModel=userService.userLogin(uname,pwd);
        //3.判断消息模型状态码

        if(messageModel.getCode() == 0){
            //失败，将消息模型对象设置到request作用域中，请求转发到登录页面 login.jsp
            request.setAttribute("messageModel",messageModel);
            request.getRequestDispatcher("login.jsp").forward(request,response);

        }else{
            //成功，将用户信息设置到session作用域中，重定向到首页 index.jsp
            request.getSession().setAttribute("user",messageModel.getObject());
            response.sendRedirect("index.jsp");
        }


    }
}

          12.UserServices

package com.kkk.service;

import com.kkk.entity.User;
import com.kkk.entity.vo.MessageModel;
import com.kkk.mapper.UserMapper;
import com.kkk.util.GetSqlSession;
import com.kkk.util.StringUtil;
import org.apache.ibatis.session.SqlSession;

/**
 * @Author Lenovo
 * @ClassName UserService
 * @DATE 2022/12/11 15:53
 * @Description: 类的功能描述
 * 业务逻辑
 * 1.参数非空判断
 *      参数为空，将状态码，设置提示信息，回显数据 设置到消息模型中，返回消息模型对象
 * 2.参数不为空，调用mapper(dao)层的查询方法，通过用户名查询用户对象
 * 3.判断用户对象是否为空
 *      为空，将状态码，设置信息提示，回显数据 设置到消息模型中，返回消息模型对象
 * 4.不为空，判断前台输入的密码是否与数据库查询出来的密码一致
 *      不一致， 将状态码，设置信息提示，回显数据 设置到消息模型中，返回消息模型对象
 * 5.一致，将成功状态，提示信息，用户对象设置为消息模型对象，并return
 */
public class UserService {
    public  MessageModel userLogin(String uname,String pwd){
        MessageModel messageModel=new MessageModel();
        //回显数据
        User u=new User();
        u.setUserName(uname);
        u.setUserPwd(pwd);
        messageModel.setObject(u);
        //1.参数非空判断
        if(StringUtil.isEmpty("uname")||StringUtil.isEmpty("pwd")){
            // 参数为空，将状态码，设置提示信息，回显数据 设置到消息模型中，返回消息模型对象
            messageModel.setCode(0);
            messageModel.setMsg("用户名和密码不能为空！！！！");

            return messageModel;
        }
        //2.参数不为空，调用mapper(dao)层的查询方法，通过用户名查询用户对象
        SqlSession session= GetSqlSession.createSqlSession();
        UserMapper userMapper=session.getMapper(UserMapper.class);
        User user=userMapper.selectByUserName(uname);

        //3.判断用户对象是否为空
        if(user == null) {
            //为空，将状态码，设置信息提示，回显数据 设置到消息模型中，返回消息模型对象
            messageModel.setCode(0);
            messageModel.setMsg("姓名不正确！！！");


            return messageModel;
        }
        //4.不为空，判断前台输入的密码是否与数据库查询出来的密码一致
        if(!user.getUserPwd().equals(pwd)){
            //不一致， 将状态码，设置信息提示，回显数据 设置到消息模型中，返回消息模型对象
            messageModel.setCode(0);
            messageModel.setMsg("密码错误！！！");

            return messageModel;
        }
        //5.一致，将成功状态，提示信息，用户对象设置为消息模型对象，并return
        messageModel.setCode(1);
        messageModel.setMsg("成功!");
        messageModel.setObject(user);
        return messageModel;
    }
}

         13.UserMapper

package com.kkk.mapper;

import com.kkk.entity.User;

/**
 * @Author Lenovo
 * @ClassName UserMapper
 * @DATE 2022/12/10 20:55
 * @Description: 类的功能描述
 */
public interface UserMapper {
    User selectByUserName(String userName);

}

       14.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" >
<!-- @author:keqingling -->

<!-- 是否为Dao接口起别名 -->
<mapper namespace="com.kkk.mapper.UserMapper">
    <select id="selectByUserName" parameterType="String" resultType="com.kkk.entity.User">
        SELECT * FROM `tb_user` where userName=#{userName}

    </select>
</mapper>

            项目整个源码   

链接：https://pan.baidu.com/s/1hwkbvoDD_3vlzVqIVBcehw     

提取码：1234           

项目视频讲解：https://www.bilibili.com/video/BV1f54y1W7E6       （up主讲解的超详细）                                                                                                                                                                                                                                                                                                                                                                              

软件工程专业但是下载软件总是出bug
关注
  • 5
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用JavaWeb完成登录
Sauryi的博客
02-17 652
用JavaWeb完成登录
Javaweb开发 利用servlet+jsp+jdbc+tomcat数据库实现登录功能
wuyomhchang的博客
11-14 2454
Java web的小案例，是一个登录页面，利用Login控制类和JDBC连接数据库，并判断用户名密码是否正确，项目最终部署在Tomcat上。
【Web开发】登录注册功能实现
兴趣使然的创作者
02-07 1万+
一个含注册登录的小demo
（超详细教程）用Java制作出用户登录界面（上）
最新发布
2301_79629586的博客
05-16 2266
在Java界面，点开数据包中文件夹下的windows，点开它，根据代码注解，就可以运行和修改登录界面了，我把代码发在下面，需要的同学可自取。
JavaWeb实现简单的用户注册登录（入门级）
热门推荐
polarday的博客
10-24 7万+
JavaWeb实现简单的用户注册登录 代码主要参考的以下博客，我自己修改了一些，可以让刚入门的同学（我自己）更好的理解。 https://blog.csdn.net/caojianhua2018/article/details/92412453 项目结构 dao：这个包下主要是一些关于数据库的操作 dao.DButils：数据库的创建和删除 dao.LoginDaolmp：数据库与用户的交互操作，包括检验用户登录的账号是否合法，当用户注册时将账号插入数据库。 Servlet：实现javaweb的前后端交互
JavaWeb（用IDEA设计登录页面，完成假登录）
Hrgge的博客
02-15 1181
2．容器将 HttpServletRequest 对象和 HttpServletReponse 对象以参数的形式传入service（）（或者doGet（）／doPost（））方法内，并调 用该方法。HTTP 请求消息分为请求行、请求消息头和请求消息体三部分，所以HttpServletRequest接口中定义了获取请求行、请求头和请求消息体的相关方法。HTTP请求的请求行中包含请求方法、请求资源名、请求路径等信息，HttpServletRequest接口定义了一系列获取请求行信息的方法。
JavaWeb 登录示例
sssxlxwbwz的博客
04-01 6643
一、示例 为了对Javaweb中的JSP、Servlet以及Listener和Filter进行简单的总结，创建一个简单的只有登录和注册的小项目，项目采用MVC结构并结合了MyBatis进行简单的数据库操作。项目效果示例如下： 登录页面： 登录时账号或密码错误： 注册页面： 二、实现 2.1Maven依赖： <dependencies> <dependency> <groupId>junit&l...
人美声甜念安老师讲解JavaWeb项目实战-用户登录实例视频教学
12-25
乐字节精讲
JavaWeb项目实战
12-31
6. **安全与权限控制**：项目可能会涉及用户登录、注册、权限管理等功能，这需要了解Session、Cookie的使用，以及Spring Security或Shiro等安全框架的应用。 7. **开发工具与环境**：Eclipse、IntelliJ IDEA等集成...
javaweb项目实例
11-29
JavaWeb项目实例是一个理想的起点，尤其对于初学者来说，它提供了深入学习和实践JavaWeb开发的宝贵资源。这个实例不仅包含完整的代码实现，还有配套的笔记和详细的步骤指南，使得学习过程更为直观和易懂。 JavaWeb...
Java项目实战-JAVAWEB校园二手平台项目（附源码，部署说明）.zip
09-20
【Java项目实战-JAVAWEB校园二手平台项目】是一个典型的Java Web应用实例，它涵盖了Java编程语言、Web开发技术和数据库管理等多个方面的知识点。这个项目旨在帮助学习者掌握实际的软件开发流程，提升Java编程和Web...
网站登录页面实例
10-30
网站登录页面实例 部分代码如下，下载可看查看全部： 1.数据库结构(为简便这边采用access,实际应用中建议采用其他数据库如MySQL,MSSQL等) ============================== uname 用户名 文本型 pword 密码 文本型 初始数据uname ：ceun pword ：123 ============================== 2.视图(JSP) 登陆 <form action="/CheckServlet" method="post"> 登陆 用户名 密码    3.Servlet /**//* * CheckServlet.java *@author Java619 * Created on 2006年3月25日, 下午6:05 */ package com.ceun; import java.io.*; import java.net.*; import javax.servlet.*; import javax.servlet.http.*; import com.ceun.bean.UserBean; /** *//** * * @author ceun * @version */ public class CheckServlet extends HttpServlet ...{ /** *//** Processes requests for both HTTP GET and POST methods. * @param request servlet request * @param response servlet response */ protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException ...{ response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); String name=request.getParameter("uname");
获取登录用户状态信息
09-01
用于多用户登录时，获取已登录用户状态信息，类似任务管理器中的用户一栏
学习Java Web应用小案例：实现用户登录功能
HTML778的博客
06-14 769
登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。登录页面login.jsp，输入用户名和密码后，跳转到登录处理页面doLogin.jsp进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。
JavaWeb学习——登陆功能
qq_62006367的博客
08-28 1261
JWT令牌个人理解也就是将JSON的数据格式通过编码加密为字符串。Header部分以及PayLoad部分都是将JSON数据通过BASE64编码转化得来的，Signature部分是通过签名算法得来的。浏览器发起请求执行登录操作访问登陆的接口，登录成功生成一个JWT令牌。之后将生成的JWT令牌返回给前端，前端拿到JWT令牌之后就会自动存储起来，在后续的每一次请求当中都会将JWT令牌携带到服务器端，服务端就要进行统一拦截，先判断有没有将该令牌带过来，再判断令牌是否有效。
Javaweb实现简单的用户登录
weixin_53603117的博客
04-23 3749
实现用户登录 注：本人有关java博客皆根据b站博主狂神说所写，但是在我没有跟随他学习之前朋友已经把他做好的狂神的项目发给我了，所以这里我就不使用狂神的项目来实现，我会使用我之前实训课程的项目来实现，但是基本代码还是和狂神学习的，只是静态资源和数据库使用的是实践时的资源，（就是因为有了这次实训经历，才发现自己所学习的东西根本就不系统，所以才重新学习）如果需要狂神的项目另辟蹊径，同时我会把我这个项目的静态资源上传供大家免费下载，数据库也会上传，所以下面就不展示数据库表的内容了 准备工作 首先搭建好环境，创建一
获取用户电脑请求真实IP
zhaoyonghenghcl的博客
10-13 405
通过java跨过nginx、前后端分离等解析用户请求的真实IP
JavaWeb项目中调用静态方法获取当前用户信息
纵马饮白虹的博客
06-02 1849
JavaWeb项目中调用静态方法获取当前用户信息 用途 [1]简化代码 [2]简化代码 [3]简化代码 [4]将各种渠道的用户信息获取方式统一 思路 其实已经有框架实现这个功能,比如shiro,可以通过获取Subject然后获取Session,之后从session中获取当前用户 but! 如果这个用户是从对外提供的接口处管理呢?如果这个对外提供的接口不需要使用用户名密码登录呢?如果第三方开发不希望...
《Java-Web程序设计实战》第章-JSP基础.pptx
11-02
综合实例通常会展示如何在实际项目中应用JSP，例如构建一个电子商务系统，这可能涉及用户登录、商品浏览、购物车、订单处理等功能的实现。课后练习则帮助巩固学习，提高开发者对JSP的理解和运用能力。 在实际的Java...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值