小子逆袭
小子逆袭

angularjs实现简单购物车案例（有效果图）

最终案例效果：
angularjs实现简单购物车案例（有效果图）_第1张图片

HTNL代码段：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的购物车title>
    <link href="css/test.css" rel="stylesheet">
    <script src="js/angular.min.js">script>
    <script src="js/test.js">script>
head>
<body ng-app="myapp" ng-controller="myCtrl" style="margin-left: 300px">



<h1>我的购物车h1>
<p ng-show="shopping">您的购物车为空<a href="#" ng-click="showS()">去逛商城a>p>
<div class="nav">
    <button ng-click="clearShpooing()" ng-show="show">清空购物车button>
div>


<table ng-show="show">
    <thead>
    <th><input type="checkbox" ng-model="check" ng-click="delAll(check)">th>
    <th>nameth>
    <th>priceth>
    <th>numberth>
    <th>totalpriceth>
    <th>optionth>
    thead>
    <tbody>

    
    <tr ng-repeat="item in data">
        <td><input type="checkbox" ng-model="item.done" ng-click="checkS()">td>
        <td>{{item.name}}td>
        <td>{{item.price | currency:"￥"}}td>
        <td>
            <button ng-click="jian($index)">-button>
            <input type="text" ng-model="item.number" ng-checked="dianji()">
            <button ng-click="add($index)">+button>
        td>
        <td>{{item.price*item.number |currency:"￥"}}td>
        <td>
            <button ng-click="remove($index)">删除button>
        td>
    tr>
    tbody>
    <tfoot>
    <tr>
        
        <td colspan="6">总价为:{{allMoney | currency:"￥"}}td>
    tr>
    tfoot>
table>


body>
html>
css代码段：
* {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}

td, th {
    padding: 3px;
    height: 50px;
    width: 100px;
    border: 1px solid gainsboro;
    text-align: left;
}

.nav {
    width: 800px;
    text-align: right;
}

tbody tr td:nth-child(4) {
    width: 200px;
}

tbody tr td:nth-child(4) button {
    width: 30px;
    height: 30px;
}

tbody tr td:nth-child(4) input {
    width: 30px;
    height: 30px;
    border: 1px solid gainsboro;
    border-radius: 5px;
}

.nav button {
    width: 150px;
    height: 40px;
    background: red;
    color: white;
    border: 0;
    border-radius: 5px;
}

button {
    width: 50px;
    height: 30px;
    background: blue;
    border: 0;
    border-radius: 5px;
    color: white;

}

a {
    text-decoration: none;
}

angular代码段：

var myapp = angular.module("myapp", []);
myapp.controller("myCtrl", function ($scope) {
    //自拟商品信息
    $scope.data = [{"name": "qq", "price": 12.9, "number": 1, done: false},
        {"name": "wx", "price": 23.9, "number": 1, done: false},
        {"name": "wx", "price": 99.9, "number": 1, done: false},
        {"name": "wb", "price": 63.9, "number": 1, done: false}];

    //点击加号的方法
    $scope.add = function (index) {
        $scope.data[index].number++;
        $scope.sum();
    };
    //点击减号的方法
    $scope.jian = function (index) {
        //点击-操作时,当商品数量为1时，弹出对话框，询问是否移除
        if ($scope.data[index].number == 1) {
            if (confirm("您是否将该商品移除购物车？")) {
                $scope.data[index].number--;
                $scope.data.splice(index, 1);
                $scope.sum();
            }
        }
        else if ($scope.data[index].number > 1) {
            $scope.data[index].number--;
            $scope.sum();
        }
    };

    //计算商品总价的方法
    $scope.sum = function () {
        $scope.allMoney = 0;
        for (var i = 0; i < $scope.data.length; i++) {
            $scope.allMoney = $scope.allMoney + $scope.data[i].price * $scope.data[i].number;
        }
    };
    $scope.sum();

    //点击输入框的方法
    $scope.dianji = function () {
        $scope.sum();
    };
    $scope.shopping = false;
    //默认全选是不选的
    $scope.check = false;
    //删除全部商品的方法
    $scope.delAll = function (check) {
        $scope.checkD(check);
    };
    $scope.checkD = function (state) {
        for (var i = 0; i < $scope.data.length; i++) {
            $scope.data[i].done = state;
        }
    };
    //下面的选框代表
    $scope.checkSS = false;
    $scope.checkS = function () {
        $scope.flag = 0;
        for (var i = 0; i < $scope.data.length; i++) {
            if ($scope.data[i].done == true) {
                $scope.flag++;
                $scope.checkSS = true;
            }
        }
        //实现当下面全部选中，全选框选中的效果
        if ($scope.flag == $scope.data.length) {
            $scope.check = true;
        } else {
            $scope.check = false;
        }
    };
    //判断全选框下面的多选框有几个的方法
    //清空购物车的方法
    $scope.clearShpooing = function () {
        if ($scope.check == true || $scope.checkSS == true) {
            for (var i = 0; i < $scope.data.length; i++) {
                if ($scope.data[i].done == true) {
                    $scope.data.splice(i--, 1);
                    if ($scope.data.length == 0) {
                        $scope.show = false;
                        $scope.shopping = true;
                    }
                    $scope.sum();
                }
            }
            if ($scope.check == true) {
                $scope.data.length = 0;
                $scope.show = false;
                $scope.shopping = true;
            }
        } else {
            alert("请先选择要操作的商品");
        }

    };
    $scope.show = true;
    $scope.remove = function (index) {
        $scope.data.splice(index, 1);
        if ($scope.data.length == 0) {
            $scope.show = false;
            $scope.shopping = true;
        }
    };
    //点击去逛商城的代码
    $scope.showS = function () {
        $scope.show = true;
        $scope.check = false;
    }
});

你可能感兴趣的:(angular)

  • Angular 15升级指南：解决Polyfills错误 t0_54program 编程问题解决手册angular.jsjavascript前端个人开发
    引言最近，Angular15正式发布，带来了许多新特性和改进。然而，在升级过程中，开发者们常常会遇到一些迁移问题。本文将详细讨论在升级到Angular15时，如何处理polyfills.ts文件引发的错误，并提供一个实际的解决方案。问题背景在升级Angular14到Angular15的过程中，很多开发者可能已经执行了如下命令：ngupdate@angular/core@15@angular/cli
  • Angular 16 Standalone 项目创建指南 t0_54program 编程问题解决手册angular.js前端javascript个人开发
    在前端开发领域，Angular一直是一个强有力的框架，尤其是在处理复杂的单页应用时。随着Angular16的发布，引入了Standalone组件的概念，这为开发者提供了一种新的方式来组织和管理组件。今天，我将详细介绍如何从头开始创建一个基于Angular16的Standalone项目，并解决一些常见的问题。环境准备首先，确保你的开发环境已安装Node.js和npm（NodePackageManag
  • Angular 15 表单控制迁移指南 t0_54program 编程问题解决手册angular.js前端javascript个人开发
    在升级Angular项目时，经常会遇到一些需要特别注意的问题。最近，我们在从Angular10迁移到Angular15时，遇到了一个关于表单控制的错误：ERRORError:Cannotfindcontrolwithpath:'mappedHeaders->0->value'。这篇博客将详细解释这个错误的原因，并提供解决方案。问题描述在Angular10中运行良好的代码，在迁移到Angular15
  • angular自定义指令 ~ rainbow～ js实用技巧angular.js前端javascript
    1、什么是指令？官方文档的解释：指令是为Angular应用程序中的元素添加额外行为的类。使用Angular的内置指令，你可以管理表单、列表、样式以及要让用户看到的任何内容。2、指令的分类1）组件——带有模板的指令。这种指令类型是最常见的指令类型。2）属性型指令——更改元素、组件或其他指令的外观或行为的指令。3）结构型指令——通过添加和删除DOM元素来更改DOM布局的指令。内置属性指令：内置指令只会
  • Angular 指令 ruky36 angular.jsjavascript前端
    Angular指令是Angular框架中的一项核心功能，它允许开发人员扩展HTML的功能，并创建可复用的组件和行为。以下是一些常见的Angular指令：1.组件指令(ComponentDirectives)组件指令是最常用的一种指令，用于创建可复用的UI组件。每个组件指令都关联一个模板，用于定义组件的视图。示例：typescriptimport{Component}from'@angular/co
  • Angular指令 lvxinaidou AngularTypeScriptangular.jstypescriptjavascript
    1.上面是指令指令是为Angular应用程序中的元素添加额外行为的类。使用Angular的内置指令，你可以管理表单、列表、样式以及要让用户看到的任何内容。2.指令分类Angular指令的不同类型如下：组件——带有模板的指令。这种指令类型是最常见的指令类型。属性型指令——更改元素、组件或其他指令的外观或行为的指令。结构型指令——通过添加和删除DOM元素来更改DOM布局的指令。内置属性指令：ngCla
  • Angular 指令的用法 guizi0809 angularangular
    一、定义为Angular应用程序模板中的标签添加额外行为的类。二、分类内置指令属性型指令：NgClass、NgStyle、NgModel结构型指令：NgIf、NgFor、NgSwitch自定义指令自定义属性型指令创建及使用1.在directives文件目录创建highlight指令nggddirectives/highlight创建的highlight.directive.ts文件如下import
  • Angular 踩坑之版本升级—— TS / Node版本 KenkoTech AngularNodeangular.jsjavascript前端
    这个比较简单也比较坑，可能你只计划升级Node，但最后发现连Angular也要一起升，无形中工作量加大不少，Angular官方也没说对应的TS版本和Node版本。但是在compiler-cli里确实对这两个有要求。具体可以查询angular/package.jsonat8.0.0·angular/angular·GitHub为了方便我把最近的几个版本的依赖给大家列出来。angular14"type
  • 2.angular指令 shadouqi angularangular.js前端javascript
    初级使用可以查看视频参考手册注意像ng-class,ng-value,ng-href等这些，很多都可以直接用class=“{{}}”原生写，为啥还出这些指令，是因为原生的比如刚一进页面就先出现表达式了，浏览器走到这里的时候才去解析，给用户的体验不好ng-appangular只对这个标签以内的起作用，要不就直接原生解析告诉angular核心它管理当前标签所包含的整个区域,有自动创建$rootScop
  • 报表控件stimulsoft操作：使用 Angular 应用程序的报告查看器组件 CodeCraft Studio 控件angular.js前端javascript
    StimulsoftUltimate（原StimulsoftReports.Ultimate）是用于创建报表和仪表板的通用工具集。该产品包括用于WinForms、ASP.NET、.NETCore、JavaScript、WPF、PHP、Java和其他环境的完整工具集。无需比较产品功能，StimulsoftUltimate包含了所有内容！StimulsoftReports最新版下载介绍报告和仪表板查看
  • 使用 Spring Boot 实现前后端分离的海康威视 SDK 视频监控 William Dawson springboot
    使用SpringBoot实现前后端分离的海康威视SDK视频监控系统，可以分为以下几个步骤：1.系统架构设计前端：使用Vue.js、React或Angular等前端框架实现用户界面。后端：使用SpringBoot提供RESTfulAPI，负责与海康威视SDK交互。通信：前后端通过HTTP/WebSocket进行通信。视频流：通过海康威视SDK获取视频流，并使用RTSP/RTMP/HLS等协议推送到前
  • （一）React 基础 小刀肉0812 Reactreact.js前端前端框架
    专栏持续更新中~~目录目录一、React介绍1.1什么是React1.2React的特点1.3ReactVSVueVSAngular1.基本概述2.语法和核心概念对比2.1组件语法2.1.1React组件2.1.2Vue组件2.1.3Angular组件2.2数据绑定2.2.1React（单向数据流）2.2.2Vue（双向数据绑定）2.2.3Angular（双向数据绑定）2.3事件绑定3.性能对比4
  • 纯前端实现「羊了个羊」小游戏(附源码） 软件技术NINI 趣味源码前端
    实现一个类似于「羊了个羊」的纯前端小游戏是一个相对复杂的项目，因为它涉及许多前端技术和游戏逻辑。以下是一个简要的步骤指南，帮助你入门并实现这个项目。由于篇幅限制，这里只提供一个基础框架和一些关键点的实现思路。准备工作工具选择：使用一个现代的前端框架，如React、Vue或Angular。这里以React为例。使用CSS或预处理器（如Sass）进行样式管理。使用状态管理库（如Redux）管理游戏状态
  • ERR_FAILED 200 解决方案 执于代码 #【01.Bugs异常解决方法】前端chromejavascript
    项目场景：提示：这里简述项目相关背景：ERR_FAILED200解决方案问题描述提示：这里描述项目中遇到的问题：在chrome的网络调试器中，我可以读到文件大小估计为10.0MB(而文件实际大小为14MB)。这就是为什么我认为这是由于一些Chrome或AngularHTTPClient的限制。原因分析：提示：这里填写问题的分析：我的NodeRESTAPI正确返回了状态为200的文件。失败来自Chr
  • Angular ng --help 源码分析 angular
    先准备一下随便找个空文件夹，运行npmi@angular/[email protected]使用npx--package=[@]--[args...]运行ng--helpC:\Users\zhouhuajian\Desktop\demo>npx--package=@angular/cli--ng--helpngCommands:ngbuild[project]CompilesanAngularapplicati
  • Angular CLI 源码分析
    准备：安装Node.jshttps://nodejs.org/；安装VSCodehttps://code.visualstudio.com/；创建文件夹angular-cli-source-learn；安装AngularCLInpminstall@angular/clihttps://www.npmjs.com/package/@angular/cli；开发时一般全局安装npminstall-g@
  • Angular Superresolution of Real Aperture Radar for Target Scale Measurement 论文阅读 青铜锁00 论文阅读Radar论文阅读
    AngularSuperresolutionofRealApertureRadarforTargetScaleMeasurement1.研究目标与实际意义1.1研究目标1.2实际意义2.创新方法与模型设计2.1广义混合正则化（GHR）框架核心公式与传统方法对比2.2自适应迭代重加权（AIR）求解器算法设计复杂度分析3.实验设计与结果验证3.1仿真实验实验设置关键结果3.2实际数据验证4.未来研究方
  • Angular Superresolution of Real Aperture Radar Using Online Detect-Before-Reconstruct Framework 论文阅读 青铜锁00 论文阅读Radar论文阅读
    AngularSuperresolutionofRealApertureRadarUsingOnlineDetect-Before-ReconstructFramework1.论文的研究目标与实际问题意义1.1研究目标1.2实际问题与产业意义2.论文的创新方法、模型与公式分析（重点）2.1核心创新点2.2关键公式与模型2.2.1信号模型2.2.2稀疏正则化优化问题2.2.3坐标循环最小化2.2.4
  • A Bayesian Angular Superresolution Method With Lognormal Constraint for Sea-Surface Target 论文阅读 青铜锁00 论文阅读Radar论文阅读
    目录1.研究背景与问题2.方法创新3.关键优势4.实验验证5.与传统方法对比6.结论与意义1.研究背景与问题核心挑战：实孔径雷达受限于天线孔径尺寸，导致角分辨率不足，影响海面目标（如船舶）的精细化探测。传统方法局限性：谱估计方法（如MUSIC、IAA）：依赖多快拍数据，机械扫描雷达难以满足。正则化方法（如TSVD、l1/l2约束）：假设噪声服从高斯分布，未考虑海杂波的非高斯特性（如Rayleigh
  • 从Hello Vue到构建未来：探索渐进式框架的无限可能 skyksksksksks 综合个人杂记vue.js前端开发语言前端框架
    一、当代码遇见人性：Vue的诞生故事2013年某个深夜，谷歌前员工尤雨溪在键盘前陷入沉思。当时的前端框架要么像Angular般庞大复杂，要么如React般需要哲学思考。他想创造一种更"人性化"的工具——就像用铅笔素描般自然，却能画出数字油画般精致的作品。于是，Vue.js这个融合东方设计美学的框架悄然诞生。这个轻量级的框架最初只有运行时库，却像一粒精心培育的种子。尤雨溪将"渐进式"理念注入DNA：
  • 手把手带你初始化一个angular库 angular
    在使用angular的过程中，我们希望将一些公共的组件等剥离到一个单独的库中，然后供我们在其它的angular项目中直接导入。本文将展示如何初始化并集成测试一个angular库。angularcli首先我们需要确认angular的版本，比如我当前计划初始化适用于angular18版本的库，则需要在全局先安装18版本的angular-cli，然后使用ngversion来进行版本确认：命令如下:npm
  • 与Vue共舞：从初识到构建数字世界的艺术之旅 skyksksksksks 综合个人杂记vue.js前端开发语言前端框架
    第一章诞生记：一个框架的浪漫起源2013年的某个凌晨，上海某公寓的灯光依然明亮。前谷歌工程师尤雨溪在键盘前敲下第一行Vue代码时，或许并未想到这个框架将改变全球开发者的工作方式。当时的JavaScript世界正经历框架混战：Angular的复杂配置令人却步，React的函数式思维需要哲学顿悟。尤雨溪像一位精通东西方料理的主厨，将Angular的指令系统、React的组件化理念、Knockout的响
  • 业务线接入前端异常监控sentry weixin_33711647
    1.前端异常处理的框架对比是否开源收费语言监控范围sentry是自己搭建服务器（免费）价格英文Angular、AngularJs、Backbone、Ember、JavaScript、React、Vue......fundebug否收费（708一年，本地版：12万一年）中文Angular、AngularJs、Backbone、Ember、JavaScript、React、Vue、微信小程序等等...
  • WebGPU与Web框架集成 天涯学馆 WebGL3D图形图像技术前端javascriptreact.jswebgl图像处理3d
    目录React集成Vue集成Angular集成Svelte集成React集成将WebGPU与React集成，可以让您在React应用中利用现代Web图形和计算API来创建高性能的3D图形和计算任务。以下是一个简化的指南，介绍如何在React应用中集成WebGPU：1.准备环境确保你的开发环境支持WebGPU。目前，大多数现代浏览器已开始支持WebGPU，但可能需要在实验性特性中开启。同时，确保你的
  • 2024年前端框架选择指南：React、Vue、Angular与新兴框架对比 海豹工匠 前端框架
    在当今快速发展的前端技术领域，选择合适的框架对于项目成功至关重要。本文将深入探讨主流前端框架的特点、优缺点及适用场景，为开发者提供全面的选择指南。主流框架概览React特点：基于组件的开发方式，虚拟DOM差分算法优点：灵活性强，生态系统丰富缺点：需要学习JSX和状态管理库适用场景：中大型项目，需要高度灵活性和复杂状态管理的应用Vue特点：简单易学，模板直观，内置状态管理优点：学习曲线平缓，适合快速
  • 第五章：工程化实践 - 第一节 - Tailwind CSS 与前端框架的集成 qianmoQ TailwindCSS：现代化开发实战指南css前端框架前端
    TailwindCSS可以与各种现代前端框架完美配合。本节将详细介绍如何将TailwindCSS集成到React、Vue和Angular等主流框架中，并介绍相关的最佳实践。React集成基础配置#创建React项目npxcreate-react-appmy-app--templatetypescript#安装TailwindCSSnpminstall-Dtailwindcsspostcssauto
  • pytorch torch.triu函数介绍 qq_27390023 pytorch人工智能python
    torch.triu是PyTorch提供的一个函数，用于生成矩阵的上三角部分。它的名称来源于"triangularupper"（上三角形），作用是将矩阵的下三角部分置为零，只保留对角线及其上方的元素。函数签名torch.triu(input,diagonal=0)→Tensor参数input:输入的张量，一般是一个二维矩阵（Tensor）。diagonal:对角线的偏移量，默认值为0。当diago
  • 分析React和Vue的区别与优势 Neo Evolution 前端框架
    React和Vue是目前两种非常流行的前端框架/库，它们各自有独特的设计理念和特点。下面是它们在各个方面的比较，包括架构、学习曲线、性能等。1.架构与理念React：开发类型：React是一个UI库，专注于视图层的构建。它本身没有集成像Vue或Angular那样的完整框架，所以需要与其他库或工具结合使用（如ReactRouter、Redux、ContextAPI等）。设计理念：React强调组件化
  • 在Angular项目使用socket.io实现通信 陈仙生 angularsockettypescriptangularnode.js
    step1、为项目安装依赖在终端输入以下命令为我们的angular项目安装express、socket.io、socket.io-clientnpminstallexpresssocket.iosocket.io-client本人安装的各版本信息如下："express":"^4.17.1","socket.io":"^3.0.4","socket.io-client":"^3.0.4",step2
  • Angular使用自带拖动组件-实现拖动效果 No Big Deal angular入坑angulartypescript
    前言   客户需求：某块内容能拖动改变顺序。网上也找过第三方组件，但是没用成功，可能是姿势不对于是就发现了angular自带的拖动组件。注：本文记录简单的使用，并没有太多的理解。更多用法，看官网吧===>angular官网拖动结果演示（不知道为啥，录制的gif上传后总是变成png，无奈只能重新截个图了）目录一、xxx.module.ts中相关操作二、xxx.components.ts中相关操作三、
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他