ext操作及页面排版布局

最新推荐文章于 2022-06-04 12:20:18 发布
最新推荐文章于 2022-06-04 12:20:18 发布
阅读量2.2k 收藏
点赞数
分类专栏： Ajax/Jquery/js/ext/dwr 文章标签： ext stylesheet function javascript button string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaerfeng/article/details/6967751
版权 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>学员管理中心</title>
		<script type="text/javascript">
			function changetheme(){
				var theme=document.getElementById("theme").value;
				window.location.href="main.jsp?theme="+theme;
			}
		</script>
		<link rel="StyleSheet" href="css/dtree.css" type="text/css" />
		<link rel="StyleSheet" href="css/index.css" type="text/css" />
		<link rel="stylesheet" type="text/css"
			href="ext/resources/css/ext-all.css">
		<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="ext/ext-all.js"></script>
		<script type="text/javascript" src="js/dtree.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<%
		int t = Integer.parseInt(request.getParameter("theme")==null?"0":request.getParameter("theme"));
			if (t==1) {
		 %>
		 <link rel="StyleSheet" href="ext/resources/css/xtheme-gray.css" type="text/css" />
		 <%
			}else if (t==3) {
		 %>
		  <link rel="StyleSheet" href="ext/resources/css/xtheme-access.css" type="text/css" />
		 <%
			}else{
		 %>
		  <link rel="StyleSheet" href="ext/resources/css/xtheme-blue.css" type="text/css" />
		  <%
			};
		 %>
		<%
			String sid = (String) request.getParameter("id");
			if (sid == null) {
		%>
		<script type="text/javascript" src="js/index.js"></script>
		<%
			} else {
				int id = Integer.parseInt(sid);
				switch (id) {
					case 10 :
		%>
		<script type="text/javascript" src="js/student/showStudent.js"></script>
		<%
			break;
					case 11 :
		%>
		<script type="text/javascript" src="js/student/showStudent.js"></script>
		<%
			break;
					case 12 :
		%>
		<script type="text/javascript" src="js/student/addStudent.js"></script>
		<%
			break;
					case 13 :
		%>
		<script type="text/javascript" src="js/student/addStudent.js"></script>
		<%
			break;
					case 14 :
		%>
		<script type="text/javascript" src="js/student/showStudent.js"></script>
		<%
			break;
				};
			};
		%>
	</head>

	<body οnlοad="getTime();">
		<div id="north-div">
			<img alt="" src="images/top/logo_head.jpg" />
			<span id="exit"> 
				<select id="theme" οnchange="changetheme();">
					<option value="0">默认主题</option>
					<option value="1">复古灰</option>
					<option value="2">清新蓝色</option>
					<option value="3">深遂黑</option>
				</select>
				<img alt="" src="images/top/top_logout.gif">
			</span>
			<div>
				<span id="hello"></span>
				<span id="admin"> <font color="red">很拽の土豆</font>，欢迎登录学员管理系统 </span>
				<span id="say"> <marquee scrolldelay="200">
						<span id="words"></span>
					</marquee> </span>
			</div>
		</div>
		<div id="east-div"></div>
		<div id="west-div" style="font-size: 12px;">
			<script type="text/javascript">
	var d = new dTree('d');
	d.add(0, -1, '部门管理员您好');
	d.add(1, 0, '课程管理');
	d.add(2, 1, '查看课程', 'main.jsp?id=1', '', '');
	d.add(3, 1, '修改课程', 'main.jsp?id=2', '', '');
	d.add(4, 1, '添加课程', 'main.jsp?id=3', '', '');
	d.add(5, 0, '班级管理');
	d.add(6, 5, '查看班级', 'main.jsp?id=4', '', '');
	d.add(7, 5, '修改班级', 'main.jsp?id=5', '', '');
	d.add(8, 5, '添加班级', 'main.jsp?id=6', '', '');
	d.add(9, 0, '教师信息管理');
	d.add(10, 9, '查看教师', 'main.jsp?id=7', '', '');
	d.add(11, 9, '修改教师信息', 'main.jsp?id=8', '', '');
	d.add(12, 9, '添加教师', 'main.jsp?id=9', '', '');
	d.add(29, 0, '学员信息管理');
	d.add(30, 29, '查看学员', 'main.jsp?id=10', '', '');
	d.add(31, 29, '修改学员信息', 'main.jsp?id=11', '', '');
	d.add(32, 29, '添加学员', 'main.jsp?id=12', '', '');
	d.add(13, 0, '成绩管理');
	d.add(14, 13, '查看成绩', 'CoreManage.jsp?id=13', '', '');
	d.add(15, 13, '修改成绩', 'CoreManage.jsp?id=14', '', '');
	d.add(16, 13, '添加成绩', 'CoreManage.jsp?id=15', '', '');
	d.add(17, 0, '文件管理');
	d.add(18, 17, '文件上传', 'CoreManage.jsp?id=16', '', '');
	d.add(19, 18, '教学资料', 'CoreManage.jsp?id=17', '', '');
	d.add(20, 18, '日常管理', 'CoreManage.jsp?id=18', '', '');
	d.add(21, 17, '文件修改', 'CoreManage.jsp?id=19', '', '');
	d.add(22, 21, '教学资料', 'CoreManage.jsp?id=20', '', '');
	d.add(23, 21, '日常管理', 'CoreManage.jsp?id=21', '', '');
	d.add(24, 0, '最新消息');
	d.add(25, 24, '通知', 'CoreManage.jsp?id=22', '', '');
	d.add(26, 24, '奖惩情况', 'CoreManage.jsp?id=23', '', '');
	d.add(27, 26, '奖励情况', 'CoreManage.jsp?id=24', '', '');
	d.add(28, 26, '惩罚情况', 'CoreManage.jsp?id=25', '', '');
	document.write(d);
</script>
		</div>
		<div id="center-div">
		</div>
		<div id="south-div">
			<a href="#">土豆网</a>
			<a href="#">土豆网</a>
			<a href="#">土豆网</a>
			<a href="#">土豆网</a>
			<br />
			<br />
			© Copyright 1989-2011 很拽の土豆
			<br />
			版权所有 翻版不究
		</div>
<select id="statuslist" style="visibility:hidden"> 
	<option>On</option> 
	<option>Off</option> 
</select>
<select id="userTypes" style="visibility:hidden"> 
	<option>读者</option> 
	<option>VIP读者</option>
	<option>管理员</option> 
	<option>超级管理员</option> 
</select>
	</body>
</html>


document.οncοntextmenu=new Function("event.returnValue=false;"); //禁止右键功能,单击右键将无任何反应 
document.onselectstart=new Function("event.returnValue=false;"); //禁止先择,也就是无法复制 
   function Logout()
   {
   		Ext.MessageBox.hide();
         Ext.MessageBox.show({
         title:"退出",
    msg:"确定要退出吗?",
    buttons:{"yes":"是","no":"否"},
    fn:function(e){if(e=="yes"){window.parent.location.href="logout.jsp";}},
    animEl:"caidan",
     // width:500,
    icon:Ext.MessageBox.INFO,
    closable:false,
     progress:false,
     wait:false,
     progressText:""
   // prompt:true
   // multiline:true
         });
   }
   

   Ext.onReady(function(){
 			
         //  var btn11 = new Ext.Button({
         //    text:'登陆',
         //   type:'button',
         //   id:'login',
         //   enableToggle:true,
         //   pressed: true,
         //   allowDepress:true,
         //   toggleHandler:chushiyemian
         //  });
       
   
         var item1 = new Ext.Panel({
                title: '学员功能',
                collapsed:true,
                autoScroll:true,
                iconCls:'stu-icon',
          		//html:['<a href="javascript:studentInfo()">个人信息</a><br>','<a href="javascript:history()">历史成绩</a><br>','<a href="javascript:startQuestion()">开始答题</a>'],
                cls:'empty',
                bodyStyle:'background-color:#dee7ff',
				items: [{
			        items: {
			        	bodyStyle:'background-color:#dee7ff',
			        	scale: 'large',
			        	id:'meInfo',
			            xtype: 'button',
			            text:'个人信息',
			            iconCls:'info',
			           // enableToggle:false,
			           // toggleHandler:studentInfo,
			            listeners:{   
                    	"click":function(){   
                        Ext.get('content-iframe_in_out').dom.src='StudentInfo.jsp';  //你要连接的地址
         				Ext.getCmp('container').setTitle('个人信息');
         				//this.disable();
                    		} 
                    	}
			        }
			    }, {
			        items: {
			            xtype: 'button',
			            scale: 'large',
			            id:'history',
			            text:'历史成绩',
			            iconCls:'history',
			            enableToggle:false,
			            toggleHandler:history,
			            listeners:{   
                    	"click":function(){   
                        Ext.get('content-iframe_in_out').dom.src='history.jsp';  //你要连接的地址
         				Ext.getCmp('container').setTitle('历史成绩');   
                    		} 
                    	}
			        }
			    }, {
			        items: {
			            xtype: 'button',
			            scale: 'large',
			            id:'startq',
			            text:'开始答题',
			            iconCls:'question',
			           // enableToggle:false,
			           // toggleHandler:startQuestion,
			            listeners:{   
                    	"click":function(){   
                        Ext.get('content-iframe_in_out').dom.src='StartQuestion.jsp';  //你要连接的地址
         				Ext.getCmp('container').setTitle('开始答题');
                    		} 
                    	}
			        }
			    }]
            });
            var item2 = new Ext.Panel({
                title: '教员功能',
                 collapsed:true,
                autoScroll:true,
                iconCls:'tech-icon',
          		//html:['<a href="javascript:teacherInfo()">个人信息</a><br>','<a href="javascript:subjectManager()">科目管理</a><br>','<a href="javascript:questionManager()">试题管理</a><br>','<a href="javascript:studentManager()">学生管理</a>'],
                cls:'empty',
                bodyStyle:'background-color:#dee7ff',
				items: [{
			        items: {
			        	bodyStyle:'background-color:#dee7ff',
			        	scale: 'large',
			        	id:'meInfo',
			            xtype: 'button',
			            text:'个人信息',
			            iconCls:'tinfo',
			           // enableToggle:false,
			           // toggleHandler:studentInfo,
			            listeners:{   
                    	"click":function(){   
                        Ext.get('content-iframe_in_out').dom.src='TeacherInfo.jsp';  //你要连接的地址
         				Ext.getCmp('container').setTitle('个人信息');
         				//this.disable();
                    		} 
                    	}
			        }
			    }, {
			        items: {
			            xtype: 'button',
			            scale: 'large',
			            id:'subject',
			            text:'科目管理',
			            iconCls:'subject',
			            enableToggle:false,
			            toggleHandler:history,
			            listeners:{   
                    	"click":function(){   
                        Ext.get('content-iframe_in_out').dom.src='SubjectManager.jsp';  //你要连接的地址
         				Ext.getCmp('container').setTitle('科目管理');   
                    		} 
                    	}
			        }
			    }, {
			        items: {
			            xtype: 'button',
			            scale: 'large',
			            id:'question',
			            text:'试题管理',
			            iconCls:'question',
			           // enableToggle:false,
			           // toggleHandler:startQuestion,
			            listeners:{   
                    	"click":function(){   
                        Ext.get('content-iframe_in_out').dom.src='QuestionManager.jsp';  //你要连接的地址
         				Ext.getCmp('container').setTitle('试题管理');
                    		} 
                    	}
			        }
			    }, {
			        items: {
			            xtype: 'button',
			            scale: 'large',
			            id:'student',
			            text:'学员管理',
			            iconCls:'student',
			          //  enableToggle:false,
			          //  toggleHandler:startQuestion,
			            listeners:{   
                    	"click":function(){   
                        Ext.get('content-iframe_in_out').dom.src='StudentManager.jsp';  //你要连接的地址
         				Ext.getCmp('container').setTitle('学员管理');
                    		} 
                    	}
			        }
			    }]
            });
        
   var viewport = new Ext.Viewport({
            layout:'border',
            items:[
               new Ext.Panel({
                region:'west',
                id:'west-panel',
                iconCls:'homeMenu',
                split:false, //可以左右调整宽度
                width: 146, //宽度
                 minSize: 120,
                 maxSize: 400,
                 margins:'0 0 0 5',
                title:'菜单',
                bodyStyle:'background-color:#dee7ff',
                titleCollapse:true, //通过item的标题来打开或关闭
                collapsible:true,
                layoutConfig:{
                    animate:true
                },
                layout:'accordion',
             items: [item1,item2]
           
            }),
            new Ext.Panel({
            title: '欢迎登陆',
            region:'center',
            collapsible:false,
            autoScroll:true,
            id: 'container',
            iconCls:'home',
            width:600,
            html:'<iframe id="content-iframe_in_out" frameborder="no" src="mid.jsp" style="width:100%;height:100%"></iframe>'
                        }) 
             ]
        });
   
       function chushiyemian()  //chushiyemian对应button的toggleHandler事件
       {
         Ext.get('content-iframe_in_out').dom.src='StartQuestion.jsp';  //你要连接的地址
         Ext.getCmp('container').setTitle('开始考试');
       }
       
       viewport.render('index');
    });

package com.tudou.ssh.service;

import java.util.List;

import net.sf.json.JSONArray;
import net.sf.json.JSONObject;

import com.tudou.ssh.commons.BaseDao;
import com.tudou.ssh.commons.PageModel;
import com.tudou.ssh.dao.UserDao;
import com.tudou.ssh.entity.User;

public class UserService extends BaseDao implements UserDao {

	@SuppressWarnings("unchecked")
	public String getUserJsons(int start, int pageSize) {
		StringBuffer json = new StringBuffer();
		PageModel pm = this.getDatasByHql("select u from User u", null, start,
				pageSize);
		List<User> users = pm.getDatas();
		int count = pm.getTotal();
		json.append("{total:" + count);
		json.append(",root:[");
		for (User u : users) {
			json.append("{userId:" + u.getUserId() + ",");
			json.append("userName:'" + u.getUserName() + "',");
			json.append("userPwd:'" + u.getUserPwd() + "',");
			json.append("contactName:'" + u.getContactName() + "',");
			json.append("phone:" + u.getPhone() + ",");
			json.append("officePhone:" + u.getOfficePhone() + ",");
			json.append("address:'" + u.getAddress() + "',");
			json.append("email:'" + u.getEmail() + "',");
			json.append("status:" + u.getStatus() + ",");
			json.append("createDate:'" + u.getCreateDate() + "',");
			json.append("ip:'" + u.getIp() + "',");
			json.append("lastLoginTime:'" + u.getLastLoginTime() + "',");
			json.append("membertype:'" + u.getMembertype().getMember_name()
					+ "'},");
		}
		json = new StringBuffer(json.substring(0, json.length() - 1));
		json.append("]}");
		return json.toString();
	}

	public boolean delUser(String userIds) {
		String[] userId = userIds.split(",");
		for (String s : userId) {
			this.delete(Integer.parseInt(s));
		}
		return true;
	}

	public boolean updateUser(String jsons) {
		JSONArray json = JSONArray.fromObject(jsons);
		User user = new User();
		for (Object obj : json) {
			JSONObject js = JSONObject.fromObject(obj);
			user.setUserId(js.getInt("userId"));
			user.setUserName(js.getString("userName"));
			user.setContactName(js.getString("contactName"));
			user.setPhone(js.getString("phone"));
			user.setOfficePhone(js.getString("officePhone"));
			user.setAddress(js.getString("address"));
			user.setEmail(js.getString("email"));
			user.setStatus(js.getInt("status"));
			user.setUserName(js.getString("userName"));
			user.setUserPwd(js.getString("userPwd"));
			user.setIp(js.getString("ip"));
			user.setLastLoginTime(js.getString("lastLoginTime"));
			user.setCreateDate(js.getString("createDate"));
			// user.setMembertype(membertype)(js.getString("membertype"));
		}
		return this.saveOrUpdate(user);
	}
}


yaerfeng
关注
专栏目录
uni-app实战之社区交友APP（9）我的页面开发
CUFEECR的博客
02-04 3816
个人中心页面需要配置导航栏标题、菜单按钮等；个人中心需要实现顶部个人信息栏、互动信息栏、广告位、浏览历史、社区认证和审核帖子，使用uni-list-item组件；设置页入口是个人中心页面。修改密码页面入口在设置页；需要验证后两次密码相同；修改邮箱页面入口也是设置页，需要验证邮箱格式。编辑资料页也使用uni-list-item实现；修改头像使用图片上传接口实现；修改昵称使用输入框，修改性别、情感和职业使用接口；修改生日使用picker组件；城市选择使用三级联动城市选择器。开发帮助反馈页面；开发关于页面。
Ext中的页面排版布局总和
Crystal
12-13 162
//小小的入门 首先是怎么得到Ext中的对象：只需要一个new关键字即可（例如：new Ext.form.FormPanel({name:'form表单',items:[new Ext.form.TextField({field:'用户名'})})） 注释一下： {}：这个里面放的主要是new的这个对象里面的配置，即他们的属性 items：[]这个里面放入的主要是对象，即直接放入可以了，不...
Ext操作dom和Jquery操作dom详细介绍
吾日五省我身！
08-30 201
一：Ext操作Dom         可以通过Id获取Ext.Element对象       var aaa = Ext.get("input"); //input为id       var bbb =Ext.fly("input"); //只操作一次建议用这个       可以通过下面方式把Ext.Element对象转换成dom对象               var p...
Ext页面布局方式总结
独行者的专栏
01-08 1299
以下是本人对Ext几种常用布局方式做的总结：1.Accordion Layout:用来做可折叠式布局，可用于Panel、Viewport等控件。2.AnchorLayout:用来做精确定位布局，可用于Panel、Viewport等控件。3.BorderLayout:用来做边框式布局，可分为东、西、南、北、中五个方位进行布局，可用于Panel、Viewport等控件。4.CardLa
UC手机浏览器js加入收藏夹
热门推荐
weixin_30500473的博客
06-24 1万+
概述 对于某些网站来说，让用户一键把网页加入收藏夹的设计是非常棒的，它能提醒用户把网页加入收藏夹，从而增加用户的回访率，使网站获得更多的流量。 在PC端，只有ie和ff支持用js把网页加入收藏夹的操作，在移动端目前都不支持把网页加入收藏夹，除了uc手机浏览器，因为uc手机浏览器用的U4内核，经过了一些处理。 由于UC浏览器目前的用户数量还是挺多的，所以探讨一下UC手机浏览器端怎么实现把网页加入收藏...
Ext3在IE11和360浏览器中显示不兼容、排版混乱，但在火狐、谷歌和QQ中显示正常
Ttaonima的博客
01-16 1376
最近在解决Ext在浏览器中兼容性的问题，在网上找了好多方法，比如使用 use strict 还有就是添加特定的和删除掉这部分的内容等，但都不能解决下面图示所出现的问题，第一次发帖，还望各位知道的大神告诉下我，谢谢各位大神 房屋查询 document.onkeydown=function(e){ // 兼容FF和IE和Opera
总结了42 种前端常用布局方案（超全）前端必备
自救 唯有自强
06-04 2398
本篇文章总结了四十二种CSS的常见布局，这四十二种布局可以细分为如下几类：实现水平布局比较简单，方法也比较多，这里总结了7种常用的布局方法，其公共的CSS代码如下所示： 其 HTML 结构也是固定的，就是一个父级，其宽度继承了 的宽度，还有一个子级，这里是固定的300px*300px，代码如下： 最终的实现效果如下： 上图中玫瑰色的块是父级，随页面宽度增加的；淡紫色是子级，相对于父级居中的。若元素为行内块级元素，也就是 display: inline-block 的元素，可以通过为其父元素设置t ext
运用pdflib库操作pdf排版例程
10-15
PDFLib的`PDF_begin_page_ext()`和`PDF_end_page_ext()`函数可以帮助我们在指定的页面上开始和结束绘图操作。最后，使用`PDF_save()`将所有改动保存到文件中，并用`PDF_close_pdi_document()`关闭PDF文档。 除了...
ext简明教程_掏钱学ext
07-31
- **布局管理器**：解释了如何使用不同的布局管理器（如卡片布局、网格布局）来组织页面元素。 2. **高级特性详解** - **数据绑定**：教授如何使用ext的数据绑定功能来实现动态数据展示。 - **事件处理**：深入...
Ext UploadDialog For Ext3.2.1 附使用示例
11-05
Extjs的uploadDialog网上发布的正式版只有2.x版本。一些人做的3.x版本经使用效果不好。现改造Ext UploadDialog For Ext3.2.1版本及使用的示例供大家使用。
AddFavorite添加收藏
weixin_33860553的博客
03-18 3050
将网址添加到收藏夹的JS代码（IE） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">...
ExtJs常用布局--layout详解（含实例）
weixin_30377461的博客
05-23 979
序言： 笔者用的ExtJs版本：ext-3.2.0 ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 本文所有实例代码已提供下载，下载链接：ExtJs常用布局--layout详解实例代码 简介： 最常用的边框布局—...
combox控件下拉框里赋默认值_PyQT5控件:下拉列表框(QComboBox)
weixin_39520869的博客
11-28 4498
QComboBox下拉列表框QComboBox以占用最少屏幕空间的方式向用户显示选项列表。它是一个选择控件，显示当前项目，并可以弹出可选项目列表。组合框可以是可编辑的，允许用户修改列表中的每个项目。QComboBox类属性editable 设置是否可编辑currentText设置当前列表框显示内容(前提是先在列表框添加内容)currentIndex设置当前列表框显示内容的索引(前提是先在列表框添加...
EXT框架界面设计
sunjay117的专栏
04-20 5307
ExtJs的框架界面设计，个人感觉还这个框架的UI做出效果还是比较叫不错的， 楚翔新闻管理系统 --%> var pnNorth = new Ext.Panel({ id: 'pnNorth',
ExtJS——页面布局汇总
u013127751的博客
03-23 1414
Ext.onReady(function(){ var box1 = new Ext.Component({ autoEl:{ tag:'div', style:'background:red;width:300px;height:30px', html:'box1' } });
Extjs6（三）——用extjs6.0写一个简单页面
weixin_30607029的博客
04-21 341
本文基于ext-6.0.0 一、关于border布局 　　在用ext做项目的过程中，最常用到的一种布局就是border布局，现在要写的这个简单页面也是运用border布局来做。border布局将页面分为五个部分，分别是north、south、west、east、center，对应着上、下、左、右、中，下面看一个简单的border布局的例子。 Ext.define('Learni...
ext-js页面布局
iteye_8748的博客
12-12 304
首先这个布局分上中下，然后中间又分左中右，我把各个区域都单独成一个JS类，便于重用。以后遇到这种布局就一劳永逸，(*^__^*) 。下面分别贴出各个区域的JS类源码： //顶部Panel类： Ext.namespace("sys"); sys.TopPanel = Ext.extend(Ext.Panel,{ constructor:function(cfg){ if(!cfg...
extjs的window布局
star博客
05-18 1843
Ext.onReady(function () { var win = new Ext.Window({ title: "个人资料", width: 500, height: 320, plain: true, la
Ext.Net基础控件与布局示例：Js函数操作
本文主要介绍了Ext.NET框架中的基础控件使用和布局方式，特别是与JavaScript函数结合的应用。...通过JavaScript函数与这些布局控件的交互，可以实现更复杂的功能，如在用户操作时动态修改界面布局或更新数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值