angular---代码详解(第三篇)

最新推荐文章于 2024-05-13 14:54:25 发布
最新推荐文章于 2024-05-13 14:54:25 发布
阅读量651 收藏
点赞数 1
分类专栏： angularJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/angularWQ/article/details/62311933
版权 

8.6  服务汇总篇
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 自定义服务</title>
</head>
<body ng-app="App">
   <div ng-controller="DemoController">
      <!--  -->
   </div>
   <script src="./libs/angular.min.js"></script>
   <script>
      
      var App =  angular.module('App', []);

      App.controller('DemoController', ['$scope', '$http', 'format', function ($scope, $http, format) {

         var data = {
            name: 'itcast',
            age: 10
         };

         // 测试自定义的服务
         // console.log(format(data));
         console.log(format.format(data));

         $http({
            url: 'example.php',
            method: 'post',
            headers: {
               'Content-Type': 'application/x-www-form-urlencoded'
            },
            data: format.format(data)
         }).success(function (info) {
            // info 
            console.log(info);
         });

      }]);

      // 提供了3种方法实现自定义服务
      // factory、service、value

      App.factory('format', ['$filter', function ($filter) {
         // 自定义服务，但依赖于$filter

         // 定义服务具体功能
         function format(arg) {
            var s = '';
            for(var key in arg) {
               s += key + '=' + arg[key] + '&';
            }

            s = s.slice(0, -1);

            return s;
         }

         // 具体功能
         function sayHello() {
            alert('你好')
         }

         // 返回出去以被调用
         return {
            format: format,
            sayHello: sayHello
         }

      }]);

   </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 自定义服务</title>
</head>
<body>
   <div ng-controller="DemoController">
      <h1>{{now}}</h1>
   </div>
   <script src="./libs/angular.min.js"></script>
   <script>
      var App = angular.module('App', []);

      App.controller('DemoController', ['$scope', 'showTime', function ($scope, showTime) {

         $scope.now = showTime.now();

         showTime.sayHello();

      }]);

      // 自定义服务显示日期
      // 提供了3种方法实现自定义服务
      // factory、service、value
      App.service('showTime', ['$filter', function ($filter) {

         // return {
         //     showTime: function () {

         //     }
         // }

         var now = new Date;
         var date = $filter('date');

         // 向对象上添加具体方法
         this.now = function () {
            return date(now, 'yyyy/MM/dd hh:mm:ss');
         }

         // 添加具体方法
         this.sayHello = function () {
            alert('你好');
         }

      }]);

   </script>

</body>
</html>
<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 自定义服务</title>
</head>
<body>
   <div ng-controller="DemoController">
      {{author}}
      {{version}}
   </div>
   <script src="./libs/angular.min.js"></script>
   <script>
      var App = angular.module('App', []);

      // 自定义常量服务

      // 提供了3种方法实现自定义服务
      // factory、service、value

      App.value('author', 'zhaoyc');
      App.value('version', '1.0');

      // 本质上一个服务
      // 从表现形式上是一个常量
      // 常量就是不变的值与变对量相对应

      // 声明依赖调用服务
      App.controller('DemoController', ['$scope', 'author', 'version', function ($scope, author, version) {

         $scope.author = author;
         $scope.version =version;

      }])

   </script>

</body>
</html>

			9.1  AngularJS 模块加载
<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 模块加载</title>
</head>
<body>
   <div ng-controller="DemoController">
      <h1>{{now}}</h1>
      <h2>{{str|capitalize}}</h2>
   </div>
   <script src="./libs/angular.min.js"></script>
   <script>
      var App = angular.module('App', []);

      // 配置$log服务(禁用debug)

      // config
      // 允许一次配置多个服务（块）
      // 传递的一个数组（依赖注入方式）
      App.config(['$logProvider', '$filterProvider', function ($logProvider, $filterProvider) {

         // $log.debug();
         // 禁用debug功能
         $logProvider.debugEnabled(false);

         // 默认9个过滤器，通过配置可以新增一些过滤器
         $filterProvider.register('capitalize', function () {
            // 新增一个过滤器
            return function (input) {
               return input[0].toUpperCase() + input.slice(1);
            }

         });

      }]);

      // App.config(['$filterProvider', function($filterProvider) {
         
      //     // 默认9个过滤器，通过配置可以新增一些过滤器
      //     $filterProvider.register('capitalize', function () {

      //        return function (input) {
      //           return input[0].toUpperCase() + input.slice(1);
      //        }

      //     });

      // }])

      App.controller('DemoController', ['$scope', '$log', function ($scope, $log) {

         // 测试配置后的结果
         $log.debug('debug');
         $scope.str = 'hello angular';

      }]);


   </script>

</body>
</html>
<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 模块加载</title>
</head>
<body>
   <div ng-controller="DemoController">
      {{name}}
   </div>
   <script src="./libs/angular.min.js"></script>
   <script>
      var App = angular.module('App', []);

      // 直接运行$http、$rootScope服务
      // $rootScope根作域

      App.run(['$http', '$rootScope', function ($http, $rootScope) {

         // 直接调用$http
         $http({
            url: 'example.php',
            method: 'get'
         });

         // 根作用域
         $rootScope.name = '祖宗';

      }]);

      App.controller('DemoController', ['$scope', function($scope) {
         //
         // 
         $scope.name = '后代';
      }]) 

   </script>

</body>
</html>


			10.1  AngularJS 路由和多视图


<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 路由和多视图</title>
   <style>
      body {
         padding: 0;
         margin: 0;
         background-color: #F7F7F7;
         font-family: Arial;
      }

      .wrapper {
         width: 980px;
         margin: 50px auto;
      }

      ul {
         padding: 0;
         margin: 0;
         overflow: hidden;
         list-style: none;
         background-color: #000;
         border-radius: 4px;
      }

      li {
         float: left;
         width: 120px;
         height: 40px;
         text-align: center;
         line-height: 40px;
         font-size: 18px;
      }

      li.active {
         background-color: #333;
      }

      li a {
         display: block;
         color: #FFF;
         text-decoration: none;
      }

      .content {
         margin-top: 30px;
         font-size: 24px;
         padding: 0 20px;
      }
   </style>
</head>
<body>
   <div class="wrapper">
      <!-- 导航菜单 -->
      <ul>
         <li class="active">
            <a href="#index">Index</a>
         </li>
         <li>
            <a href="#introduce">Introduce</a>
         </li>
         <li>
            <a href="#contact">Contact Us</a>
         </li>
      </ul>
      <!-- 内容 -->
      <div class="content">
         Index Page
      </div>
   </div>
   <script>

      // 监听锚点变化然后发送请求
      // hashchange事件可以监听锚点变化
      window.addEventListener('hashchange', function () {
         // console.log(1);
         // 获取锚点
         var hash = location.hash;
         // 处理#
         hash = hash.slice(1);

         // 实例对象
         var xhr = new XMLHttpRequest;

         // 将锚点做为参数传递给服务端进处理
         xhr.open('get', '10-01.php?hash=' + hash);

         xhr.send(null);

         xhr.onreadystatechange = function () {
            if(xhr.readyState == 4 && xhr.status == 200) {
               var result = xhr.responseText;
               // 将返回结果添加到页面
               document.querySelector('.content').innerHTML = result;
            }
         }
      });

   </script>
</body>
</html>
//PHP 本地服务测试代码
<?php


   $hash = $_GET['hash'];

   switch ($hash) {
      case 'index':
         echo '<h1>Index Page!</h1>';
         break;

      case 'introduce':
         echo '<h1>Introduce Page!</h1>';
         break;
      case 'contact':
         echo '<h1>Contact Us Page!</h1>';
         break;
      default:
         # code...
         break;
   }
?>
			10.2 AngularJS 路由和多视图
<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 路由和多视图</title>
   <style>
      body {
         padding: 0;
         margin: 0;
         background-color: #F7F7F7;
         font-family: Arial;
      }

      .wrapper {
         max-width: 980px;
         margin: 50px auto;
      }

      ul {
         padding: 0;
         margin: 0;
         overflow: hidden;
         list-style: none;
         background-color: #000;
         border-radius: 4px;
      }

      li {
         float: left;
         width: 120px;
         height: 40px;
         text-align: center;
         line-height: 40px;
         font-size: 18px;
      }

      li.active {
         background-color: #333;
      }

      li a {
         display: block;
         color: #FFF;
         text-decoration: none;
      }

      .content {
         margin-top: 30px;
         font-size: 24px;
         padding: 0 20px;
      }
   </style>
</head>
<body>
   <div class="wrapper">
      <!-- 导航菜单 -->
      <ul>
         <li class="active">
            <a href="#/index">Index</a>
         </li>
         <li>
            <a href="#/introduce">Introduce</a>
         </li>
         <li>
            <a href="#/contact">Contact Us</a>
         </li>
         <li>
            <a href="#/list">List</a>
         </li>
      </ul>
      <!-- 内容 -->
      <div class="content">
         <!-- 占位符 -->
         <div ng-view></div>
      </div>

   </div>
   <!-- AngularJS核心框架 -->
   <script src="./libs/angular.min.js"></script>
   <!-- 路由模块理解成插件 -->
   <script src="./libs/angular-route.js"></script>
   <script>
      // 依赖ngRoute模块
      var App = angular.module('App', ['ngRoute']);

      // 需要对路由模块进行配置，使其正常工作
      App.config(['$routeProvider', function ($routeProvider) {

         $routeProvider.when('/index', {
            // template: '<h1>index Pages!</h1>',
            templateUrl: './abc.html'
         })
         .when('/introduce', {
            template: '<h1>introduce Pages!</h1>'
         })
         .when('/contact', {
            // template: '<h1>contact US Pages!</h1>',
            templateUrl: './contact.html',
            controller: 'ContactController' // 定义控制器
         })
         .when('/list', {
            templateUrl: './list.html', // 视图模板
            controller: 'ListController' // 定义控制器
         })
         .otherwise({
            redirectTo: '/index'
         });

      }]);

      // 列表控制器
      App.controller('ListController', ['$scope', '$http', function ($scope, $http) {
         // 模型数据
         // $scope.items = ['html', 'css', 'js'];

         $http({
            url: '10-02.php',
         }).success(function (info) {
            // console.log(info);

            $scope.items = info;
         });

      }]);

      App.controller('ContactController', ['$scope', '$http', function ($scope, $http) {

         $http({
            url: 'contact.php'
         }).success(function (info) {
            $scope.content = info;
         });

      }]);

   </script>

</body>
</html>
//php本地服务测试代码
<?php


   // 数组
   $items = array('html', 'css', 'js');

   echo json_encode($items);

            10.3  AngularJS 路由和多视图




<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
   <meta charset="UTF-8">
   <title>AngularJS 路由和多视图</title>
   <style>
      body {
         padding: 0;
         margin: 0;
         background-color: #F7F7F7;
         font-family: Arial;
      }

      .wrapper {
         max-width: 980px;
         margin: 50px auto;
      }

      ul {
         padding: 0;
         margin: 0;
         overflow: hidden;
         list-style: none;
         background-color: #000;
         border-radius: 4px;
      }

      li {
         float: left;
         width: 120px;
         height: 40px;
         text-align: center;
         line-height: 40px;
         font-size: 18px;
      }

      li.active {
         background-color: #333;
      }

      li a {
         display: block;
         color: #FFF;
         text-decoration: none;
      }

      .content {
         margin-top: 30px;
         font-size: 24px;
         padding: 0 20px;
      }
   </style>
</head>
<body>
   <div class="wrapper">
      <!-- 导航菜单 -->
      <ul>
         <li class="active">
            <a href="#/index/5/abc/7">Index</a>
         </li>
         <li>
            <a href="#/introduce">Introduce</a>
         </li>
         <li>
            <a href="#/contact">Contact Us</a>
         </li>
         <li>
            <a href="#/list">List</a>
         </li>
      </ul>
      <!-- 内容 -->
      <div class="content">
         <!-- 占位符 -->
         <div ng-view></div>
      </div>

   </div>
   <!-- AngularJS核心框架 -->
   <script src="./libs/angular.min.js"></script>
   <!-- 路由模块理解成插件 -->
   <script src="./libs/angular-route.js"></script>
   <script>
      // 依赖ngRoute模块
      var App = angular.module('App', ['ngRoute']);

      // 需要对路由模块进行配置，使其正常工作
      App.config(['$routeProvider', function ($routeProvider) {

         $routeProvider.when('/index/:id/:page/:p', {
            templateUrl: 'abc.html',
            controller: 'IndexController'
         })
         .otherwise({
            redirectTo: '/index'
         });

      }]);

      // 提供了一个专门负责获取参数的一个服务$routeParams
      App.controller('IndexController', ['$scope', '$http', '$routeParams', function ($scope, $http, $routeParams) {

         $scope.content = '练习路由功能';

         console.log($routeParams);

      }]);

   </script>

</body>
</html>


			11.1  AngularJS jQuery  




<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>AngularJS jQuery</title>
</head>
<body>
   <div ng-controller="DemoController">
      <div class="box">普通一个盒子</div>
      <button>点击</button>
   </div>
   <script src="./libs/jquery.min.js"></script>
   <script src="./libs/angular.min.js"></script>
   <script>

      // angular.element() 方法可以将一个原生DOM对象转成jquery对象

      // 原生DOM对象
      var box = document.querySelector('.box');
      var btn = document.querySelector('button');
      // 转成jQuery对象
      box = angular.element(box);
      btn = angular.element(btn);

      btn.on('click', function () {
         // 
         // box.css('color', 'red');

         box.animate({
            fontSize: '40px'
         }, 400);
      });

      // 但是angularJS 只是实现了jquery对象部分方法
      

   </script>
</body>
</html>


 


                

        

        

    




    

      

        

            

              
                
                  王大强~
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
angular框架简介基础与使用（全文2w8字）前端框架angular

				
			

			

				

					几百块的博客
				

				

					05-02
					
					2万+
					
				

			

		

		

			
				
angular作为一个完整的框架，模块化做的特别好。内置的路由，httpclient，rxjs，除了界面相关的组件库，几乎可以不用任何第三方工具库就可以完成一个spa项目。对typescript支持非常好，或者说只有typescript以一个选择。Angular是三大巨头中，框架版本升级最容易的，虽然目前在国内不是特别火。...

			
		

	



                

              
                



	

		

			

				
					
前端 -- angular快速入门

				
			

			

				

					weixin_44289670的博客
				

				

					05-06
					
					2814
					
				

			

		

		

			
				
Angular 是一个由 Google维护的开源JavaScript框架，用于在HTML和JavaScript中构建Web应用程序。Angular CLI 可以快速搭建框架，创建module，service，class，directive等；具有webpack的功能，代码分割，按需加载；代码打包压缩；模块测试；热部署，有改动立即重新编译，不用刷新浏览器；而且速度很快有开发环境，测试环境，生产环境的配置，不用自己操心；

			
		

	



                


  
              

                


	

		

			

				
					
AngularJS指令

					
最新发布

				
			

			

				

					Thewei666的博客
				

				

					05-13
					
					477
					
				

			

		

		

			
				
AngularJS中使用模块的 directive() 函数来自定义指令app.directive('指令名称',function(){return{template,replace ,restrict,...})

			
		

	





	

		

			

				
					
Angular基本概念及用法总结

				
			

			

				

					weixin_44801414的博客
				

				

					07-27
					
					4759
					
				

			

		

		

			
				
本文将用最简约的语言介绍angular的基本概念及相关快捷指令等，便于开发者快速入门学习以及日常工作中的使用。（ps笔记内容源于b站学习资源观后整理及个人总结。）selector'./myc01.component.html'，//或template}(3)使用已经注册过的组件(任意一个dom里，除了自己)...

			
		

	



		

			
		



	

		

			

				
					
angular快速入门教程

				
			

			

				

					h5_since的博客
				

				

					03-10
					
					1万+
					
				

			

		

		

			
				
angular快速入门

			
		

	





	

		

			

				
					
Angular快速入门

				
			

			

				

					東三城的博客
				

				

					03-04
					
					8685
					
				

			

		

		

			
				
Angular,Angular CLI,模块,组件,模板(插值语法,属性绑定,条件判断,循环语句,事件绑定,双向绑定,模板引用变量,表单控件,表单控件分组,表单验证,自定义表单验证,管道),服务,依赖注入,路由

			
		

	





	

		

			

				
					
Angular ng-class详解及实例代码

				
			

			

				

					09-01
				

			

		

		

			
				
因此，推荐使用第2和第3种方式，将类的逻辑保留在HTML中，以保持控制器的纯净性。  总的来说，`ng-class`是AngularJS中实现动态CSS类管理的强大工具，它可以灵活地根据应用程序的状态来改变元素的样式。在实际项目中...

			
		

	





	

		

			

				
					
angular-ngSanitize模块-$sanitize服务详解

				
			

			

				

					08-30
				

			

		

		

			
				
第一行使用`$sanitize`服务，第二行则使用了`$sce.trustAsHtml()`，第三行则直接使用`ng-bind`，它不会尝试解析HTML，而是将内容作为纯文本展示。  总的来说，`$sanitize`服务是AngularJS中一个关键的安全工具，它...

			
		

	





	

		

			

				
					
angular-1.5.8.js压缩包

				
			

			

				

					07-21
				

			

		

		

			
				
尽管路由功能在Angular 1.x中不是核心部分，但通过第三方库如`ngRoute`或`ui-router`，可以实现页面间的导航和状态管理。1.5.8版本依然兼容这些路由库。  ### 9. 装饰器（Decorators）  装饰器允许修改或增强已存在...

			
		

	





	

		

			

				
					
angular-document-viewer

				
			

			

				

					05-02
				

			

		

		

			
				
4. **第三方库集成**：为了实现文档查看功能，通常会集成像PDF.js这样的第三方库。PDF.js是由Mozilla开发的用于在浏览器中渲染PDF文档的库，它能够处理PDF解析和渲染。  5. **指令（Directives）**：Angular的指令...

			
		

	





	

		

			

				
					
前端项目-angular-gravatar.zip

				
			

			

				

					09-03
				

			

		

		

			
				
通过学习这个项目，开发者可以深化对Angular.js的理解，学习如何构建可复用的前端组件，并掌握与第三方服务（如Gravatar）集成的方法。同时，这也是一个提升前端开发技能和实践项目管理的好机会。

			
		

	





	

		

			

				
					
angular学习截图

				
			

			

				

					03-17
				

			

		

		

			
				
angular学习截图

			
		

	





	

		

			

				
					
angular项目代码

				
			

			

				

					07-23
				

			

		

		

			
				
angular开发代码angular开发代码angular开发代码angular开发代码angular开发代码angular开发代码angular开发代码

			
		

	





	

		

			

				
					
剖析Angular Component的源码示例

				
			

			

				

					08-27
				

			

		

		

			
				
本篇文章主要介绍了剖析Angular Component的源码示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
angular原理及模块简介

					
热门推荐

				
			

			

				

					ZZ的博客
				

				

					11-22
					
					1万+
					
				

			

		

		

			
				
本人前端小白，奈何在公司在做一个PC端的程序，用angular写，不得不自学了一下angular框架。虽然在工作过程中勉强勉强够了，但是觉得既然用了就稍微了解得全面一点，所以花了几个晚上看了一下angular的developer guide，大概知道了一点点angular这个东东到底是干啥，后来又花了几个晚上做点小记录，防止以后忘了。
 
Angular简介（大神可略过）
Angular是一

			
		

	





	

		

			

				
					
十分钟学会angular

				
			

			

				

					Gefangenes的博客
				

				

					07-17
					
					454
					
				

			

		

		

			
				
首先笔者有一定的vue基础，但是遇到了含有angular的应用，因此需要学习angular的应用，在学习过程中将自己的学习步骤给一一记录下来，因此假设读者也是具有html及js的基础，在此基础上可以跟着我快速学习并掌握angular的基本使用方法。在控制器的作用下，我们使用了 Angular 的指令来循环遍历任务列表，并在页面上显示任务的名称、复选框、完成和删除按钮。模块是 AngularJS 应用的容器，它用于组织代码和定义应用的不同组件，如控制器、服务、指令等。然后，在包含任务列表的。

			
		

	





	

		

			

				
					
简单描述一个最简化的Angular项目代码

				
			

			

				

					Dominic_W的博客
				

				

					03-20
					
					789
					
				

			

		

		

			
				
一个使用NgModule装饰器修饰的类，通常就是一个模块，NgModule为一系列组件声明了编译的上下文环境，通常我会把几个业务逻辑关联比较紧密的组件放在一个模块中，形成一个功能单元。的值是angular cli创建当前组建时，根据组件所在的路径以及组件名称定义的一个唯一标识符，如果我们后续要在项目中的其他地方引用当前这个组件时，可以使用这个标识符。按照官方的说法，组件是angular的主要构造块，说白了，整个angular项目都是由一个又一个的组件组合起来的。文件也需要先了解一下。

			
		

	





	

		

			

				
					
Angular简介和入门

				
			

			

				

					ITzhongzi的博客
				

				

					03-31
					
					3390
					
				

			

		

		

			
				
流行框架第一天：Angular简介和入门1.1. 前端流行技术的历史 
之前时代，是桌面应用的天下，客户端服务器的天下，本没有前端这样的职位，网站设计师
石器时代，互联网开始发展网站设计师（静态）-不过是html、css、js、flash，页面设计师
青铜时代，yui、prototype、extjs、dojo等等框架的时代，美工、页面设计师 前端工程师
黑铁时代，jquery和jquery的一堆衍生

			
		

	





	

		

			

				
					
Angular终极教程

				
			

			

				

					材女的进击
				

				

					02-20
					
					6241
					
				

			

		

		

			
				
Angular的教程,清楚明了，卷起来吧

			
		

	





	

		

			

				
					
angular 如何引进 @auth0/angular-jwt

				
			

			

				

					06-13
				

			

		

		

			
				
安装完成后，可以在需要使用`@auth0/angular-jwt`的组件或服务中引入该库，示例代码如下：  ```typescript import { JwtHelperService } from '@auth0/angular-jwt';  @Injectable() export class AuthService {  ...

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值