SSM初次学习后的项目笔记

初次学习SSM框架后,做了个简单的教务管理系统,现做一下简单的总结,底端有附源代码。

SSM,即Spring+SpringMVC+MyBatis三个开源框架的整合框架集,该项目用Maven搭建,Eclipse软件开发

1.数据库

用户信息表(users)
字段名描述数据类型字段限制
user_id用户IDInt(10)Primarykey
user_name用户登录名Varchar(20)Not null
password用户密码Varchar(20)Not null
学生信息表(students)
字段名描述数据类型字段限制
stu_id学号Int(10)Primarykey
stu_name姓名Varchar(20)Not null
stu_sex性别Varchar(2)Not null
stu_class班级Varchar(10)Not null
课程信息表(course)
字段名描述数据类型字段限制
cour_id课程编号Int(10)Primarykey
cour_name课程名称Varchar(20)Not null
成绩表(grade)
字段名描述数据类型字段限制
grd_id成绩IDInt(10)Primarykey
grd_stu_id学号Int(10)Not null
grd_cour_id课程编号Int(10)Not null
grades成绩Int(10)Not null

2.搭建过程

1.装好eclipse后,先配置好Maven的路径,如何配置参考该文档(我很想免费分享出来,不知道为什么资源都是要下载分的,免费的不知道怎么弄,第一次写)

Maven配置教程链接

2.打开eclipse,新建maven project
3.右键项目名,project->utf-8 ,接着右边, java build path->library->jdk1.7(没的话自己安装1.7版本)
4.导入配置文件:pom.xml文件,每个dependency为一个包,代码如下

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>net.stxy.two</groupId>
    <artifactId>ssmEdu</artifactId>
    <packaging>war</packaging>
    <version>0.0.1-SNAPSHOT</version>
    <name>ssmEdu Maven Webapp</name>
    <url>http://maven.apache.org</url>

    <!-- 定义版本号,便于修改 -->
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <junit.version>4.12</junit.version>
        <spring.version>4.3.9.RELEASE</spring.version>
        <commons-dbcp.version>1.2.2</commons-dbcp.version>
        <commons-pool.version>1.5.4</commons-pool.version>
        <mysql.version>5.1.25</mysql.version>
        <mybatis.version>3.2.2</mybatis.version>
        <mybatis-spring.version>1.3.0</mybatis-spring.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>${junit.version}</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>commons-dbcp</groupId>
            <artifactId>commons-dbcp</artifactId>
            <version>${commons-dbcp.version}</version>
        </dependency>
        <dependency>
            <groupId>commons-pool</groupId>
            <artifactId>commons-pool</artifactId>
            <version>${commons-pool.version}</version>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>${mysql.version}</version>
        </dependency>

        <!-- spring jar -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>${spring.version}</version>
        </dependency>

        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-orm</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-test</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <!-- spring用到的相关 jar -->
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjweaver</artifactId>
            <version>1.8.4</version>
        </dependency>

        <!-- 引入mybatis核心包 -->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>${mybatis.version}</version>
        </dependency>
        <!-- 引入spring集成mybatis的包 -->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
            <version>${mybatis-spring.version}</version>
        </dependency>
        <!-- spring测试框架 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-test</artifactId>
            <version>${spring.version}</version>
            <scope>test</scope>
        </dependency>

        <!-- servlet jar包 -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>

        <!-- el表达式 -->
        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.1.2</version>
        </dependency>

        <!-- log4J日志管理 -->
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.17</version>
        </dependency>
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-api</artifactId>
            <version>1.6.1</version>
        </dependency>
    </dependencies>
    <build>
        <finalName>ssmEdu</finalName>
        <plugins>
            <!-- 引入java编译器插件 -->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.1</version>
                <configuration>
                    <source>1.7</source>
                    <target>1.7</target>
                    <compilerVersion>1.7</compilerVersion>
                    <encoding>UTF-8</encoding>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

5.强制更新maven:右键项目->maven->update project,在弹框中的下方,勾选force update of snapshots/releases,即强制更新,导入刚刚配置的pom.xml文件中我们需要的jar包
6.接着建包,建bean、mapper、service、controller如下图所示:这里写图片描述
如果bean、mapper、service、controller不会像图中那样显示的话,做如下设置,建一个的时候,可能会没有像图中那样显示,建2个以上就可以了
这里写图片描述
7.编写配置文件web.xml,位置在src->main->webapp->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>
    <display-name>Archetype Created Web Application</display-name>

    <!-- springweb容器参数 -->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>
            classpath:spring-mybatis.xml,
            classpath:spring-tx.xml
        </param-value>
    </context-param>

    <!-- 解决post乱码 -->
    <filter>
        <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>characterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!-- spring context监听器 -->
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!-- springmvc -->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring-mvc.xml</param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>

    <!-- 欢迎页面 -->
    <welcome-file-list>
        <welcome-file>indexxx.html</welcome-file>
    </welcome-file-list>

</web-app>

8.继续配置文件,在resources里新建文件spring-mybatis.xml,整合spring和mybatis,代码中的<构建SqlSessionFactory>那里,设置了如下代码classpath*:net/stxy/two/mapper/*Mapper.xml,所以上面mappe文件夹中新建文件都要按照···Mapper的后缀来命名,具体代码如下:

<?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"
    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">

        <!-- 扫描spring注解 -->
        <context:component-scan base-package="net.stxy.two"/>
        <!-- 读取链接数据库的配置文件 -->
        <context:property-placeholder location="classpath:jdbc.properties"/>

        <!-- 声明一个数据源 -->
        <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close">
            <property name="driverClassName" value="${jdbc.driver}"/>
            <property name="url" value="${jdbc.url}"/>
            <property name="username" value="${jdbc.username}"/>
            <property name="password" value="${jdbc.password}"></property>
        </bean>

       <!--  构建SqlSessionFactory -->
       <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
            <property name="dataSource" ref="dataSource"></property>
            <property name="mapperLocations" value="classpath*:net/stxy/two/mapper/*Mapper.xml"></property>
       </bean>

       <!-- 自动扫描mybatis定义的mapper类,spring扫描到这些mapper类之后,就会向spring容器中注册这些mapper对象 -->
        <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
            <property name="basePackage" value="net.stxy.two.mapper"></property>
        </bean>
</beans>

9.继续在resources里新建文件spring-tx.xml(管理事务)、、spring-mvc.xml(配置控制器)、、jdbc.properties(配置数据库)、、log4j.properties(日志)共4个文件,代码分别如下:
spring-tx.xml

<?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:p="http://www.springframework.org/schema/p"
    xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"
    xsi:schemaLocation="http://www.springframework.org/schema/beans 
    http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
    http://www.springframework.org/schema/aop 
    http://www.springframework.org/schema/aop/spring-aop-3.0.xsd
    http://www.springframework.org/schema/tx 
    http://www.springframework.org/schema/tx/spring-tx-3.0.xsd">

    <!-- 声明事务管理器 -->
    <bean id="transactionManager"
        class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource" />
    </bean>

    <!-- 配置事务特性 -->
    <tx:advice id="tx" transaction-manager="transactionManager">
        <tx:attributes>
            <tx:method name="insert*" propagation="REQUIRED" />
            <tx:method name="save*" propagation="REQUIRED" />
            <tx:method name="update*" propagation="REQUIRED" />
            <tx:method name="delete*" propagation="REQUIRED" />
            <tx:method name="do*" propagation="REQUIRED" />
            <tx:method name="get*" read-only="true" />
            <tx:method name="find*" read-only="true" />
            <tx:method name="list*" read-only="true" />
        </tx:attributes>
    </tx:advice>

    <aop:config>
        <!-- 收集你要拦截的类 -->
        <aop:pointcut expression="execution(* net.stxy.two.service.*Service.*(..))"
            id="txcut" />
        <!-- 把拦截的类交给哪个切面管理 -->
        <aop:advisor advice-ref="tx" pointcut-ref="txcut" />
    </aop:config>

</beans>

spring-mvc.xml

<?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:p="http://www.springframework.org/schema/p"
    xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context"
    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/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd">

        <!-- spring会把base-package包下面的类当成控制器来处理 -->
        <context:component-scan base-package="net.stxy.two.controller"></context:component-scan>
</beans>

jdbc.properties(这里面写了allowMultiQueries=true后,后面···Mapper.xml中的sql语句才可以写多句)

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc\:mysql\://localhost\:3306/jwgl?useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
jdbc.username=root
jdbc.password=123456

log4j.properties

log4j.rootLogger=info, console, debug, app, error

###Console ###  
log4j.appender.console = org.apache.log4j.ConsoleAppender
log4j.appender.console.Target = System.out
log4j.appender.console.layout = org.apache.log4j.PatternLayout
log4j.appender.console.layout.ConversionPattern = %d %p[%C:%L]- %m%n

### debug ###    
log4j.appender.debug = org.apache.log4j.DailyRollingFileAppender
log4j.appender.debug.File = log/debug.log
log4j.appender.debug.Append = true
log4j.appender.debug.Threshold = DEBUG
log4j.appender.debug.DatePattern='.'yyyy-MM-dd
log4j.appender.debug.layout = org.apache.log4j.PatternLayout
log4j.appender.debug.layout.ConversionPattern = %d %p[%c:%L] - %m%n

### app ###    
log4j.appender.app = org.apache.log4j.DailyRollingFileAppender
log4j.appender.app.File = log/app.log
log4j.appender.app.Append = true
log4j.appender.app.Threshold = INFO
log4j.appender.app.DatePattern='.'yyyy-MM-dd
log4j.appender.app.layout = org.apache.log4j.PatternLayout
log4j.appender.app.layout.ConversionPattern = %d %p[%c:%L] - %m%n

### Error ###  
log4j.appender.error = org.apache.log4j.DailyRollingFileAppender
log4j.appender.error.File = log/error.log
log4j.appender.error.Append = true
log4j.appender.error.Threshold = ERROR
log4j.appender.error.DatePattern='.'yyyy-MM-dd
log4j.appender.error.layout = org.apache.log4j.PatternLayout
log4j.appender.error.layout.ConversionPattern =%d %p[%c:%L] - %m%n

10.至此,SSM环境已经配置好了,接下来可以进行开发了,介绍下bean、mapper、service、controller
它们的关系如下图:
这里写图片描述

一般是先写bean->mapper->service->contoller

①bean:里面建实体类,对应数据库,可以把数据库的多个表的属性名都放在一个实体类下面,但是属性名不能一样。类似下面这样

package net.stxy.two.bean;

public class Users {
    //用户表
    private int user_id;
    private String user_name;
    private String password;
    //学生表
    private int stu_id;
    private String stu_name;
    private String stu_sex;
    private String stu_class;
    //课程表
    private int cour_id;
    private String cour_name;
    //成绩表
    private int grd_id;
    private int grd_stu_id;
    private int grd_cour_id;

定义好后,右键空白->source->generate getters and setters…,在弹出的框里勾选定义的全部,接着继续右键空白->source->generate tostring()…,勾选刚刚定义的,这样实体类就建好了
②mapper:数据层接入层,主要与数据库打交道,sql语句等都是在这里写的
该文件夹下面,一般会写···Mapper.java和···Mapper.xml
前者是写方法,后者是写语句
比如下面:

//登陆  UserMapper.java
    public Users login2(Users users);

这里括号内的第一个Users,即我们在bean里定义的实体类

<!--namespace中的要与上面的UsersMapper名字对应  -->
<mapper namespace="net.stxy.two.mapper.UsersMapper">
    <!-- 登陆  UserMapper.xml -->
    <!-- 这里的id,要与上面的方法名login2对应一样 -->
    <select id="login2" parameterType="net.stxy.two.bean.Users"
        resultType="net.stxy.two.bean.Users">
        select * from users where user_name=#{user_name,jdbcType=VARCHAR}
        and password=#{password,jdbcType=VARCHAR}
    </select>
    <!-- select操作就用<select>标签,update等操作就用<update>标签操作,用错标签的话就会报错-->
</mapper>

如果要用get方法传2个参数的话,···Mapper.java就要用如下写法:

<!--@Param后面的括号的参数跟url里传的参数名要一样,也要跟数据库的列名称一样-->

public Users sel_one(@Param("stu_id")Integer stu_id,@Param("cour_name")String cour_name);

URL传多个参数时,要用&连接

③service:业务层,里面还会再建一个包impl,如下图:
这里写图片描述
先写如UserService.java,再写impl里面的,它们的代码如下:

<!--UserService.java 也是定义一个方法,跟mapper.java的一样  -->
public Users login2(Users users);
package net.stxy.two.service.impl;
//UserServiceImpl.java  给控制器controller调用
import net.stxy.two.bean.Users;//引用实体类,下面写方法用到
import net.stxy.two.mapper.UsersMapper;//引用mapper,下面定义用
import net.stxy.two.service.UsersService;//引用上面写的service.java

@Service
public class UsersServiceImpl implements UsersService {

    @Autowired//自动注入成员变量,具体百度
    private UsersMapper usersMapper;//定义

//这里的方法名也要跟上面的service的一样
    @Override//伪代码,表示重写(当然不写也可以),具体百度
    public Users login2(Users users) {
        // TODO Auto-generated method stub
        return usersMapper.login2(users);
    }

④controller:控制器,将前端和后台连接的核心,代码如下:

package net.stxy.two.controller;

import java.io.UnsupportedEncodingException;
import java.util.List;

import javax.servlet.http.HttpSession;

import org.apache.ibatis.annotations.Param;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import net.stxy.two.bean.Users;
import net.stxy.two.service.UsersService;

@Controller
@RequestMapping("/users")
public class UsersController {

    @Autowired
    private UsersService usersService;//调用服务器

    //登陆
        //localhost:8080/ssmEdu/user/login2.do 浏览器访问地址
        //这里是前端页面的表单这样写所以可以直接这样写<form action="/ssmEdu/users/login2.do" method="post">

        @RequestMapping("/login2")
        public String login2(Users users,Model model,HttpSession session) {
            Users U = usersService.login2(users);//数据查询,U是查询的结果
            if (U !=null) {
                session.setAttribute("Users", U);//缓存session,双引号里面的要首字母要大写
                return "/zhuye.jsp";//上面代码执行无误后跳转的页面
            }
            return "/update404.html";
        }
}

session在前端是这样调用session里面的值的

<span class="username">您好,${Users.user_name}老师</span>

上面这种是前端使用表单,该架构会自动传值

如果是要在前端get传2个值的话,比如通过输入一个学生的姓名和课程查询这个学生的相关信息的话,返回看mapper那里的方法的写法。
因为get的话,可能会乱码,解决乱码的办法是在下图位置加这句代码:URIEncoding=”UTF-8”
这里写图片描述
如果我们想要通过查询一个同学的姓名来查出这位同学的相关信息,然后将这些信息打印到html或者jsp页面的话,控制器可以这样写:

//查看一个学生信息
        @RequestMapping("/sel_stu")
        public String sel_stu(Users users,Model model) {
            List<Users> One_stu = usersService.sel_stu(users);//查询
            if(One_stu!=null) {
                model.addAttribute("one_stuList", One_stu);//One_stu 是查询的结果,将该结果复制给one_stuList,供前端页面调用
                return "/one_stu.jsp";//跳转的前端页面
                //return这里,可以写成return "redirect:/index.html"
                //redirect的作用就是重置路径,既直接到webapp里面的文件
            }
            else {
                return "/update404.html";
            }
        }

前端这样显示(前端页面写在webapp目录下面):

items里面的值是控制器里复制的那个变量名,var是该页面的调取变量,叫什么随便,这里是l

<c:forEach items="${one_stuList}" var="l">
       <tr>
           <td>${l.stu_id}</td>
           <td>${l.stu_name}</td>
           <td>${l.stu_sex}</td>
           <td>${l.stu_class}</td>
           <td>${l.cour_name}</td>
           <td>${l.grades}</td>
       </tr>
</c:forEach>   

在href等超链接中,也是可以直接调用,如下点击修改后,会跳转到控制器里对应的方法:

<!-- href="项目名/控制器/方法名.do?参数1=XXX&参数2=XXX  "-->

<a class="btn btn-success" href="/ssmEdu/users/sel_one.do?stu_id=${l.stu_id}&cour_name=${l.cour_name}"><i class="icon_check_alt2"></i>修改</a>

<!-- button的话,要用onclick="window.location.href='项目名/控制器/方法名.do?参数1=XXX&参数2=XXX'"-->

11.前端问题:关于html和jsp的区别,其实差不多,就是jsp比html多了个前缀,这样jsp就能够用java里面的一些代码
一般的前缀有:

<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" import="java.util.*" language="java" %>
<%
    String path = request.getContextPath();
    String basepath = request.getScheme() + "://"
    + request.getServerName() + ":" + request.getServerPort()
    + path + "/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
  <head>
  .............

我一般用这一种,另外一种是:

<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false"
    language="java"%>
<html>
<head>
......

html转jsp后的路径问题
如果是在网上找的模版,模版中的href和src中的路径中,都要在原有的路径前面,加/项目名/··········
如:href=”/项目名/之前的路径”

12.最后,如果要写多条update或者insert等的时候,除了jdbc.properties里面加allowMultiQueries=true之外,
每条sql语句也要用分号隔开

13.最后就是点击一个html标签,然后页面后退的写法:

<a href="javascript:history.go(-1);">返回上一级</a>

SSM项目源文件:点击下载

END

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值