李亚杰
李亚杰

AngularJs学习教程

AngularJs

AngularJs学习教程_第1张图片

  • 目录
    • AngularJs实战一 购物车
    • 细讲ng-repeat指令
    • ng-show和ng-hide
    • ng-class指令
    • ng-src和ng-href
    • 应用控制器中的职责
    • watch来监控数据模型的变化
    • 创建服务
    • 自定义过滤器
    • 使用路由和$location切换视图

AngularJs实战一 购物车

  • 本示例用的是angularjs v1.5

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车</title>
</head>
<body ng-app='shopcar'>
<div ng-controller='shopcarCtrl'>
    <h1>Your Order</h1>
    <div ng-repeat='item in items'>
        <span>{{item.title}}</span>
        <input ng-model='item.quantity' />
        <span ng-bind='item.price | currency'></span>
        <span ng-bind='item.price * item.quantity | currency'></span>
        <button ng-click='remove($index)'>Remove</button>
        <span ng-bind='$index'></span>
    </div>
</div>
<script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
<script>
    var app = angular.module('shopcar',[])
    app.controller('shopcarCtrl',function($scope){
        $scope.items = [
        {title:'苹果',quantity:'2',price:'3.1'},
        {title:'香蕉',quantity:'3',price:'2.1'},
        {title:'橘子',quantity:'4',price:'1.1'}
        ]
        $scope.remove = function(index){
            $scope.items.splice(index,1)
        }
    })
</script>
</body>
</html>
  • 分析
    1. <body ng-app='shopcar'> ng-app属性(angularjs中是指令)就是告诉Angular页面中的哪一部分是需要接受angularjs来管理解析的,我们放到了body标签上就说明,body内是受angular来管理的
    2. <div ng-controller='shopcarCtrl'> ng-controller 属性就是用来控制
      之间的所有的内容,这个就是 angularjs中的控制器,说白了就是一个 javascript方法
    3. <div ng-repeat='item in items'> 就是遍历,把这个标签下的所有的内容都遍历,这个标签就是当前这个div
    4. <span>{{item.title}}</span> 通过{{ }} 把item.title的值绑定到span标签的innerHTML,如下的<span ng-bind='item.title'></span>也是这个意思,但是ng-bind的好处是再网速慢的情况下不会把{{item.title}}显示出来
    5. <input ng-model='item.quantity' /> 把输入框和item.quantity的值之间创建数据绑定关系
    6. <span>{{item.price | currency}}</span> 其中currency就是angular内置的一个过滤器,让item.price以美元的形式显示
    7. <button ng-click='remove($index)'></button> ng-click则是给button添加一个点击事件,点击的时候久会调用remove方法,\(index就是ng-repeat再遍历的时候的索引,从0开始,\)index也就是元素的索引

细讲ng-repeat指令

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ng-repeat</title>
</head>
<body ng-app='angularrepeat'>
    <div ng-controller='studentsc'>
        <ul>
            <li ng-repeat='stu in students'>
                <a href="#" ng-click='showinfo($index)'>{{stu.name}}</a>
                <span>
                是否是第一个:{{$first}} 是否是最后一个:{{$last}} 是否是中间的一个{{$middle}} 是否是偶数位:{{$odd}} 是否是奇数位:{{$even}}
                </span>
            </li>
        </ul>
        <span ng-bind='stuinfo'></span>
        <button ng-click='insertDom()'>Add Stu</button>
    </div>

    <script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
    <script type="text/javascript">
        var app = angular.module('angularrepeat',[])
        app.controller('studentsc',function($scope){
            $scope.students = [
                {name:'liyajie1',age:12,id:1},
                {name:'liyajie2',age:13,id:2},
                {name:'liyajie3',age:14,id:3}
            ]
            $scope.showinfo = function(index){
                var s = $scope.students[index]
                $scope.stuinfo = s.name+'---'+s.age+'---'+s.id;
            }
            $scope.insertDom = function(){
                $scope.students.splice(1,0,{name:'liyajie4',age:14,id:4})
            }
        })
    </script>
</body>
</html>
  • 分析如上代码
    • 上面的功能主要是把学生的信息都给显示出来,点击学生名字的时候下面显示对应的详细信息,点击Add Stu按钮的时候新增一个学生liyajie4
    • $index:当前元素索引 number
    • $first 是否是第一个 boolean
    • $last 是否是最后一个 boolean
    • $middle 是否是中间的一个 boolean,如果数组是偶数个元素,则中间两个
    • $even 是否是奇数位 boolean
    • $odd 是否是偶数位 boolean
    • $index是从0开始,其他的是从1开始算

ng-show和ng-hide指令

说明

  • ng-show 为true的时候显示,false的时候隐藏
  • ng-hide 则和ng-show相反

  • 示例代码如下

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示和隐藏</title>
<style type="text/css">
.menu-disabled-true{
    color:gray;
}
</style>
</head>
<body ng-app='showandhide'>
<div ng-controller='showhidectrl'>
    <button ng-click='toggleMenu()'>显示或隐藏</button>
    <ul ng-show='menustate'>
        <li class="menu-disabled-{{isDisabled}}" ng-click="stun()">Stun</li>
        <li ng-click="dis()">Dis</li>
        <li ng-click="erase()">Erase</li>
    </ul>
</div>
<script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
<script>
    var app = angular.module('showandhide',[])
    app.controller('showhidectrl',function($scope){
        $scope.menustate = true;
        $scope.toggleMenu = function(){
            $scope.menustate = !$scope.menustate
        }
        $scope.isDisabled = false
        $scope.stun = function(){
            $scope.isDisabled = true;
        }

    })
</script>
</body>
</html>

    相对来说这个指令没什么困难

ng-class样式指令

通过上面ng-show的示例代码中也看到了,通过改变class的名字来控制文字的样式,这样是很灵活的,但是当需要再模板和javascript中使用时它就会变得无法维护,进而无法正确创建css,正式因为这个AngularJs给我们提供了ng-class和ng-style指令,如下是两个例子

1. 在页面最上方切换错误和警告消息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ng-class 在页面头部显示错误或警告信息</title>
    <style type="text/css">
    body,div{
        padding: 0;
        margin: 0;
    }
    button{
        width:80px;
        padding: 5px 10px;
        border:none;
        border-radius:5px;
        background-color:#0094ff;
    }
        .error{
            height:50px;
            text-align:center;
            background-color:#ff0000;
        }
        .warning{
            text-align:center;
            height:50px;
            background-color:#FF8000;
        }
    </style>
</head>
<body ng-app='ngclass'>
    <div ng-controller='ngctrl'>
        <div ng-class='{error:isError,warning:isWarning}'>{{msg}}</div>
        <button ng-click='showerror()'>Error</button>
        <button ng-click='showwarn()'>Warning</button>
    </div>
    <script type="text/javascript" src="js/angularjs-v1.5.0.js"></script>
    <script>
        var app = angular.module('ngclass',[])
        app.controller('ngctrl',function($scope){
            $scope.showerror = function(){
                $scope.isError = true;
                $scope.isWarning = false;
                $scope.msg = '这是错误消息';
            }
            $scope.showwarn = function(){
                $scope.isError = false;
                $scope.isWarning = true;
                $scope.msg = '这是警告消息';
            }
        })
    </script>
</body>
</html>

2. 选中行后变颜色

...

  • 转自：【李亚杰技术小栈】
  • 更多教程请到：李亚杰技术小栈

你可能感兴趣的:(AngularJs学习教程)

  • LoaRunner性能测试系统学习教程：SQL Server等待类型 82a7fe2508f4
    上期我们讲到LoadRunner性能测CPU瓶颈，这期我们讲LoadRunner性能测试SQLserver等待类型。SQLServer等待类型通常可能更多的去监控每个查询执行步骤所消耗的时间，但其实这些还不够，因为每个执行计划在执行前可能需要等待，而这些等待的时间是被消耗了，没有任何作用，所以如果能缩短等待时间显然可以提高SQLServer的性能。SQL等待类型SQLServer通过SQLOS（S
  • Python编程：聊天群的屏蔽脏话 山禾家的猫
    突然想到一个视频里面弹幕被和谐的一满屏的*号觉得很有趣，然后就想用python来试试写写看，结果还真玩出了点效果。学习Python中有不明白推荐加入交流裙号：735934841群里有志同道合的小伙伴，互帮互助，群里有免费的视频学习教程和PDF！思路是首先你得有一个脏话存放的仓库好到时候检测，那么个人还是喜欢用列表，因为列表灵活使用扩展都很方便，有了脏话库我们在来想核心怎么屏蔽脏话，你要记得玩家输入
  • Vue3 学习教程，从入门到精通，Vue 3 计算属性（Computed Properties）知识点详解与案例代码（15） 知识分享小能手 vue3前端开发网页开发vue.js学习前端javascriptbootstraptypescriptvue3
    Vue3计算属性（ComputedProperties）知识点详解与案例代码在Vue3中，计算属性（ComputedProperties）是用于基于响应式数据派生新数据的一种方式。计算属性具有以下特点：缓存性：只有在依赖的响应式数据发生变化时，计算属性才会重新计算，否则会返回缓存的结果。可读性：计算属性用于获取数据，而不是修改数据。响应性：计算属性会自动追踪其依赖的响应式数据，并在依赖变化时自动更
  • 揭秘破解密码的常见方法和手段（非常详细），零基础入门到精通，看这一篇就够了 程序员小雨Y 破解密码网络攻防渗透测试网络安全渗透测试流程web安全
    文章目录前言键盘监听木马暴力破解钓鱼攻击爬虫收集信息泄露AI硬件支持社工==零基础入门网络安全/黑客技术==【----帮助网安学习，以下所有学习资料文末免费领取！----】大纲学习教程面试刷题资料领取前言今天小编就帮粉丝朋友科普一下，破解密码的常见方法和手段，希望看到本文的粉丝朋友，给小编点赞支持支持一波键盘监听木马键盘监听病毒在网吧中非常流行，它在启动后会监听用户的键盘输入事件，如果有人使用账号
  • github上的学习材料三：前端入门资源汇总 X-Prince JS生活Git
    本篇转载自：https://idoras.com/frontend-resources/前言前端无疑是2016年最火热的技术，没有之一。各种前端mvc框架层出不穷，angularjs，vue，react，前端组件化开发概念已经深入人心。前端工资已经比手机端开发还要高了。作为个人站长，学习下前端设计也是有必要的，一来有些小的设计问题可以自己解决，同时还能提高自己的审美，提高网站的ui设计水平。必备基
  • 配音必学的伪音，到底怎么练？零基础配音学习教程 配音新手圈
    声优都是伪音大佬！相信大家都听过这句话吧！而伪音，也就是“伪装的声音”比如美女伪装出正太音，大叔伪装出萝莉音！可以说伪音是优秀配音演员的必备技能！那伪音究竟怎么练习呢？一起来看看吧！不同音色发音特点01、萝莉音音调较高，鼻音较重，嗓子较尖细，可以糅合一些港台腔02、少女音说话的语气充满活力，整体语调上扬，咬字发音很清脆03、正太音音调拉高，嗓子压低，在少女音的基础上加上刚硬、活力的感觉04、御姐音
  • 如何用深度学习实现图像风格迁移
    最近研学过程中发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击链接跳转到网站人工智能及编程语言学习教程。读者们可以通过里面的文章详细了解一下人工智能及其编程等教程和学习方法。下面开始对正文内容的介绍。前言图像风格迁移是人工智能领域中一个非常有趣且富有创意的应用。它能够让一张普通的照片瞬间变成梵高笔下的《星月夜》风格，或者像莫奈的《睡莲》一样充满艺术感。这种技术不仅在
  • Python机器学习教程
    Python机器学习教程(MachineLearningwithPythonTutorial)PDFVersionQuickGuideResourcesJobSearchDiscussionPDF版本快速指南资源资源求职讨论区MachineLearning(ML)isbasicallythatfieldofcomputersciencewiththehelpofwhichcomputersyste
  • 入门大模型神器：开源项目Happy LLM保姆级教程！
    Happy-LLMHappy-LLM——从零开始的大语言模型原理与实践教程。本项目是一个系统性的LLM学习教程，将从NLP的基本研究方法出发，根据LLM的思路及原理逐层深入，依次为读者剖析LLM的架构基础和训练过程。同时，我们会结合目前LLM领域最主流的代码框架，演练如何亲手搭建、训练一个LLM，期以实现授之以鱼，更授之以渔。希望大家能从这本书开始走入LLM的浩瀚世界，探索LLM的无尽可能。特点•
  • Pandas 学习教程 _pass_ Data-Alaysispandas信息可视化
    目录定义基本操作一维数组操作二维数组操作数据选择过滤数据处理数据清洗数据转换数据分析排序分组聚合数据透视表高级操作合并数据时间序列处理自定义函数调用数据可视化集成数据导出和导入大数据分块处理定义全称：'paneldata'and'pythondataanalysis'Analy:Series(一维数据)、DataFrame(二维数据)主要应用：数据清洗：处理缺失数据、重复数据等数据转换：改变数据的
  • Vue3 学习教程，从入门到精通，Vue 3 安装指南及语法知识点详解（2）
    Vue3安装指南及语法知识点详解本文将详细介绍Vue3的所有安装方式，并深入讲解Vue3的语法知识点。此外，还将提供一些综合性案例，展示如何综合运用Vue3的各项功能。一、安装Vue3的所有方式Vue3提供了多种安装方式，以适应不同的项目需求和开发环境。以下是主要的安装方式：1.通过CDN引入这是最简单的方式，适用于快速原型开发或学习。步骤：在HTML文件中通过标签引入Vue3的CDN链接。使用V
  • Vue3 学习教程，从入门到精通，使用 VSCode 开发 Vue3 的详细指南（3） 知识分享小能手 前端开发vue3网页开发学习前端javascriptvue.jsvue3vue前端框架
    使用VSCode开发Vue3的详细指南本文将详细介绍如何使用VisualStudioCode(VSCode)开发Vue3项目，包括创建项目、打开项目、运行第一个入门程序，并涵盖关键的语法知识点及使用方法。每个知识点都将提供具体的案例代码，并附有详细注释。此外，还将提供一些入门案例，帮助您快速上手Vue3开发。目录准备工作创建Vue3项目在VSCode中打开Vue3项目运行第一个入门程序Vue3关键
  • 【后端开发】Flask学习教程 大雨淅淅 后端开发flask学习python后端
    目录一、Flask是什么？二、环境搭建，准备启航2.1安装Python2.2安装Flask库三、第一个Flask程序，初窥门径3.1导入Flask类3.2创建应用实例3.3定义路由和视图函数3.4运行应用四、深入理解Flask核心概念4.1路由系统详解4.2请求与响应处理4.3模板引擎Jinja2五、Flask扩展，增强战斗力5.1Flask-SQLAlchemy：数据库操作的得力助手5.2Fla
  • 【学习教程】遥感、GIS和GPS技术在水文、气象、灾害、生态、环境及卫生等领域中的应用
    【内容简介】：第一讲3S技术及软件简介1.13S技术及应用案例文献解析1.23S技术软件（ArcGIS、ENVI）简介1.3如何快速掌握ArcGIS1.4ArcGIS界面及数据加载1.5文档保存方式第二讲ArcGIS数据管理2.1ArcGIS数据类型与数据结构2.2shapefile数据、个人地理数据库MDB和文件地理数据库GDB2.3地理空间数据建库的理论、方法和步骤2.4ArcGIS数据管理第
  • 十五天Python系统学习教程第十五天
    Day15详细学习计划：Python综合项目实战与学习路径规划学习目标✅综合运用前14天知识完成完整项目开发✅掌握生产级项目架构设计与优化技巧✅制定后续学习计划与技能提升方案✅理解Python工程化开发最佳实践一、实战项目：企业级任务管理系统1.1项目需求核心功能：用户认证（JWT令牌）任务CRUD与状态流转（待办/进行中/已完成）任务分类与优先级管理数据统计可视化（任务完成率/耗时分析）邮件通知
  • Python日志模块
    Python日志模块学习教程：b站王铭东老师Python中logging模块能够完成相关信息的记录，在debug时使用它事半功倍一、模块介绍日志级别DEBUG、INFO、WARNING、ERROR、CRITICAL默认是WARNING，当在WARNING或其之上时才被跟踪日志格式logging.basicConfig函数中，可以指定日志的输出格式format，这个参数可以输出很多有用的信息一般使用
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 表单浮动标签语法知识点及案例代码（33） 知识分享小能手 Bootstrap5网页开发前端开发bootstrap学习前端typescripthtmlcssjavascript
    Bootstrap5表单浮动标签语法知识点及案例代码Bootstrap5提供了强大的工具来创建响应式、现代化的表单。浮动标签（FloatingLabels）是一种现代的表单样式，使标签在输入框内浮动，提升用户体验。1.浮动标签简介浮动标签（FloatingLabels）是一种用户界面设计模式，其中标签在用户开始输入时从输入框内浮动到上方。这种设计不仅节省空间，还增强了表单的可读性和美观性。Boot
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 复选框（Checkbox）与单选框（Radio）语法知识点及案例代码（30） 知识分享小能手 前端开发Bootstrap5网页开发bootstrap学习前端typescriptjavascripthtmlcss
    Bootstrap5复选框（Checkbox）与单选框（Radio）语法知识点及案例代码Bootstrap5提供了简洁且响应式的复选框和单选框组件，通过使用Bootstrap的内置类，可以轻松创建美观的表单控件。一、复选框（Checkbox）1.基本语法复选框允许用户从多个选项中选择一个或多个。使用Bootstrap5的复选框类，可以快速创建样式统一的复选框。默认复选框2.关键类说明form-ch
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 选择区间（Range）语法知识点及案例代码详解（31） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端javascripttypescripthtmlcss
    Bootstrap5选择区间（Range）语法知识点及案例代码详解Bootstrap5提供了强大的表单控件组件，其中**选择区间（RangeSlider）**是常用的输入控件之一。目录引入Bootstrap5选择区间的基本结构选择区间的属性自定义选择区间完整案例代码运行效果预览1.引入Bootstrap5首先，需要在HTML文件中引入Bootstrap5的CSS和JS文件。可以使用CDN方式快速引
  • WEB前端缓存解决方案 qermeng WEB前端SPA缓存WEB前端缓存解决
    WEB前端缓存解决方案问题描述页面缓存js/css缓存问题描述使用angularjs(1.5.0)+gulp(3.9.0)做SPA开发时，修改js后，使用gulp-rev(6.0.1)对文件名进行了修改，但是刷新界面后修改的文件并没有加载，必须使用CRLT+F5深度刷新才可以。页面缓存页面缓存解决方案：js/css缓存通过gulp-rev在文件名增加哈希值来解决缓存问题gulp-rev:Stati
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 输入框组（Input Group）知识点及案例代码（32） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端ecmascriptjavascripthtmlcss
    Bootstrap5输入框组（InputGroup）知识点及案例代码输入框组（InputGroup）是Bootstrap5中用于在输入框前后添加文本、图标或按钮的组件。通过输入框组，可以增强表单的可读性和用户体验。一、语法知识点1.基本结构输入框组的基本结构由以下几个类组成：.input-group：包裹整个输入框组的容器。.input-group-prepend：用于在输入框前添加内容。.inp
  • 如何学习前端炙手可热的Vue？Vue学习路线图详解！ 真·skysys 大前端和跨平台技术vue
    总结vue文档从0.11、0.12、1.0、2.x到3.0beta本文章长期更新，持续维护限于博主水平，如有错漏还望各位不吝赐教文章内容可能有争议，欢迎大家理性交流与探讨What’svue：Vue.js是什么？定位设计目标（初心）：通过尽可能简单的API提供响应数据绑定和可组合视图组件灵感来源（创意）：AngularJS，KnockoutJS，Ractive.js和Rivets.js。在简单性和功
  • 最全面的MySQL数据库讲解，带你基础入门mysql mysql
    数据库软件里面用的比较多的就MySQL了，对于企业还是个人开发者，或者是学生，都是很好的选择，下面为大家带来MySQL的学习教程，让大家快速入门MySQL数据库，学会安装配置MySQL，掌握MySQL基本知识，并轻松使用MySQL数据库。什么是数据库？数据库通常是一个或一组文件，保存了一些符合特定规格的数据，数据库对应的英语单词是DataBase，简称DB，数据库软件称为数据库管理系统（DBMS）
  • LangChain4j 学习教程项目 Chengdu.S #LangChain4j教程langchain4j
    LangChain4j学习教程项目地址项目简介主要功能使用的技术和库项目环境配置环境要求依赖版本每天学习内容和目标Day01Day02Day03Day04Day05Day06Day07Day08Day09Day10Day11Day12重点学习内容RAG经过为期12天（日均1小时）的LangChain4j源码深度研读，已完成核心模块的代码解析工作。研究过程中同步编写了配套示例代码，后续将通过系列技术
  • 【网络编程】EPOLL 事件触发机制的服务器 啟明起鸣 网络服务器运维
    文章目录业务拆解EPOLL机制介绍EPOLL的核心变量和函数EPOLL程序流程图C代码实现准备工作服务器代码代码运行效果总结推荐一个零声教育学习教程，个人觉得老师讲得不错，分享给大家：[Linux，Nginx，ZeroMQ，MySQL，Redis，fastdfs，MongoDB，ZK，流媒体，CDN，P2P，K8S，Docker，TCP/IP，协程，DPDK等技术内容，点击立即学习:https:/
  • WebGIS开发系列教程（5）：Openlayers高级功能 WebGIS开发 GIS开发javascript开发语言webgisopenlayers
    本系列教程为webgis二维开发入门openlayers零基础小白学习教程，本篇为第五篇。完整版可以查看文末链接下载。1.地图标注功能地图标注是将空间位置信息点与地图关联，通过图标、窗口等形式把相关的信息展现到地图上。地图标注也是WebGIS中比较重要的功能之一，在大众应用中较为常见。地图标注的基本原理：获取标注点的空间位置(X、Y逻辑坐标)，在该位置上叠加显示图标(或包含信息的小图片)，必要时以
  • AngularJS知识快速入门（上） 1加1等于 javascript实战angular.js前端javascript
    本文通过一些具体的例子介绍了关于AngularJS的基本使用，包括指令、表达式、过滤器、模块化、MVC以及内置服务模块等等。本文目录AngularJS简介一、表达式二、MVC三、$scope作用域四、模块化五、过滤器六、服务七、指令AngularJS简介AngularJS是由Google开发的一个用于构建动态Web应用的前端JavaScript框架，它遵循MVC（Model-View-Contro
  • 机器学习在智能仓储中的应用：库存管理与物流优化 Blossom.118 机器学习与人工智能机器学习人工智能深度学习机器人sklearntensorflowcnn
    最近研学过程中发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击链接跳转到网站人工智能及编程语言学习教程。读者们可以通过里面的文章详细了解一下人工智能及其编程等教程和学习方法。下面开始对正文内容的介绍。随着电子商务的蓬勃发展，仓储和物流行业面临着前所未有的挑战和机遇。智能仓储通过整合先进的信息技术，如物联网（IoT）、大数据和机器学习，能够实现从货物入库到出库的全流程
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 侧边栏导航(Offcanvas) 语法知识点及案例（26） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端typescriptjavascripthtmlcss
    Bootstrap5侧边栏导航(Offcanvas)语法知识点及案例一、Offcanvas语法知识点1.基本结构Offcanvas由以下几个主要部分组成：触发按钮（通常带有data-bs-toggle="offcanvas"属性）Offcanvas容器（带有.offcanvas类）关闭按钮（通常放在offcanvas内部）2.核心类.offcanvas:主容器.offcanvas-start/.o
  • java观察者模式 3213213333332132 java设计模式游戏观察者模式
    观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。 在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。 这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。 老鹰会变成观察者，母鸡和小鸡是
  • TFS RESTful API 模拟上传测试 ronin47
           TFS RESTful API 模拟上传测试。 　　 细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http
  • PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式 dcj3sjt126com 设计模式PHP
    // 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()
  • hibernate 171815164 Hibernate
    main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new
  • Ant实例分析 g21121 ant
            下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。           下面是build.xml的代码： <?xml version="1
  • [简单]工作记录_接口返回405原因 53873039oycg 工作
             最近调接口时候一直报错，错误信息是:       responseCode:405 responseMsg:Method Not Allowed        接口请求方式Post.
  • 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别 程序员是怎么炼成的
       真正完成类的加载工作是通过调用 defineClass来实现的；  而启动类的加载过程是通过调用 loadClass来实现的；  就是类加载器分为加载和定义   protected Class<?> findClass(String name) throws ClassNotFoundExcept
  • JDBC学习笔记-JDBC详细的操作流程 aijuans jdbc
    所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。 下面我们就来仔细看一看每一个步骤： 其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接：   Html代码  St
  • rome创建rss antonyup_2006 tomcatcmsxmlstrutsOpera
    引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
  • html表格和表单基础 百合不是茶 html表格表单meta锚点
    第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,   html是一种标记语言,其实很简单都是固定的格式   _----------------------------------------表格和表单 表格是html的重要组成部分,表格用在body里面的 主要用法如下; <table> &
  • ibatis如何传入完整的sql语句 bijian1013 javasqlibatis
            ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。         解决办法： <
  • 精通Oracle10编程SQL(14)开发动态SQL bijian1013 oracle数据库plsql
    /* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name;
  • 【Linux命令】Linux工作中常用命令 bit1129 linux命令
    不断的总结工作中常用的Linux命令   1.查看端口被哪个进程占用   通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息   netstat -anp | grep 8085   察看进程ID对应的进程占用的端口号   netstat -anp | grep 进程ID &
  • 优秀网站和文档收集 白糖_ 网站
    集成 Flex, Spring, Hibernate 构建应用程序   性能测试工具-JMeter   Hmtl5-IOCN网站   Oracle精简版教程网站   鸟哥的linux私房菜   Jetty中文文档   50个jquery必备代码片段   swfobject.js检测flash版本号工具
  • angular.extend boyitech AngularJSangular.extendAngularJS API
    angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
  • java-谷歌面试题-设计方便提取中数的数据结构 bylijinnan java
    网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。 以下分别用排序数组和大小堆来实现。 使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插
  • ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 Chen.H ajaxFileUploadie6ie7ie8ie9
    jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); }
  • [机器人制造原则]机器人的电池和存储器必须可以替换 comsci 制造
           机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....        另外,如果一
  • Oracle Multitable INSERT 的用法 daizj oracle
    转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法 语法：     Insert Into 表名 (字段1,字段2,字段3...）     Values (值1,
  • 专访黑客历史学家George Dyson datamachine on
    20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相 比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
  • 小学6年级英语单词背诵第一课 dcj3sjt126com englishword
    always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住   usual 通常的 early 早的 begin 开始 month 月份   year 年 last 最后的 east 东方的 high 高的   far 远的 window 窗户 world 世界 than 比...更  
  • 在线IT教育和在线IT高端教育 dcj3sjt126com 教育
    codecademy  http://www.codecademy.com codeschool  https://www.codeschool.com teamtreehouse  http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.
  • Struts2 xml校验框架所定义的校验文件 蕃薯耀 Struts2 xml校验Struts2 xml校验框架Struts2校验
      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa
  • mac下安装rar和unrar命令 hanqunfeng mac
    1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
  • 三种将list转换为map的方法 jackyrong list
      在本文中，介绍三种将list转换为map的方法： 1） 传统方法 假设有某个类如下    class Movie { private Integer rank; private String description; public Movie(Integer rank, String des
  • 年轻程序员需要学习的5大经验 lampcy 工作PHP程序员
    在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
  • 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓 nannan408
    先来看南方网的一则报道： 再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。 　　粗暴手术让人发寒 　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。 　　12月5日，
  • 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件 Everyday都不同 jspinput回车键绑定clickenter
    假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理：   function search() { //监听函数略...... }   为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search():   //回车绑定 $(".search").keydown(fun
  • EXT学习记录 tntxia ext
      1. 准备   （1） 官网：http://www.sencha.com/   里面有源代码和API文档下载。   EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。   （2）帮助文档：   想要查看EXT的官方文档的话，可以去这里h
  • mybatis3的mapper文件报Referenced file contains errors xingguangsixian mybatis
    最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他