bestlove12345
bestlove12345

angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证

angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证


使用$http、$location、$watch及双向数据绑定等实现简单的用户登陆验证，记录备忘：

1、$http模拟从后台获取json格式的数据；

2、$watch实时监控数据变化；

3、$location.path实现页面跳转；

4、$scope实现数据绑定，包括input内容及文字样式等


app.js代码

[javascript]  view plain  copy
 
  1. var app=angular.module('contactsApp',['ui.router']);  
  2. app.config(function($stateProvider,$urlRouterProvider){  
  3.     $urlRouterProvider.otherwise('/login');  
  4.         $stateProvider.state('login', {  
  5.             url: "/login",  
  6.             views: {  
  7.                 'view': {  
  8.                     templateUrl: 'views/login.html',  
  9.                     controller: 'loginCtr'  
  10.                 }  
  11.             }  
  12.         });  
  13. });  
首页contacts.html代码：

[html]  view plain  copy
 
  1. <!DOCTYPE html>  
  2. <html ng-app="contactsApp">  
  3. <head>  
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.   <script src="./angular-1.4.0-rc.2/angular.js"></script>  
  6.   <link rel="stylesheet" href="./css/login.css"/>  
  7.   <script src='./angular-1.4.0-rc.2/angular-ui-router.js'></script>  
  8.   <script src='./scripts/app.js'></script>  
  9.   <script src="./scripts/controllers/loginCtr.js"></script>  
  10.   <script src="./scripts/controllers/blogCtr.js"></script>  
  11. </head>  
  12. <body>  
  13.   <center>  
  14.   <!--顶部标题-->  
  15.   <div id="naDiv">  
  16.      My  ContactsSystem  
  17.   </div>  
  18. </br>  
  19.   </center>  
  20.   <!--使用ui-rourer控制页面之间的切换-->  
  21.   <div ui-view="view"></div>  
  22.  <center>  
  23. <!--页面底部固定内容-->  
  24. <div id="footDiv">  
  25. <hr/>  
  26. 链接：  
  27. <a href="http://www.baidu.com">百度</a>  
  28.    
  29. <a href="http://www.sina.com.cn">新浪</a>  
  30.    
  31. <a href="http://blog.csdn.net/tuzongxun">CSDN</a>  
  32.    
  33. <hr/>  
  34. &copy;版权所有：aaaa  
  35. <p>  
  36.     联系我：  
  37.     <a href="mailto:tuzongxun123@163.com">tuzongxun123@163.com</a>  
  38. </p>  
  39. </center>  
  40. </div>  
  41. </body>  
  42. </html>  



login.html代码：

[html]  view plain  copy
 
  1. <center>  
  2. <div id="logdiv1">  
  3.     userName:<input type="text" ng-model="user.userName"/><p class="p1" id="{{isUserId}}">{{isUserName}}</p>  
  4.     </br>  
  5.     </br>  
  6.     password:<input id="logPwd" type="password" ng-model="user.userPwd"/><p class="p1" id="{{isPwdId}}">{{isPwd}}</p>  
  7.     </br>  
  8.     </br>  
  9.     <input class="bonInput" type="button" value="login" ng-click="Login(user);" ng-disabled="login">  
  10.         
  11.     <input class="bonInput" type="button" value="regist">  
  12. </div>  
  13. </center>  

loginCtr.js代码：

[html]  view plain  copy
 
  1. angular.module('contactsApp')  
  2. .controller('loginCtr', ['$scope','$http','$location', function($scope,$http,$location){  
  3.     //模拟后台用户名和密码数据  
  4.     var userNames=['aaa','bbb','ccc'];  
  5.     var userPwd='123';  
  6.     //用户名和密码初始提示文字  
  7.     $scope.isUserName='请输入用户名';  
  8.     $scope.isPwd='请输入密码';  
  9.     //是否启用登陆按钮  
  10.     var isLogin1=false;  
  11.     var isLogin2=false;  
  12.     $scope.login=true;  
  13.     //用户验证，随输入实时提醒，这里只判断用户名是否存在和空值，还可以验证输入字符的长度、格式等  
  14.     $scope.existUser=function(){  
  15.         for(var i=0;i<userNames.length;i++){  
  16.         if($scope.user!=null&&$scope.user.userName!=''&&userNames[i]==$scope.user.userName){  
  17.            isLogin1=true;  
  18.            $scope.isUserName='用户名存在';  
  19.            //用户名存在时，通过更改id，更改提示文字的颜色为绿色  
  20.            $scope.isUserId="p2";  
  21.            break;  
  22.         }else if($scope.user==null||$scope.user.userName==''){  
  23.            isLogin1=false;  
  24.            $scope.isUserName='请输入用户名';  
  25.            $scope.isUserId="p1";  
  26.            //document.getElementById('p1').style.color='green';  
  27.         }else{  
  28.            isLogin1=false;  
  29.            $scope.isUserName='用户名不存在';  
  30.            $scope.isUserId="p1";  
  31.            //document.getElementById('p1').style.color='green';  
  32.         }  
  33.         }  
  34.     }  
  35.     //legal：合法,判断密码输入是否合法，这里只判断长度，还可以正则表达式匹配，限定数字和字母  
  36.     $scope.legalPwd=function(){  
  37.         if($scope.user!=null&&$scope.user.userPwd!=null&&$scope.user.userPwd.length>=6&&$scope.user.userPwd.length<=15){  
  38.            isLogin2=true;  
  39.            //密码格式正确时，修改id，使提示文字颜色变绿  
  40.            $scope.isPwdId="p4";  
  41.            $scope.isPwd="密码格式正确";  
  42.         }else{  
  43.            isLogin2=false;  
  44.            $scope.isPwdId="p3";  
  45.            $scope.isPwd="密码格式不正确";  
  46.         }  
  47.     }  
  48.   
  49.     //调用用户验证和密码验证方法，判断登陆按钮是否可用  
  50.     $scope.isLogin=function(){  
  51.         $scope.existUser();  
  52.         $scope.legalPwd();  
  53.         if(isLogin1&&isLogin2){  
  54.            //当用户名存在，并且密码格式正确的时候，启用登陆按钮  
  55.            $scope.login=false;  
  56.         }else{  
  57.            $scope.login=true;  
  58.         }  
  59.     }  
  60.     //登陆跳转,传数据到后台判断用户名和密码是否匹配，模拟http请求  
  61.     $scope.Login=function(user){  
  62.         //模拟http请求，从后台返回数据  
  63.         $http.get("./json/user.json",user).success(function(checkLogin){  
  64.             console.log(checkLogin);  
  65.            if(checkLogin==null){  
  66.               //后台没有返回数据，跳转到错误页面  
  67.            }else if(checkLogin.result==true){  
  68.               //登陆成功，页面跳转到登陆后的页面  
  69.               $location.path("/blogList");  
  70.            }else{  
  71.               //登陆失败，更改密码提示为密码错误，并清空密码  
  72.               $scope.isPwd=checkLogin.message;  
  73.               $scope.isPwdId="p3";  
  74.               document.getElementById("logPwd").value="";  
  75.            }  
  76.         });  
  77.     }  
  78.   
  79.       
  80.     //$watch方法可以实时监控一个对象的变化，当传入的对象，如user有任何变化时，就会执行里边的function  
  81.     $scope.$watch('user', function() {  
  82.         $scope.isLogin();  
  83.     }, true);  
  84. }])  
user.json数据：

[html]  view plain  copy
 
  1. {  
  2.     "result":true,  
  3.     "message":"密码有误"  
  4. }  


login.css代码：

[css]  view plain  copy
 
  1. /* 
  2. 公共样式控制 
  3.  */  
  4. body{  
  5.     background:#E8E5E5;  
  6.     margin:0;  
  7. }  
  8. hr{  
  9.     width:100%;  
  10. }  
  11. /* 
  12. 登陆页面样式控制 
  13.  */  
  14. #logdiv1{  
  15.     width:50%;  
  16.     height: 250px;  
  17.     background-color: #C2BEBE;  
  18.     font-size: 32px;  
  19.     padding-top: 40px;  
  20.     margin: 72px;  
  21. }  
  22. #logdiv1 input{  
  23.     font-size: 20px;  
  24. }  
  25. #logdiv1 .p1{  
  26.     font-size: 16px;  
  27.     display:inline;  
  28.     color: red;  
  29.     margin-left: 10px;  
  30. }  
  31. #logdiv1 #p1{  
  32.     color: red;  
  33. }  
  34. #logdiv1 #p2{  
  35.     color: green;  
  36. }  
  37. #logdiv1 #p3{  
  38.     color: red;  
  39. }  
  40. #logdiv1 #p4{  
  41.     color: green;  
  42. }  
  43. /* 
  44. 导航栏样式控制 
  45.  */  
  46. #naDiv{  
  47.     font-size: 42px;  
  48.     width: 100%;  
  49.     height: 50px;  
  50.     background-color: #181717;  
  51.     color: red;  
  52.     font-family: 黑体;  
  53. }  
  54. /* 
  55. 底部固定div样式控制 
  56.  */  
  57. #footDiv{  
  58.     background-color: #181717;  
  59.     width:100%;  
  60.     height:125px;  
  61.     font-size: 18px;  
  62.     margin: 0px;  
  63.     color: #71EAF0;  
  64. }  
  65.   
  66. .bonInput{  
  67.     font-size: 28px;  
  68. }  

效果图：

angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证_第1张图片

你可能感兴趣的:(angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证)

  • 跨境新手必看：美区Mercari运营技巧全攻略 跨境知识搬运工 跨境电商人工智能chatgpt前端服务器网络
    Mercari作为一个全球性的二手商品交易平台，尤其在美国市场拥有庞大的用户基础。它为卖家提供了一个低成本、高流量的销售渠道，是新手卖家进入跨境电商领域的理想选择。以下是Mercari平台跨境卖家进行店铺运营及优化的一些方法和建议，希望对各位跨境新手有帮助。平台现状与优势现状Mercari是一个用户基础庞大且交易活跃的二手商品交易平台，拥有超过2000万活跃用户，每月交易额超过1亿美元。优势平台提
  • idea 2023.3.7常用插件 shuair ideaintellij-ideajavaide
    idea2023.3.7常用插件文档idea2019.3常用插件idea2023.3.7常用插件idea2023.3.7常用插件插件名称插件版本说明1AceJump3.5.9AceJump允许您快速将插入符号导航到编辑器中可见的任何位置。只需按“ctrl+；”，键入一个字符，然后在AceJump中键入匹配的字符。2CamelCase3.0.12Switcheasilybetweenkebab-ca
  • 五、获取RGB图像——Azure Kinect DK入门 是丝豆呀 AzureKinectDK
    AzureKinectDK文档Azure-Kinect-Sensor-SDK文档OpenCV文档参考文档学习，边学，边查资料获取RGB图像目的设备基本函数代码实现结果总结目的获取RGB图像设备一台AzureKinectDK基本函数k4a_result_tk4a_device_start_cameras(k4a_device_tdevice_handle,constk4a_device_config
  • Oracle（33）如何创建一个PL/SQL过程（Procedure）？ 辞暮尔尔-烟火年年 Oracleoraclesql数据库
    创建一个PL/SQL过程（Procedure）涉及几个步骤，包括定义过程的名称、参数、过程体以及异常处理部分。下面将详细介绍如何创建一个PL/SQL过程，并结合代码示例进行说明。创建PL/SQL过程的步骤定义过程的名称：每个过程都有一个唯一的名称。定义参数：可以定义输入、输出和输入/输出参数。编写过程体：包含实际的PL/SQL代码和SQL语句。异常处理：处理在执行过程中可能发生的异常。代码示例1.
  • 目标检测YOLO实战应用案例100讲-交通目标数据集构建及高性能检测算法研究与应用 林聪木 目标检测YOLO算法
    目录前言国内外研究现状目标检测研究现状目标检测数据集研究现状基于深度学习的通用目标检测方法2.1数据集构建2.2基于深度学习的目标检测框架2.2.1双阶段检测算法分析2.2.2YOLO系列单阶段检测算法分析2.3多标签分类检测交通多样化数据集构建3.1交通场景的特点3.2数据集构建准备3.2.1现有数据集特点3.2.2样本数据采集流程3.3基于LabelImg的标注优化工具3.3.1目标预检测功能
  • Oracle数据库之PL/SQL存储过程、存储函数（二十二） 珩杰软件设计 数据库sqloracle
    在Oracle数据库中，PL/SQL是用于存储和执行SQL语句和PL/SQL代码块的强大语言。使用PL/SQL，你可以创建存储过程（StoredProcedure）和存储函数（StoredFunction）。这两种类型的数据库对象都允许你封装复杂的逻辑和计算，并在需要时从数据库应用程序中调用它们。存储过程（StoredProcedure）存储过程是一组为了完成特定功能的SQL语句集合。用户可以通过
  • Spring Boot整合Jasypt实现敏感信息加密 嘵奇 提升自己springboot后端java
    精心整理了最新的面试资料和简历模板，有需要的可以自行获取点击前往百度网盘获取点击前往夸克网盘获取SpringBoot整合Jasypt实现敏感信息加密一、什么是Jasypt？Jasypt（JavaSimplifiedEncryption）是一个Java加密库，支持对配置文件中的敏感信息（如数据库密码、API密钥等）进行加密/解密。与SpringBoot整合后，可通过注解自动解密配置信息。二、整合步骤
  • 结构化设计（耦合） 编程在手天下我有 软件工程
    1.非直接耦合定义：两个模块之间没有直接的联系，它们分别从属于不同的上层模块控制与调用。示例：在一个电商系统中，用户管理模块负责处理用户的注册、登录等操作，而商品库存管理模块负责管理商品的库存数量。这两个模块分别由不同的业务逻辑模块调用，它们之间没有直接的交互。classUserManagement{publicvoidmanageUser(){System.out.println("正在进行用户
  • 结构化设计（内聚） 编程在手天下我有 软件工程
    结构化设计中的内聚是指一个模块内部各成分之间相互关联的紧密程度，它是衡量模块独立性的一个重要指标。高内聚意味着模块内部的各个部分联系紧密、功能单一，这样的模块更容易理解、维护和复用。以下是常见的内聚类型，按照内聚程度从低到高排列：1.偶然内聚定义：模块内的各成分之间没有实质性的联系，只是因为偶然的原因被组合在一个模块中。例如，一个模块里包含了计算圆面积、打印欢迎信息和读取文件这三个功能，它们之间没
  • 计算机视觉技术的优势与挑战：深入探讨与未来展望 猿享天开 技术杂汇计算机视觉CV
    目录计算机视觉技术的优势与挑战：深入探讨与未来展望计算机视觉技术的优势1.高效处理大量数据2.自动化和高精度3.实时应用4.多领域应用计算机视觉技术的挑战1.数据质量和多样性2.复杂场景和语义理解3.训练数据和算法设计4.隐私与安全问题未来展望1.数据增强与合成2.多模态学习3.轻量化模型4.隐私保护与安全保障结语计算机视觉（ComputerVision,CV）技术是一种利用计算机和算法来模拟和实
  • NLP 45、【Attention is all you need】模型代码实现及应用 L_cl 自然语言处理深度学习人工智能
    目录一、【Attentionisallyouneed】代码实现1.Modules.pyⅠ、类的定义Ⅱ、初始化方法Ⅲ、前向传播代码运行流程Ⅳ、完整代码2.SubLayers.pyⅠ、多头注意力机制MultiHeadAttention①类的定义②初始化方法③前向传播代码运行流程③完整代码Ⅱ、位置前馈网络PositionwiseFeedForward①类的定义②初始化方法③前向传播代码运行流程④完整代码
  • 扩散模型（Diffusion Models）用于图像去噪：开启图像去噪模型新前沿 喵了个AI 扩散模型（diffusionmodel）深度学习计算机视觉人工智能stablediffusionpipscikit-learnmatplotlib
    ✨个人主页欢迎您的访问✨扩散模型基本原理✨扩散模型（DiffusionModels）近年来在计算机视觉领域引起了广泛关注，尤其在图像生成和图像去噪任务中取得了显著的成果。扩散模型的核心思想来源于物理学中的扩散过程，通过逐步添加噪声并反向模拟去噪过程，最终恢复出清晰的图像。在图像去噪领域，扩散模型的表现优于传统方法，且具备生成性强、结构化处理能力等优点。本文将深入探讨扩散模型在图像去噪中的应用，介绍
  • 基于YOLOv10深度学习的火灾烟雾检测识别系统 深度学习YOLO目标检测实战项目 YOLO深度学习目标跟踪ui分类目标检测人工智能
    引言随着深度学习和计算机视觉技术的发展，基于图像和视频的火灾烟雾检测在各类安全监控系统中得到了广泛应用。火灾烟雾检测系统的主要目标是利用摄像头监控到的实时视频流，及时识别并报告火灾烟雾的发生，从而提高火灾预警的效率和准确性，降低因火灾带来的损失。本博客将详细介绍如何基于深度学习技术，结合YOLOv10模型实现一个火灾烟雾检测系统，并开发一个简单的图形用户界面（UI），使用户能够实时查看检测结果。目
  • 基于深度学习的烟雾检测系统——YOLOv5、YOLOv8、YOLOv10及UI界面的实现 深度学习YOLO目标检测实战项目 深度学习YOLOui人工智能分类
    引言随着科技的进步，深度学习在计算机视觉中的应用得到了广泛的应用，尤其在烟雾检测领域，具有重要的意义。烟雾检测系统不仅有助于火灾的预防与早期发现，还在工业、交通等领域有着广泛的需求。近年来，YOLO（YouOnlyLookOnce）系列目标检测算法的快速发展，为烟雾检测提供了强大的支持。在本篇博客中，我们将深入探讨如何利用YOLOv5、YOLOv8、YOLOv10来构建一个高效的烟雾检测系统，并设
  • Android studio进阶教程之（二）--如何导入高德地图 隐-梵 androidstudioandroidide
    本次也是继续来更新Android的进阶教学了，还记得我曾经写过如何申请高德地图的key吗，今天我们就将高德地图放在我们的app中基础权限配置在androidManifest中配置以下权限：以及配置你自己在高德地图中申请的key:bulid.gradle.kts的配置如下：//修正点1：移除重复的Kotlin插件声明（版本冲突）plugins{alias(libs.plugins.android.a
  • QT简单练习 老K殿下 每日练习
    创建一个项目，提供三个按钮，第一个按钮实现播报第二个按钮的内容，播报结束后，设置自己不可用。第二个按钮的内容是关闭，实现功能是关掉整个项目，第三个按钮功能是将第一个按钮设置为可以状态头文件#ifndefF_UI_H#defineF_UI_H#include#include#includeclassF_ui:publicQMainWindow{Q_OBJECTsignals:voidsingal_1
  • 探索未来游戏的边界：shadPS4 —— 开源的PS4模拟器初探 潘惟妍
    探索未来游戏的边界：shadPS4——开源的PS4模拟器初探去发现同类优质开源项目:https://gitcode.com/在追求复古与未来的交汇点上，shadPS4项目以其独特的魅力，引领着我们进入一个全新的游戏模拟世界。这是一个处于积极开发阶段的PS4模拟器，专为Windows和Linux系统打造，采用C++编写，它的出现不仅为游戏爱好者打开了一扇窗，也让技术探索者有了新的试验田。项目介绍sh
  • 2025-04-01 AGI大模型学习路线，非常详细收藏我这一篇就够了 大模型入门学习 agi学习人工智能程序员大模型教程AI大模型
    大模型学习路线建议先从主流的Llama开始，然后选用中文的Qwen/Baichuan/ChatGLM，先快速上手体验prompt工程，然后再学习其架构，跑微调脚本如果要深入学习，建议再按以下步骤，从更基础的GPT和BERT学起，因为底层是相通的，而且实际落地到一个系统中，应该也是大模型结合小模型（大模型在做判别性的任务上，比BERT优势不是特别大）可以参考如下方案，按需学习。一、简述按个人偏好总结
  • 深入解析 C++ 字符串处理：提取和分割的多种方法 星途码客 c++算法c++开发语言
    在C++编程中，字符串处理是一个常见的任务，尤其是在需要从字符串中提取特定数据时。本文将详细探讨如何使用C++标准库中的工具（如std::istringstream和std::string的成员函数）来提取和分割字符串，并分析不同方法的适用场景和优缺点。我们将通过多个示例代码逐步讲解，帮助读者掌握字符串处理的技巧。1.字符串提取的基本方法1.1使用std::istringstream和>>操作符s
  • Oracle数据库数据编程SQL＜3.7 PL/SQL 触发器(Trigger)＞ Tyler先森 Oracleoracle数据库sql
    触发器是Oracle数据库中的一种特殊存储过程，它会在特定数据库事件发生时自动执行。触发器通常用于实现复杂的业务规则、数据验证、审计跟踪等功能。目录一、触发器基本概念1.触发器特点2.触发器组成要素二、触发器类型1.DML触发器2.DDL触发器3.系统/数据库事件触发器4.INSTEADOF触发器三、创建DML触发器1.基本语法2.行级触发器示例3.语句级触发器示例四、特殊触发器1.复合触发器(1
  • ESP-01模块连接手机热点问题及解决方法 即安莉 智能手机java网络
    在使用ESP-01模块连接手机热点时，可能会遇到一些问题。本文将详细介绍如何解决这些问题，并分享最终通过将WiFi切换到2.4GHz成功解决问题的经验。一、问题描述在尝试使用ESP-01模块连接手机热点时，遇到了连接失败的问题。以下是操作过程中的日志记录：[2025-03-2918:11:50.398]RX：AT+CWJAP="ch340","88888888"[2025-03-2918:11:5
  • 【Android开发基础】手机传感器信息的获取 技术博主狂热者 httpudphttpswebsocket网络安全网络协议tcp/ip
    文章目录一、引言二、了解1、概述2、关键三、设计1、UI设计（1）主界面（2）适配器item2、编码（1）获取数据（传感器信息）（2）渲染数据（初始化适配器）一、引言描述：关于传感器的使用，我在同栏目下发了一篇关于传感器（方向传感器、加速度传感器）的使用，这篇博客主要以获取不同手机所支持的传感器信息为主。在实际开发中，使用Keymob这样的开发助手可以快速获取设备信息并优化传感器数据处理流程。难度
  • 计算机视觉（CV）技术的优势和挑战 编程在手天下我有 计算机视觉
    计算机视觉（CV）技术是人工智能领域中的一个重要分支，它主要通过让机器学会“看”和“理解”图像或视频来模拟人类视觉系统。以下是计算机视觉技术的一些优势和挑战：优势：自动化：计算机视觉技术可以实现许多人类无法完成或难以完成的复杂视觉任务，如检测和识别大量图像、视频数据等。精度：借助深度学习等先进技术，计算机视觉系统可以在一定程度上实现精准的图像识别和分析，甚至超过人类的准确度。提高效率：应用计算机视
  • C++位运算精要：高效解题的利器 星途码客 c++算法c++java算法
    引言在算法竞赛和底层开发中，位运算（BitManipulation）因其极高的执行效率而广受青睐。它能在O(1)时间复杂度内完成某些复杂操作，大幅优化程序性能。本文系统梳理C++位运算的核心技巧，涵盖基础操作、经典应用、优化策略及实战例题，帮助读者掌握这一高效工具。一、位运算基础1.六大基本操作运算符名称示例（二进制）说明&按位与1010&1100=1000同1为1，否则为0|按位或1010|11
  • python推导式及列推导式应用实践 肖永威 Pythonpython开发语言
    ‌Python中的推导式‌是一种简洁且高效的代码编写方式，它允许在一行代码中完成常见的循环和集合及条件操作。Python提供了四种主要的推导式：列表推导式、字典推导式、集合推导式和生成器推导式。这些推导式可以根据一个数据序列构建另一个新的数据序列，常用于数据处理场景，提高可读性，并减少出错的可能性。Python中的推导式（Comprehensions）是一种简洁的构建列表（list）、字典（dic
  • 亲测超简单pytorch3D安装教程！！！（已解决） 小秋今天也要加油吖 pytorch人工智能python
    不需要花里胡哨各种麻烦，只确认好你需要的pytorch3d版本，你环境的python、cuda、pytorch版本，去官网下载对应的安装包https://anaconda.org/pytorch3d/pytorch3d/files，再回来直接condainstall就好咯！！比如我的是python3.7，cuda11.1，pytorch1.9.1，那我就下载pytorch3d-0.7.1-py37
  • csv文件 青禾子的夏 csv
    CSV文件（Comma-SeparatedValues，逗号分隔值）是一种常用的文件格式，用于存储表格数据，如电子表格或数据库中的数据。CSV文件以纯文本形式存储，其中的每一行代表数据表中的一行，而行中的每个字段通常由逗号分隔。CSV文件由于其简单性和通用性，被广泛用于数据交换和备份。CSV文件的特点包括：文本格式：CSV文件是文本文件，可以使用任何文本编辑器（如记事本、Notepad++、VSC
  • Spring Boot进阶(46)：解密Spring Boot和Jackson的完美结合：打造高效的JSON序列化方案 bug菌¹ 滚雪球学SpringBoot#SpringBoot零基础入门springbootJackson
    1.前言在上一期《SpringBoot之Jackson配置全局时间日期格式》文中提到Jackson，Jackson是一个在Java中常用的JSON序列化和反序列化库，因为其操作简单、性能优秀、支持多种数据格式等特点，被广泛应用于各种后端开发场景中。而SpringBoot则是一个快速开发框架，能够快速帮助我们搭建项目架构。本文旨在介绍如何在SpringBoot中集成Jackson，以帮助读者更加方便
  • 富文本编辑器 输出在线html_一个在线实时预览代码编辑器的实现 weixin_39805195 富文本编辑器输出在线html
    在线代码编辑器--Html/Markdown支持作为开发者，经常会使用各式编辑器，一个体验良好的编辑器会给使用者舒适的coding体验。但当我们不是使用自己熟悉的电脑，在任意的环境下，我们就需要有一个在线的编辑器进行coding。事实上已经有太多优秀的online编辑器（jsbin/jsfiddle等）。笔者也根据自己的工作需求，做了一个简介版的编辑器，用于Html以及Markdown的开发。本文
  • VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘) 说明 爱吃松果的美美 #vue项目相关vue.js
    https://blog.csdn.net/qq_41912398/article/details/109231418next()——放行next(’/’)——中断当前导航，执行新的导航。注意这里不是直接转跳，而是中断。beforeEach((to,from,next)=>{beforeEach(('/logon',from,next)=>{beforeEach(('/logon',from,ne
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他