会议OA项目之会议发布（多功能下拉框的详解）

已于 2023-07-26 15:34:02 修改
阅读量1.1k 收藏 2
点赞数 5
分类专栏： 会议OA 文章标签： layui 前端 会议oa 前端框架
于 2023-07-19 10:33:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74315688/article/details/131800197
版权
该文章介绍了OA项目的主要功能，包括信息提交、参与者和列席人员管理，以及使用下拉复选框处理数据。前端代码展示了jsp和js的实现，包括表单验证和多功能下拉框的使用。后端涉及实体类、DAO和Web层的添加方法。还讨论了String转Date的处理和多功能下拉框的详细使用步骤与下载链接。
摘要由CSDN通过智能技术生成

🥳🥳Welcome Huihui's Code World ! !🥳🥳

接下来看看由辉辉所写的关于OA项目的相关操作吧

目录

🥳🥳Welcome Huihui's Code World ! !🥳🥳

一.主要功能点介绍

二.效果展示 

三.前端代码

jsp

js

四.后端代码 

实体类

dao

web

五.String转Date

六.多功能下拉框详细介绍

1.网站下载地址

2.使用步骤

3.效果演示

一.主要功能点介绍

①将表单中的信息提交后新增到t_oa_meeting_info表中去

②参与人员需要通过查询回显

③列席人员需要通过查询回显

⭐⭐④参与人员和列席人员都需要使用下拉复选框，把选中的id插入到t_oa_meeting_info中去

二.效果展示 

三.前端代码

jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>
<%@include file="/common/head.jsp"%>
<script type="text/javascript"
	src="/LayUi/static/js/meeting/addMeeting.js"></script>



</head>
<body style="margin-left: 40px; margin-right: 80px;">



	<form class="layui-form" action="">
		<!--会议标题  -->
		<div class="layui-form-item">
			<label class="layui-form-label">会议标题</label>
			<div class="layui-input-block">
				<input type="text" name="title" lay-verify="title"
					autocomplete="off" placeholder="请输入标题" class="layui-input">
			</div>
		</div>

		<!-- 会议内容 -->
		<div class="layui-form-item layui-form-text">
			<label class="layui-form-label">会议内容 </label>
			<div class="layui-input-block">
				<textarea placeholder="请输入内容" name="content" class="layui-textarea"></textarea>
			</div>
		</div>

		<!-- 参与者 -->
		<div class="layui-form-item">
			<label class="layui-form-label">参与者</label>
			<div class="layui-input-block">
				<select name="canyuze" xm-select="canyuze" >
					<option value="" selected="selected">----请选择----</option>

				</select>
			</div>
		</div>

		<!-- 列席者 -->
		<div class="layui-form-item">
			<label class="layui-form-label">列席者</label>
			<div class="layui-input-block">
				<select name="liexize" xm-select="liexize" >
					<option value="" selected="selected">----请选择----</option>

				</select>
			</div>
		</div>

		<!--主持人：拿到当前登录的用户  -->
		<div class="layui-form-item">
	    <label class="layui-form-label">主持人</label>
	    <div class="layui-input-block">
	      <input type="text" readonly="readonly" name="zhuchirenname" value="${user.name }" autocomplete="off" placeholder="请输入标题" class="layui-input">
	      <input type="hidden" name="zhuchiren" value="${user.id }"/>
	    </div>
	</div>

		<!--会议地点  -->
		<div class="layui-form-item">
			<label class="layui-form-label">会议地点</label>
			<div class="layui-input-block">
				<input type="text" name="location" lay-verify="title"
					placeholder="请输入地点" autocomplete="off" class="layui-input">
			</div>
		</div>

		<!-- 会议时间 -->
		<div class="layui-form">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">日期范围</label>
					<div class="layui-inline" id="test6">
						<div class="layui-input-inline">
							<input type="text" autocomplete="off" id="startTime"
								class="layui-input" placeholder="开始日期" name="startTime">
						</div>
						<div class="layui-form-mid">-</div>
						<div class="layui-input-inline">
							<input type="text" autocomplete="off" id="endTime"
								class="layui-input" placeholder="开始日期" name="endTime">
						</div>
					</div>
				</div>
			</div>
		</div>



		<!-- 备注-->
		<div class="layui-form-item layui-form-text">
			<label class="layui-form-label">备注 </label>
			<div class="layui-input-block">
				<textarea placeholder="请输入内容" name="remark" class="layui-textarea"></textarea>
			</div>
		</div>

 <div class="layui-form-item">
    <button class="layui-btn" id="btn_submit" lay-submit="" lay-filter="addmeeting">提交</button>
    <button class="layui-btn layui-btn-primary" lay-filter="reset">重置</button>
  </div>

</body>
</html>

js

let $, formSelects, laydate,form;
layui.use([ 'jquery', 'formSelects', 'laydate','form' ], function() {
	$ = layui.jquery, formSelects = layui.formSelects, laydate = layui.laydate,form=layui.form;
	initForm();//初始化表单
	//监听提交
	form.on('submit(addmeeting)', function(data){
		  let rs = data.field;
	  	  console.log("rs",rs);
	  	  
	  	  rs["methodName"]="add";
		  $.post("meetingInfo.action", rs, function(data){
			  console.log("data",data)
		   layer.alert(data.msg+"🥳🥳", {icon: 1})
		  }, "json");
		  return false;
		});
	//日期范围
	laydate.render({
		elem : '#test6'
		//设置开始日期、日期日期的 input 选择器
		//数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
		,
		type:"datetime",
		range : [ '#startTime', '#endTime' ],

	});
	
});


//初始化表单
function initForm(){
//	添加多功能下拉框选项
	//第一个参数：指的是下拉框的xm-select值，
	//第二个参数：select是指全选
	//第三个参数：remove是指移除
	//第四个参数：reverse是指反选
	formSelects.btns('canyuze', [ 'select', 'remove', 'reverse' ]);
	formSelects.btns('liexize', [ 'select', 'remove', 'reverse' ]);
	$.getJSON("user.action", {
		methodName : "selectusers"
	}, function(rs) {
		console.log(rs);
		//使用本地的数组数据进行绑定
		formSelects.data('canyuze', 'local', {
			arr : rs.data
		});

		formSelects.data('liexize', 'local', {
			arr : rs.data
		});
	});
}

四.后端代码 

实体类

package com.wh.entity;

import java.util.Date;

public class MeetingInfo {
private long id;
private String title;
private String content;
private String canyuze;
private String liexize;
private String zhuchiren;
private String location;
private Date startTime;
private Date endTime;
private String fujian;
private int state;
private String seatPic;
private String remark;
private String auditor;


public MeetingInfo() {
	// TODO Auto-generated constructor stub
}


public MeetingInfo(long id, String title, String content, String canyuze, String liexize, String zhuchiren,
		String location, Date startTime, Date endTime, String fujian, int state, String seatPic, String remark,
		String auditor) {
	super();
	this.id = id;
	this.title = title;
	this.content = content;
	this.canyuze = canyuze;
	this.liexize = liexize;
	this.zhuchiren = zhuchiren;
	this.location = location;
	this.startTime = startTime;
	this.endTime = endTime;
	this.fujian = fujian;
	this.state = state;
	this.seatPic = seatPic;
	this.remark = remark;
	this.auditor = auditor;
}


public MeetingInfo(String title, String content, String canyuze, String liexize, String zhuchiren, String location,
		Date startTime, Date endTime, String fujian, int state, String seatPic, String remark, String auditor) {
	super();
	this.title = title;
	this.content = content;
	this.canyuze = canyuze;
	this.liexize = liexize;
	this.zhuchiren = zhuchiren;
	this.location = location;
	this.startTime = startTime;
	this.endTime = endTime;
	this.fujian = fujian;
	this.state = state;
	this.seatPic = seatPic;
	this.remark = remark;
	this.auditor = auditor;
}


public long getId() {
	return id;
}


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


public String getTitle() {
	return title;
}


public void setTitle(String title) {
	this.title = title;
}


public String getContent() {
	return content;
}


public void setContent(String content) {
	this.content = content;
}


public String getCanyuze() {
	return canyuze;
}


public void setCanyuze(String canyuze) {
	this.canyuze = canyuze;
}


public String getLiexize() {
	return liexize;
}


public void setLiexize(String liexize) {
	this.liexize = liexize;
}


public String getZhuchiren() {
	return zhuchiren;
}


public void setZhuchiren(String zhuchiren) {
	this.zhuchiren = zhuchiren;
}


public String getLocation() {
	return location;
}


public void setLocation(String location) {
	this.location = location;
}


public Date getStartTime() {
	return startTime;
}


public void setStartTime(Date startTime) {
	this.startTime = startTime;
}


public Date getEndTime() {
	return endTime;
}


public void setEndTime(Date endTime) {
	this.endTime = endTime;
}


public String getFujian() {
	return fujian;
}


public void setFujian(String fujian) {
	this.fujian = fujian;
}


public int getState() {
	return state;
}


public void setState(int state) {
	this.state = state;
}


public String getSeatPic() {
	return seatPic;
}


public void setSeatPic(String seatPic) {
	this.seatPic = seatPic;
}


public String getRemark() {
	return remark;
}


public void setRemark(String remark) {
	this.remark = remark;
}


public String getAuditor() {
	return auditor;
}


public void setAuditor(String auditor) {
	this.auditor = auditor;
}


@Override
public String toString() {
	return "MeetingInfo [id=" + id + ", title=" + title + ", content=" + content + ", canyuze=" + canyuze + ", liexize="
			+ liexize + ", zhuchiren=" + zhuchiren + ", location=" + location + ", startTime=" + startTime
			+ ", endTime=" + endTime + ", fujian=" + fujian + ", state=" + state + ", seatPic=" + seatPic + ", remark="
			+ remark + ", auditor=" + auditor + "]";
}
}

dao

package com.wh.dao;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.wh.entity.MeetingInfo;
import com.wh.entity.Permission;
import com.wh.entity.User;
import com.zking.util.BaseDao;
import com.zking.util.BuildTree;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;
import com.zking.util.TreeVo;

public class MeetingInfoDao extends BaseDao<MeetingInfo> {
	//发布会议（增加）
	public int add(MeetingInfo t) throws Exception {
		String sql = "insert into t_oa_meeting_info"
				+ "(title,content,canyuze,liexize,zhuchiren,location,startTime,endTime,remark) "
				+ "value(?,?,?,?,?,?,?,?,?)";
		return super.executeUpdate(sql, t, new String[] { "title", "content", "canyuze", "liexize", "zhuchiren",
				"location", "startTime", "endTime", "remark" });
	}
}

web

package com.wh.web;

import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.beanutils.ConvertUtils;

import com.wh.dao.MeetingInfoDao;
import com.wh.entity.MeetingInfo;
import com.wh.entity.User;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.MyDateConverter;
import com.zking.util.PageBean;
import com.zking.util.R;
import com.zking.util.ResponseUtil;
import com.zking.util.StringUtils;

import java.util.Date;

public class MeetingInfoAction extends ActionSupport implements ModelDriver<MeetingInfo> {
	private MeetingInfo meetingInfo = new MeetingInfo();
	private MeetingInfoDao mid = new MeetingInfoDao();

	// 增加
	public void add(HttpServletRequest req, HttpServletResponse resp) throws Exception {
			// 影响行数
			int add = mid.add(meetingInfo);
			if (add > 0) {
				ResponseUtil.writeJson(resp,R.ok(0, "发布会议成功"));
			} else {
				ResponseUtil.writeJson(resp,R.error(0, "发布会议失败"));
			}
	}
	

	@Override
	public MeetingInfo getModel() {
		ConvertUtils.register(new MyDateConverter(), Date.class);
		return meetingInfo;
	}

}

五.String转Date

可以看到，我们在实体类中的时间用的是Date类型，但是我们子啊表单中所获取到的数据是String类型的，如果直接将获取的数据添加到数据库中，便会报出一个异常！！

 大致意思就是无法将String类型转换成Date类型

 那么在这里，我们可以用到一个工具类（将转换的代码全部封装起来，那么以后在其他的地方就方便调用）

package com.zking.util;

import java.text.SimpleDateFormat;
import java.util.Date;

import org.apache.commons.beanutils.Converter;

public class MyDateConverter implements Converter {
	@Override
	public Object convert(Class type, Object value) {
		String dateStr = (String)value;
		SimpleDateFormat spdt = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		try {
			Date date = spdt.parse(dateStr);
			return date;
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
	}
}

六.多功能下拉框详细介绍

1.网站下载地址

插件下载地址https://github.com/hnzzmsf/layui-formSelects文档下载地址https://hnzzmsf.github.io/example/example_v4.html#download

2.使用步骤

先进入插件下载的地址

 

之后只需要在需要使用的jsp界面上引用就行啦！！ （这里我是把它引入到了公共页面）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<meta name="viewport" content="width=device-width,initial-scale=1.33,minimum-scale=1.0,maximum-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta http-equiv="Content-Language" content="zh-CN">

<!-- 引入layui的css -->
<link rel="stylesheet" rev="stylesheet" href="${pageContext.request.contextPath}/static/js//layui/css/layui.css" type="text/css" media="all">
<!-- 引入layui的js -->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/layui/layui.js"></script>
<!-- 引入formSelects的css -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/static/js/plugin/formSelects-v4.css" />
<!-- 引入formSelects的js -->
<script src="${pageContext.request.contextPath }/static/js/plugin/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>

<base href="${pageContext.request.contextPath}/"  />

对了，在这里还需要说一个注意事项

我们可以看到，其中的'data'，也就是数据，它里面的数据的基本格式是name及value


但是我们的数据库中的字段与它不一样（我们的是name和id） 

所以我们需要写一个sql语句，将数据库中数据转换成我们需要的数据格式！！

package com.wh.dao;

import java.util.List;
import java.util.Map;

import com.wh.entity.User;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;
/**
 * dao层
 * @author W
 *
 */
public class UserDao extends BaseDao<User> {
		//查询用作发布会议下拉框中的数据
		public List<Map<String, Object>> selectusers(User user, PageBean pageBean) throws Exception {
			  String sql="select id as value,name from t_oa_user";
			  return super.executeQuery(sql, pageBean);
				}
}

具体使用的js代码都在前端代码中的js中了

3.效果演示

好啦，今天的分享就到这了，希望能够帮到你呢！😊😊  

是辉辉啦
关注
专栏目录
LayUI中的基本元素之 日期和时间组件文档
daimeijin的博客
08-13 2429
前言 最近在准备找工作的事项，但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。查阅资料后得到如下文章，作为学习记录使用。 日期和时间组件文档 如你所见，layDate 在 layui 2.0 的版本中迎来一次重生。无论曾经它给你带来过多么糟糕的体验，从今往后，所有的旧坑都将弥合。全面重写的 layDate 包含了大量的
会议OA项目之多功能下拉框
qq_66924116的博客
07-21 371
inputtype="text"readonly="readonly"lay-verify="required"id="dt"name="dt"autocomplete="off"placeholder="请选择会议时间"class="layui-input">============addmeeting.js代码==================================================================================......
解决layui隐藏域：不显示问题（含案例、代码、截图）
草巾冒小子的博客
08-10 2740
layui 隐藏域：不显示问题（案例篇） 自定义的隐藏域不显示？ 只需要给隐藏域添加一个layui-input类名即可，其他不用改变。 案例 · 效果图： 代码示下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale
layui日期范围初始化各种限制
qq3892997的博客
07-29 1746
layui日期范围初始化各种限制
那些web前端经典面试题大全及答案
weixin_33743703的博客
01-16 1万+
阅读目录JavaScript部分JQurey部分HTML/CSS部分正则表达式开发及性能优化部分本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题，并且都给出了我在网上收集的答案。马上就要过春节了，开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。（如有错误或更好的答案，欢迎指正，水平有限，望各位不吝...
会议OA项目（项目简介&会议发布）
m12120426的博客
07-22 774
会议OA管理系统分为四个模块，分别是会议管理、投票管理、会议室管理、系统管理今日要实现的是会议发布功能参会人员具有投票权列席人员具有知情权，不具备投票权主持人谁发布会议谁就是主持人会议发布原型图文档地址https下载地址https使用步骤1）导入formSelects将资料中的《layui-formSelects-master.zip》解压并导入dist目录中的核心js和css到项目的指定路径中2）在页面中引入核心JS和CSS//必须进行初始化操作。......
LR.net敏捷软件开发平台核心功能详解
06-28 559
软件开发，程序员就是不断地跟变量、方法、类、接口这些东西打交道，随着开发经验的积累，很多程序员会发现，虽然最终开发出来的软件每个都不一样，但是在开发过程中用到的很多东西却又是相通的。例如，每个软件的底层差不多都需要进行增删改查、文件操作、权限管理等，最后才是根据需求把这些底层功能组合包装起来做成一个成品软件，这个底层就是传统意义上的软件开发框架。 力软.Net Core敏捷开发框架就是在此基础上做了充分的优化，将常用的表单、流程、权限、移动端等功能整合为统一的前后端整合框架，使开发者只用专注于业务功能的实
通达OA用户操作手册（二）
weixin_30740295的博客
12-13 6617
4.3 业务流程平台 业务流程平台的详细使用介绍，详见《Office Anywhere2017 业务流程平台使用详解》，此处不再赘言。 4.4 工作流 工作流的详细使用介绍见《Office Anywhere2017 工作流使用详解》。 4.4.1 新建工作 图 4.4-1 进入【工作流】-【新建工作】，将鼠标放在需要新建的流程后面即可看到【快速新建】和【新建向导】两个按钮，单击进入...
Android 上千实例源码分析以及开源分析
吧主
04-12 9084
Android 上千实例源码分析以及开源分析（百度云分享） 要下载的直接翻到最后吧，项目实例有点多。 首先 介绍几本书籍(下载包中)吧。 01_Android系统概述 02_Android系统的开发综述 03_Android的Linux内核与驱动程序 04_Android的底层库和程序 05_Android的JAVA虚拟机和JAVA环境 06_Android的GUI系统 07_A
广州.Net+Android训练营 课程体系4.1版
gzcz2545119563的专栏
04-18 3099
--- 总学时3个月 重要升级信息： a.加入.Net for Android 和 Unity3D游戏开发，.Net也可以开发 Android/IOS 的3D游戏啦！ 1. Part1.0：.Net基础加强、数据库操作、三层架构 Part1.1：C#基础增强 核心技术课程 1.C#基础加强：属性原理、OOP高级、多态、多态的两种代码表现形式、静态
实训一学习总结
Mr_ShanXingWei的博客
06-22 6918
第一天内容、测试的理论知识： 1.软件开发的生命周期； a.客户提出需求(概念) b.根据客户的需求写出相对的<<需求文档>> c.前端设计效果图(原型图) 后台开发人员设计与编写代码实现功能 测试人员也会根据需求文档编写测试计划和测试用例 d.在后台开发实现功能后根据测试用例测试人员进行测试。 e.开发完全结束后测试人员进行整体测试，全面测试。测试成功后进入上线 f.软件上线后根据用户体验和实际效果进行小版本的迭代。 2.软件缺陷生产的原因种类； 1.需求变更次数
前端试题(一)
Stephy_Yy
04-05 4410
金卡智能 自我介绍不够流利 改内容 改经历 改个人项目 菲律宾经历，做什么，有什么帮助，为什么回来 为什么离开现在的公司 脚手架 vue-cli现在用的什么版本，2版本了解多少，2 3有什么区别 怎么存储静态资源 他说入口是public? BFC call和apply的区别 Localstorage和sessionstorage的区别 数组遍历的区别：foreach map filter 返回值 ...
es6新增-数组部分
m0_65912225的博客
05-31 1485
数组的扩展方法 1.静态方法 Array.isArray() :数组es5静态方法 作用: 检测一个变量/数据是不是数组(类型) typeof方法检测数据类型: 只能用于检测基本类型,不能用来检测引用类型 返回值: 如果是数组(类型),返回true;否则返回false console.log(Array.isArray(array)) //true console.log(Array.isArray(obj)) //false Array.from( arrayLike,[call
Java面试题
热门推荐
hepeng_8的专栏
04-15 5万+
1、一个".java"源文件中是否可以包括多个类（不是内部类）？有什么限制？ 可以有多个类，但只能有一个public的类，并且public的类名必须与文件名相一致。 2、Java有没有goto? java中的保留字，现在没有在java中使用。 3、说说&amp;和&amp;&amp;的区别。 &amp;和&amp;&amp;都可以用作逻辑与的运算符，表示逻...
layui复选框删除
csdndddsd的博客
09-13 217
调用del方法将从DOM中删除复选框及其关联的元素。layui提供了一个简单的API来删除复选框。如何在layui中删除复选框。
layui如何获取父页面id
最新发布
csdndddsd的博客
09-13 320
在子页面中获取父页面的数据。在子页面中修改父页面元素。在子页面中与父页面通信。如何获取父页面 ID。
layui 可以使点击图片放大
f897907070的博客
09-12 307
layui可以使图片点击放大，不用在写jquyery了真是很方便。
基于JavaWeb开发的javaSpringboot+mybatis+layui的装修验收管理系统设计和实现
央顺科技官方博客
09-12 506
随着社会的进步和科技的发展，越来越多的人追求新颖独特，实用的居住和工作学习环境。因此，在如今的建筑装饰工程中，既要考虑到客户的需求和与建筑结构的协调统一又要考虑到成本和施工组织的安排，所以说现代装饰工程是一件相对繁琐却又必须要做好的事情。在保质保量完成工作内容的同时，还要确保施工施工验收的各项标准数据、通过一段时间对Java相关开发知识的学习，基本了解了施工过程中的各种工艺流程和特点，利用JavaSpringboot+layui简单做个一个装修验收管理系统、适用于简单学习参考使用。
Vue组件：实现可搜索下拉框功能详解
本文将深入探讨Vue组件实践中的一个常见功能——可搜索下拉框。在前端开发中，特别是使用Vue.js构建用户界面时，实现一个带有搜索功能的下拉列表（通常表现为select）可以极大地提升用户体验，尤其是在数据量较大...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

是辉辉啦

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

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

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

打赏作者

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

抵扣说明：

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

余额充值