flex角色管理视图

最新推荐文章于 2020-06-21 06:53:58 发布
最新推荐文章于 2020-06-21 06:53:58 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： Flex Flash builder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flash8627/article/details/8172140
版权

最近要用flex实现权限管理军火库装配，记下来吧，流失得太多了。


主要是角色应该拥有的资源，spring security 3.x里面需要的，角色列表，某角色拥有的资源，资源树checkbox的操作。

代码如下：


treecheckbox

CheckTreeRenderer

package com.gwtjs.renderer.tree
{
	import flash.events.MouseEvent;
	import flash.xml.*;
	
	import mx.collections.*;
	import mx.controls.CheckBox;
	import mx.controls.Image;
	import mx.controls.Tree;
	import mx.controls.listClasses.*;
	import mx.controls.treeClasses.*;
	public class CheckTreeRenderer extends TreeItemRenderer
	{
        protected var myImage:Image;
        
        
        private var imageWidth:Number 	= 6;
	    private var imageHeight:Number 	= 6;
        private var inner:String ;
		protected var myCheckBox:CheckBox;
		static private var STATE_SCHRODINGER:String = "schrodinger";
		static private var STATE_CHECKED:String = "checked";
		static private var STATE_UNCHECKED:String = "unchecked";
	    
        public function CheckTreeRenderer () 
		{
			super();
			mouseEnabled = false;
		}
		
		override protected function createChildren():void
		{
			super.createChildren();
			myCheckBox = new CheckBox();
			myCheckBox.setStyle( "verticalAlign", "middle" );
			myCheckBox.addEventListener( MouseEvent.CLICK, checkBoxToggleHandler );
			addChild(myCheckBox);
			myImage = new Image();
	    	myImage.source = inner;
			myImage.addEventListener( MouseEvent.CLICK, imageToggleHandler );
			myImage.setStyle( "verticalAlign", "middle" );
			addChild(myImage);
			
	    }	
		
		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
	   	{
			super.updateDisplayList(unscaledWidth, unscaledHeight);
	        if(super.data)
	        {
			    if (super.icon != null)
			    {
				    myCheckBox.x = super.icon.x;
				    myCheckBox.y = super.icon.y;
				    myCheckBox.width = super.icon.width;
				    myCheckBox.height = super.icon.height;
				    super.icon.x = myCheckBox.x + myCheckBox.width ;
				    super.label.x = super.icon.x + super.icon.width;
				}
				else
			    {
				    myCheckBox.x = super.label.x;
				    myCheckBox.y =  super.label.y;
				    myCheckBox.height = super.label.height;
				    super.label.x = myCheckBox.x + myCheckBox.width + myCheckBox.height;
				}
			    if (data.@state == STATE_SCHRODINGER)
			    {
			    	myImage.x = myCheckBox.x + 4;
			    	myImage.y = myCheckBox.y + 4;
					myImage.width = imageWidth;
					myImage.height = imageHeight;
			    }
			    else
			    {
			    	myImage.x = 0;
			    	myImage.y = 0;
					myImage.width = 0;
					myImage.height = 0;
			    }
			}
	    }
		
		override public function set data(value:Object):void
		{
			super.data = value;
			
			setCheckState (myCheckBox, value, value.@state);
			if(TreeListData(super.listData).item.@type == 'dimension')
			{
			    setStyle("fontStyle", 'italic');
			}
			else
			{
				if (this.parent != null)
				{
					var _tree:Tree = Tree(this.parent.parent);
		    		_tree.setStyle("defaultLeafIcon", null);
		  		}
				setStyle("fontStyle", 'normal');
			}
	    }
		
		private function toggleParents (item:Object, tree:Tree, state:String):void
		{
			if (item == null)
			{
				return;
			}
			else
			{
				item.@state = state;
				toggleParents(tree.getParentItem(item), tree, getState (tree, tree.getParentItem(item)));
			}
		}
		
		private function toggleChildren (item:Object, tree:Tree, state:String):void
		{
			if (item == null)
			{
				return;
			}
			else
			{
				item.@state = state;
				var treeData:ITreeDataDescriptor = tree.dataDescriptor;
				if (treeData.hasChildren(item))
				{
					var children:ICollectionView = treeData.getChildren (item);
					var cursor:IViewCursor = children.createCursor();
					while (!cursor.afterLast)
					{
						toggleChildren(cursor.current, tree, state);
						cursor.moveNext();
					}
				}
			}
		}
		
		private function getState(tree:Tree, parent:Object):String
		{
//			Alert.show("1");
			var noChecks:int = 0;
			var noCats:int = 0;
			var noUnChecks:int = 0;
			if (parent != null)
			{
				var treeData:ITreeDataDescriptor = tree.dataDescriptor;
				var cursor:IViewCursor = treeData.getChildren(parent).createCursor();
				while (!cursor.afterLast)
				{
					if (cursor.current.@state == STATE_CHECKED)
					{
						noChecks++;
					}
					else if (cursor.current.@state == STATE_UNCHECKED)
					{
						noUnChecks++
					}
					else
					{
						noCats++;
					}
					cursor.moveNext();
				}
			}
			if ((noChecks > 0 && noUnChecks > 0) || (noCats > 0))
			{
				return STATE_SCHRODINGER;
			}
			else if (noChecks > 0)
			{
				return STATE_CHECKED;
			}
			else
			{
				return STATE_UNCHECKED;
			}
		}
		private function imageToggleHandler(event:MouseEvent):void
		{
			myCheckBox.selected = !myCheckBox.selected;
			checkBoxToggleHandler(event);
		}
		private function checkBoxToggleHandler(event:MouseEvent):void
		{
			if (data)
			{
				var myListData:TreeListData = TreeListData(this.listData);
				var selectedNode:Object = myListData.item;
				var tree:Tree = Tree(myListData.owner);
				var toggle:Boolean = myCheckBox.selected;
				if (toggle)
				{
					toggleChildren(data, tree, STATE_CHECKED);
				}
				else
				{
					toggleChildren(data, tree, STATE_UNCHECKED);
				}
				var parent:Object = tree.getParentItem (data);
				toggleParents (parent, tree, getState (tree, parent));
				tree.parent.dispatchEvent(new TreeCheckBoxEvent(TreeCheckBoxEvent.CHECKBOX_CLICK,false,false,data));
			}
		}

		private function setCheckState (checkBox:CheckBox, value:Object, state:String):void
		{
			if (state == STATE_CHECKED)
			{
				checkBox.selected = true;
			}
			else if (state == STATE_UNCHECKED)
			{
				checkBox.selected = false;
			}
			else if (state == STATE_SCHRODINGER)
			{
				checkBox.selected = false;
			}
		}	    
		
	}
}


TreeCheckBoxEvent

package com.gwtjs.renderer.tree
{
	import flash.events.Event;

	public class TreeCheckBoxEvent extends Event
	{
		public static const CHECKBOX_CLICK:String = "checkBoxClick";
		private var _data:Object;
		
		public function get data():Object{
			return this._data;
		} 
		
		public function set data(data:Object):void{
			this._data = data;
		}
		public function TreeCheckBoxEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false,data:Object=null)
		{
			if(data != null) this._data = data;
			super(type, bubbles, cancelable);
		}
		
	}
}


RoleEditorWindow.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
                width="470" height="440" close="PopUpManager.removePopUp(this)" layout="vertical"
                creationComplete="creationCompleteHandler(event)"
                showCloseButton="true" title="角色编辑{action}">
    <mx:Script>
        <![CDATA[
            import com.gwtjs.renderer.tree.TreeCheckBoxEvent;
            
            import mx.collections.ArrayCollection;
            import mx.collections.XMLListCollection;
            import mx.controls.Alert;
            import mx.events.CloseEvent;
            import mx.events.FlexEvent;
            import mx.managers.PopUpManager;
            
            [Bindable]
            public var action:String = "Insert";
            [Bindable]
            public var role:Object = new Object();
            [Bindable]
            public var treeData:ArrayCollection = new ArrayCollection();
            [Bindable]
            public var folderList:XMLList =
                <>
                <folder id="1" state="unchecked" resourceName="Marketing Collateral" isBranch="true" >
                  <folder id="2" state="unchecked" isBranch="true" resourceName="Media, PR, and Communications" >
                    <folder id="3" state="unchecked" isBranch="false" resourceName="Talking Points" />                      
                    <folder id="4" state="unchecked" isBranch="false" resourceName="Rep Points" />
                      <folder id="5" state="unchecked" isBranch="false" resourceName="Special Updates" />
                      <folder id="6" state="unchecked" isBranch="false" resourceName="White Papers" />
                  </folder>
                  <folder  id="7" state="unchecked" isBranch="true" resourceName="Forms and Applications" >
                      <folder id="8" state="unchecked" isBranch="false" resourceName="Applications" />
                      <folder id="9" state="unchecked" isBranch="false" resourceName="Forms" />
                  </folder>
                </folder>
                </>;
            
            [Bindable]
            public var folderCollection:XMLListCollection;
            
            //保存数据
            protected function saveNode(event:MouseEvent):void
            {
                saveBtn.enabled = false;
                if("Update"==action){
                }else{
                }
                //取树勾选的项
                getTreeCheckboxState(folderList);
                Alert.show(getResouceToString());
                PopUpManager.removePopUp(this);
            }
            //重置表单
            protected function resetNode(event:MouseEvent):void
            {
                if("Update"==action){
                }else{
                }
            }
            
            //遍历tree的数据，如果某用户拥有角色标识，应该勾选上。
            public function isExists(str:String,trees:XMLList):void{
                //trace(str);
                //Alert.show(trees.toString()+":"+str,"Test");
                for each(var t:XML in trees){
                    //Alert.show(t.@id+":"+str,"期待"+str+"出现");
                    if(t.@id.toString()==str){
                        t.@state = "checked";//勾选上
                    }
                    if (t.hasComplexContent()){
                        arguments.callee(str,t.children());//递归找下去,不能错过一个。
                    }
                }
            }
            
            protected function creationCompleteHandler(event:FlexEvent):void
            {
                Alert.show(action);
                if("Update"==action){
                    //遍历数据打上拥有标记
                    var ids:Array = role.resource.split(",");
                    
                    for(var i:int=0;i<ids.length;i++){
                        var str:String = ids[i];
                        isExists(str,folderList);
                    }
                }
                //Alert.show(folderList.toString()+"","Test");
                //监听checkbox点击事件
                this.addEventListener(TreeCheckBoxEvent.CHECKBOX_CLICK,treeCheckBoxHandler);
                folderCollection = new XMLListCollection(folderList);
                checkTree.dataProvider = folderCollection;//树给数据
            }
            
            //点击后应该做的事
            private function treeCheckBoxHandler(event:TreeCheckBoxEvent):void{
                var tempXml:XML = event.data as XML;
                //Alert.show(tempXml.toXMLString(),"");
            }
            
            //更新datagrid,这里没用。
            private function updataDataGrid():void{
                //Alert.show(checkTree.selectedItem.@resourceName,checkTree.selectedItem.@state);
            }
            
            //返回字符串
            public function getTreeCheckboxState(trees:XMLList):void{
                //trace(str);
                //Alert.show(trees.toString()+":"+str,"Test");
                for each(var t:XML in trees){
                    //Alert.show(t.@id+":"+str,"期待"+str+"出现");
                    if(t.@state == "checked"){
                        var obj:Object = new Object();
                        obj.resourceId = t.@id;
                        obj.resourceName = t.@resourceName;
                        treeData.addItem(obj);
                    }
                    if (t.hasComplexContent()){
                        arguments.callee(t.children());//递归找下去,不能错过一个。
                    }
                }
            }
            
            //返回字符串
            public function getResouceToString():String{
                var reso:String = "[";
                for each(var obj:Object in treeData){
                    reso+="{resoueceId:"+obj.resourceId;
                    reso+=",resourceName:'"+obj.resourceName+"'},";
                }
                reso=reso.substring(0,reso.length-1);
                reso+="]";
                return reso;
            }
            
        ]]>
    </mx:Script>
    <mx:Form width="100%">
        <mx:FormItem label="角色名称" width="100%">
            <mx:TextInput width="100%" id="roleName" text="{role.roleName}"/>
        </mx:FormItem>
        <mx:FormItem label="" width="100%">
            <mx:HBox width="100%">
                <mx:CheckBox label="系统角色" id="issys" selected="{role.issys}"/>
                <mx:CheckBox label="起用" id="byEnabled" selected="{role.enable}"/>
            </mx:HBox>
        </mx:FormItem>
        <mx:FormItem label="说明" width="100%">
            <mx:TextArea width="100%" id="roleDesc" text="{role.roleDesc}"/>
        </mx:FormItem>
        
    </mx:Form>
    <mx:Form width="100%">
        <mx:Tree 
            id="checkTree"
            itemRenderer="com.gwtjs.renderer.tree.CheckTreeRenderer"
            itemClick="updataDataGrid()"
            labelField="@resourceName"
            width="100%" height="100%" >
        </mx:Tree>
    </mx:Form>
    <mx:HBox width="100%" height="36">
        <mx:HBox width="100%" />
        <mx:Button label="保存" click="saveNode(event)" id="saveBtn"/>
        <mx:Button label="重置" click="resetNode(event)"/>
        <mx:HBox width="100%" />
    </mx:HBox>
</mx:TitleWindow>

测试文件SysRoleManagerTest.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="creationCompleteHandler(event)" minWidth="955" minHeight="600" xmlns:control="com.gwtjs.control.*">
    
    <mx:Script>
        <![CDATA[
            import com.gwtjs.components.RoleEditorWindow;
            
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.events.CloseEvent;
            import mx.events.FlexEvent;
            import mx.managers.PopUpManager;
            
            private var pageIndex:int=0;
            private var pageSize:int=5;
            
            [Bindable]
            public var roleArray:ArrayCollection = new ArrayCollection([
                {id:1,roleName:'系统超级管理员',roleDesc:"管理系统",issys:true,enable:true,resource:""},
                {id:2,roleName:'系统管理员',roleDesc:"管理系统",issys:true,enable:true,resource:""},
                {id:3,roleName:'编辑1',roleDesc:"营销策划者",issys:false,enable:true,resource:"1,2,3,7,8"},
                {id:4,roleName:'系统超级管理员',roleDesc:"管理系统",issys:true,enable:true},
                {id:5,roleName:'系统管理员',roleDesc:"管理系统",issys:true,enable:true},
                {id:6,roleName:'编辑2',roleDesc:"营销策划者",issys:false,enable:true,resource:"1,2,3,7,8"},
                {id:7,roleName:'系统超级管理员',roleDesc:"管理系统",issys:true,enable:true},
                {id:8,roleName:'系统管理员',roleDesc:"管理系统",issys:true,enable:true},
                {id:9,roleName:'编辑3',roleDesc:"营销策划者",issys:false,enable:true,resource:"1,2,3,7,8"},
                {id:10,roleName:'系统超级管理员',roleDesc:"管理系统",issys:true,enable:true},
                {id:11,roleName:'系统管理员',roleDesc:"管理系统",issys:true,enable:true},
                {id:12,roleName:'编辑4',roleDesc:"营销策划者",issys:false,enable:true,resource:"1,2,3,7,8"}
            ]);
            
            protected function creationCompleteHandler(event:FlexEvent):void
            {
                serverPagingBar1.dataGrid=roleAdg;
                serverPagingBar1.pagingFunction=pagingFunction;
            }
            
            private function pagingFunction(pageIndex:int,pageSize:int):void{
                //new StorageFactory().getOrderPaged(onResult,pageIndex,pageSize);
            }
            
            protected function addHandler(event:MouseEvent):void
            {
                var editWin:RoleEditorWindow = new RoleEditorWindow();
                editWin.action = "Insert";
                editWin.title = "新增角色";
                PopUpManager.addPopUp(editWin,this,true);
                PopUpManager.centerPopUp(editWin);
            }
            
            protected function updateHandler(event:MouseEvent):void
            {
                var editWin:RoleEditorWindow = new RoleEditorWindow();
                editWin.role =  roleAdg.selectedItem;
                editWin.action = "Update";
                editWin.title = "编辑角色";
                PopUpManager.addPopUp(editWin,this,true);
                PopUpManager.centerPopUp(editWin);
            }
            
            protected function removeHandler(event:MouseEvent):void
            {
                var item:Object = roleAdg.selectedItem;
                Alert.show("确定删除["+item.roleName+"] ?","信息提示",(1|2),this,function(event:CloseEvent):void{
                    if(event.detail == Alert.YES){
                        for(var i:int=0;i<roleArray.length;i++){
                            if(item.roleName==roleArray[i].roleName){
                                roleArray.removeItemAt(i);
                            }
                        }
                    }
                });
            }
            
        ]]>
    </mx:Script>
    <mx:VBox width="100%" height="100%">
        <mx:HBox width="100%">
            <mx:LinkButton label="添加角色" click="addHandler(event)"/>
            <mx:LinkButton label="修改角色" click="updateHandler(event)"/>
            <mx:LinkButton label="删除角色" click="removeHandler(event)"/>
        </mx:HBox>
        <mx:DataGrid id="roleAdg" width="100%" height="100%" dataProvider="{roleArray}"
                              variableRowHeight="true">
            <mx:columns>
                <mx:DataGridColumn dataField="roleName" headerText="角色名称"/>
                <mx:DataGridColumn dataField="roleDesc" headerText="角色说明"/>
                <mx:DataGridColumn dataField="issys" headerText="系统角色"/>
                <mx:DataGridColumn dataField="enable" headerText="起用"/>
                <mx:DataGridColumn headerText="编辑"/>
            </mx:columns>
        </mx:DataGrid>
        <control:PagingBar id="serverPagingBar1" height="36" width="100%" paddingTop="6"/>
    </mx:VBox>
    
</mx:Application>












flash8627
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
css弹性盒子（flex）管理系统布局
11-20
因为经常做后台管理系统，时不时都要去下一些框架，然而有时候仅仅只是需要一个页面框架布局，却需要引入一大堆文件，于是，自己用css弹性盒子（flex）简单做了一个管理系统布局，代码简单，下载即用。不是说人家...
flex 后台管理系统
01-24
flex 后台管理系统 ssh flex 后台管理系统 ssh flex 后台管理系统 ssh
Flex 学习之路之四 用户接口user interface 的三种状态
Leove的专栏
10-10 351
在加载控件的过程中，有三种状态： preInitialize预加载 ，在子控件还没加载时，调用 initialize 已加载，还没有显示时调用 creationComplete 显示完成后调用 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/fle
[富客户端之Flex技术] flex UI组件权限控制框架
haha_mingg的专栏
03-28 1831
一.快速开始 1) 下载并添加flex_security.swf在你的flex libs中，详细请查看附件. 2) 启动权限控制 //启动权限控制,permissions为用户拥有的权限字符串列表 SecurityControler.start(permissions,'visible'); 3) 通过增加styleName=security(permissi
Flex实现
张晨光老师的播客
03-11 3447
本章简介传统网络应用是基于页面的,服务器端数据传递的模式,而且将网络程序的表示层建立于HTML之上，但是HTML只适合文本。因此，传统的，基于页面的系统已经越来越不适应使用者的全方位提要要求。富因特网应用程序（Rich Internet Application）便应运而生了。Flex是一个针对RIA企业级应用的表示层解决方案，是一种应用程序框架，使用Flex可以针对Web应用程序的表示层开发，并加
powervm_使用IBM Flex System Manager管理IBM PowerVM环境
cusi77914的博客
06-21 1590
IBM PureFlex System是一个专家集成系统，它将计算节点，存储和网络资源与预先构建的智能和自动化专业知识及模式结合在一起。 尽管系统在出厂时已预装了许多组件并已将它们集成在一起，但是您必须手动执行一些步骤才能使用高级虚拟化功能。 本文通过向您展示从新配置的系统到将虚拟设备部署到弹性系统池中的关键步骤，向您介绍了该过程。 它还提供了解释和主要概念。 注：如果您从未听说过IBM ...
Flex批量管理Modules
06-20
在Flex工程中添加Module的方法是：在FlashBuilder中右键工程目录->Porperties->Flex Modules, 然后就可以add/edit/remove需要的module了， 但问题 是无论添加多少module都要点击add按钮一个一个添加! 像我们的项目一...
基于Flex的 OA管理系统
07-17
使用Flex3.0做的OA办公管理系统，对学习Flex有很大的帮助！
flex air 博客管理系统
09-15
flex air 博客管理系统 学习用的例子
关于Java整合flex 4
flash8627的专栏
09-19 7515
关于整合，网上确实一大堆，但也有Flex高人说了很经典的一句，网上一大堆，错误两大堆，所以我特意将我的整合记录下来，分享给大家。            经常有人问s2sh整合flex,这里特意标题为java,意为纠正错误，因为有了flex,Struts2就是多余了，不要被现在
Flex真真的分页,一个页面支持多次复用
flash8627的专栏
11-03 3112
flex真真的分页,支持多次在一个页面重复使用
Flex tree 自定义皮肤(skip)
flash8627的专栏
11-20 3109
主要实现的功能： 1.改掉默认的箭头，及其它的皮肤，这个可以在tree的属性里设置。 2.改掉的图标在文字右边的显示； 3.默认的所有的节点都展开。 4.所有目录节点加背景色； 效果如下： 折叠的图标效果： 源码如下： MyTreeItemOpenRenderer.mxml
flex ViewStack 主程序与自定义组件传参
flash8627的专栏
09-01 2898
页面效果： 很多情况下，应用都是动态数据，需要根据左边的树点击后，动态设置右边参数． Index.mxml代码如下：                                import com.gwtjs.event.AddTabEvent;             import com.gwtjs.event.PublicTransf
flex treegrid编辑操作
flash8627的专栏
11-10 2640
最近项目中要用到treegrid的crud功能，download了flexlib,可是发现没有demo，在网上也没有找到。所以自己实现了一下。以下是代码，拿　去用吧。直接拷嘛。 窗口组件： TreeGridWindow.mxml <![CDATA[ import mx.controls.Alert; import mx.events.CloseEven
Flash Builder 4.5 开发 OA - 3 --由于最近太慢,暂停
flash8627的专栏
09-24 2277
此部分的主要内容： - 测试动态添加grid,grid-CRUD   一)             添加Grid及绑定数据          呵呵，，，还是单独测试、梯形测试的原则，单独建一个grid测试页面，测试完了，copy 源码到目标文件，测试按最基本的单元，首先测试CRUD,接着就是ModuleLoader,再就接着就是跟管理平台的管理页面布局连接，这就是我的梯度测试。
Flash Builder 4.5 开发 OA - 1
flash8627的专栏
09-23 1907
- 测试管理页面的效果,java整合 flash builder + blazeds-4 技术概要： Oracle 10g sp2 (可以支持Win7) Web Logic 10 EJB 3 Flash Builder 4.5 blazeds-tur
flex分页2 新新的，一页多次调用互相不冲突
flash8627的专栏
11-23 1769
flex分页组件，支持一页调用多次，组件不请求服务，由主页面自己调用服务并渲染视图．这里传入初始分页参数offset页偏移量，pageSize每页大小，myPagerEvent为分页处理事件，组件处理完分页参数后就分发事件，主页面可以执行此分页函数请求服务； 请求服务处理完成功后，再次将offset和pageSize传入Pager组件；
flex datagrid column itemRenderer
flash8627的专栏
11-06 1582
工厂 视图
flex flex-col
最新发布
02-01
flex和flex-col是CSS中用于布局的属性。 flex属性用于设置弹性盒子的伸缩性，它决定了弹性盒子内项目的伸缩比例。flex属性有三个值：flex-grow、flex-shrink和flex-basis。其中，flex-grow决定了项目在剩余空间中的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值