小子逆袭
小子逆袭

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)

  • 业务线接入前端异常监控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中相关操作三、
  • angular新版本未生成app.module.ts 张某人的胡思乱想 angular前端angular.jsjavascript前端
    https://angular.cn/tutorial/tour-of-heroeshttps://angular.cn/tutorial/tour-of-heroes/toh-pt0ngnewangular-tour-of-heroescdangular-tour-of-heroesngserve--open查看目录，未生成app.module.ts网上搜了一下https://github.co
  • Angular使用animation动画 勘察加熊人 typescripttypescript
    Angular使用animation动画step1:D:\vue\untitled2902\src\app\app.module.tsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{AppComponent}from'./app.component';im
  • 自存放忘 angular 动态加载子节点 2301_78916954 angular.js前端javascript
    html{{treeControl.isExpanded(node)?"expand_more":"chevron_right"}}tsimport{Component,OnInit,Injectable}from'@angular/core';import{CollectionViewer,SelectionChange,DataSource,}from'@angular/cdk/collect
  • angular中使用animation.css实现翻转展示卡片正反两面效果 2301_78916954 angular.jscss前端
    html正面背面component.tsisFlipped:boolean=false;flip(){this.isFlipped=!this.isFlipped;}安装插件https://animate.style/在angular.json中使用"styles":["node_modules/animate.css/animate.min.css","src/styles.scss",],以上
  • Vite 学习笔记 a鲸 前端
    优势vite是vue团队官方出品,vue-cli会在下面两个版本中将vite作为预设构建工具未来适用vue-cli构建vue项目时要写的vue.config.js不再是webpack的配置而是vite的配置(目前只基于浏览器项目)vite也支持构建react项目,也支持构建angular项目,svelte项目也支持构建内容1.什么是构建工具构建工具是运行在服务器的企业级项目里都可能会具备哪些功能t
  • electron学习笔记 weixin_46452138 electron学习javascript
    electron个人学习笔记一、electron简单了解Electron是一个跨平台的、基于Web前端技术的桌面GUI应用程序开发框架。可以使用HTML、CSS来绘制界面和控制布局，使用JavaScript来控制用户行为和业务逻辑，使用Node.js来通信、处理音频视频等，几乎所有的Web前端技术和框架（jQuery、Vue、React、Angular等）都可以应用到桌面GUI开发中。二、开发前基
  • AngularJS中文手册前半部分学习 CV战士plus angular.jsangular.js学习前端
    AngularJS简介AngularJS的中文参考手册AngularJS的使用AngularJS是一个JS框架，通过指令(ng-directives)扩展了HTML，且通过表达式绑定数据到HTML，用于开发单一页面应用程序（SPAs：SinglePageApplications）可以通过script标签添加到网页中(建议把脚本放在元素的底部。这会提高网页加载速度，因为HTML加载不受制于脚本加载。
  • 一些流行的拖拽化和低代码平台(汇总) 视频砖家 文章存档低代码低代码平台
    一些流行的拖拽化和低代码平台，这些工具可以帮助用户快速构建应用程序，无需深入的编程知识：1.开源拖拽库dragula：一款强大且兼容性极好的拖拽排序库，支持多种框架，如vanillaJavaScript、Angular、React等。Interact.js：提供拖拽、调整尺寸和多点触摸手势功能，适用于现代浏览器。react-dnd：React组件库，用于实现拖拽功能。Sortable：适用于多种框
  • 前端三大主流框架：React、Vue、Angular m0_54851477 前端react.jsvue.js
    文章目录一、React、Vue、Angular简介二、React初始化案例三、Vue初始化案例四、Angular初始化案例五、相关链接一、React、Vue、Angular简介前端三大主流框架分别是Angular、React和Vue。以下是这三个框架的详细概述：Angular：Angular原名AngularJS，诞生于2009年，由Google开发并维护。它是一个完整的框架，提供了数据绑定、组件
  • ✨《微前端落地实战：qiankun从入门到精通！3小时搞定Vue+React多应用架构》 庸俗今天不摸鱼 前端vue.jsreact.js学习前端框架
    微前端落地实践指南（qiankun框架）微前端核心架构图graphTDA[主应用]-->B[vue子应用]A-->C[react子应用]A-->D[angular子应用]B-->E{通信机制}C-->ED-->E主应用配置详解1.主应用注册流程//main.jsimport{registerMicroApps,start}from'qiankun';constapps=[{name:'vueApp
  • （二）用控制器controller给模型数据赋初始值 diandingyin9417 javascriptViewUI
    之前博客，非常easy的就实现了模型数据和页面显示的自己主动绑定。如今我们使用控制器，给模型赋初始值。假设使用jquery来实现变量赋初值，须要在页面载入完毕后运行$("#target").attr("value",selfValue);使用AngularJS代码例如以下：Hello,World!functionWholeController($scope){$scope.yourName="at
  • angular 新语法糖学习一
    延迟视图@defer是Angularv16引入的一项功能，用于优化组件的加载和渲染。它提供了一种延迟加载组件的方法，可以减少初始渲染时的开销，延迟加载（LazyLoading）主要是通过路由实现的。通过路由配置中的loadChildren属性，可以在需要时加载特定的模块。这种方式适合处理大型应用程序中的模块划分问题，但不能直接用于组件级别的延迟加载。随着angular的发展，在angularv16
  • 格拉姆角场（GAF）将一维序列转化为图像 开发小途 图像处理
    格拉姆角场（GramianAngularField,GAF）是一种将一维时间序列数据转换为二维图像表示的有效方法。以下是关于格拉姆角场（GAF）的详细解释，包括其原理、步骤以及优势和应用：一、原理格拉姆角场通过将一维时间序列数据中的每个数据点视为向量空间中的一个点，并计算这些点之间夹角的余弦值，进而将这些余弦值映射到二维图像的像素上，从而生成能够反映时间序列动态和周期性特征的图像。二、步骤数据预处
  • 【前端框架选择：Vue、React、Angular，谁更适合你的项目？】 程序员远仔 vue.jsreact.jsjavascript前端框架angular.js前端
    前端框架选择：Vue、React、Angular，谁更适合你的项目？前言在当今快速迭代的前端开发领域，Vue、React和Angular三大框架形成鼎立之势。本文通过20+维度深度对比，结合最新技术动态（截至2024年Q3），为不同规模、不同类型的项目提供科学的框架选型方案。关键词前端框架选型、Vue3、React18、Angular16、响应式原理、虚拟DOM、组件化开发、单向数据流、双向数据绑
  • 前端框架巅峰对决：React、Vue与Angular的全面解析与实战指南——谁将主宰你的2025？ Light60 技能篇实战篇前端框架react.jsvue.jsAngular实战指南
    引言：为什么开发者总在争论“三大框架”？前端框架之争从未停歇：React的灵活高效、Vue的渐进优雅、Angular的全能厚重，各拥趸针锋相对。但技术选型从无“完美解”，只有“最优解”。本文将撕开表象，直击框架设计的底层逻辑，助你找到匹配业务的“灵魂拍档”。一、设计哲学：三大框架的“灵魂画像”1.React：一切皆组件，拥抱函数式核心思想：UI=f(state)，通过单向数据流与虚拟DOM实现高效
  • Web前端三大主流框架：Angular、React与Vue的对比与解析 生活的方式简单点 前端框架前端angular.jsreact.jsvue.js
    在快速发展的Web前端领域，框架的选择对于项目的成功至关重要。Angular、React和Vue作为三大主流前端框架，各自拥有独特的特点和优势，为开发者提供了强大的工具集和灵活的解决方案。本文将对这三大框架进行详细的对比与解析，帮助读者更好地了解它们的特点和适用场景。一、AngularAngular是Google开发的一款开源JavaScript框架，它提供了一套完整的开发解决方案，包括数据绑定、
  • 常见的前端框架和库有哪些 默萧笙故 .NETC#前端框架前端框架c#.net
    1.React描述：由Facebook开发的一个JavaScript库，用于构建用户界面，尤其是单页面应用（SPA）。特点：基于组件的架构，便于重用UI组件。使用虚拟DOM提升性能。容易与其他库和框架集成。2.Angular描述：由Google开发的一个全面的前端框架，适合开发大型应用。特点：提供双向数据绑定，简化数据和UI状态的同步。强大的依赖注入机制，促进代码的可测试性。具有丰富的生态系统和工
  • Angular-hello world 杨晓风-linda angular.js前端javascript
    环境搭建-安装angular-cli用npm安装typescript和typingsnpminstall-gtypescripttypings安装angular-clnpminstall-gangular-cli@latestngnewProjectName//ProjectName为你的项目名，用此命令建立基本文件，然后强制终止cdProjectNamecnpminstall//下载node-m
  • 基于微信小程序,springboot,安卓andro的管理系统的设计与实现的毕业设计（完整资源包+详解+可定制） Q_103237121_Q 课程设计学习springboot微信小程序小程序java算法
    中文摘要本文旨在设计并实现一个基于Web的古诗词学习平台，以提升个人及教育机构在古诗词教育领域的互动性和学习效率。系统后端采用先进的Web开发框架（如SpringBoot或Django），结合前端技术（如Vue.js、React或Angular），实现了前后端分离的开发架构，确保了系统的可扩展性、灵活性及易于维护的特性。用户可以通过Web浏览器或移动应用轻松访问该平台，无需安装额外软件即可沉浸在古
  • 探索前端框架的未来：Svelte 的崛起 大梦百万秋 知识学爆前端框架
    引言在前端开发的世界里，框架更新换代的速度仿佛光速。从jQuery到Angular，再到如今大热的React和Vue，开发者们不断追逐更轻量、更快、更易于维护的框架。如今，Svelte正悄然崛起，并引发了关于前端框架未来的热烈讨论。本文将介绍Svelte的独特之处，以及为什么它可能会成为下一个主流前端框架。1.什么是Svelte？Svelte是一个相对年轻的前端框架，由RichHarris开发。与
  • 由于直接在这里编写一个完整的购物商城代码（涵盖前端和后端）是不现实的，我将为你概述如何使用几种流行的编程语言和技术栈来构建购物商城的关键部分。 Josephineds 前端
    技术栈概述jzsafe.com后端Python+Django/Flask：用于构建RESTfulAPI。Node.js+Express：另一个流行的选择，用于处理API和服务器端逻辑。数据库：如PostgreSQL,MySQL,MongoDB（非关系型）等。前端React/Redux：用于构建单页面应用（SPA）。Vue.js：另一个流行的前端框架。Angular：如果项目规模较大且需要强大的架构
  • AngularJS 模块 lly202406 开发语言
    AngularJS模块引言AngularJS是一个用于构建动态网页和单页应用程序的前端JavaScript框架。它提供了丰富的功能，其中模块（Module）是AngularJS架构的核心概念之一。本文将详细介绍AngularJS模块的概念、作用以及在实际开发中的应用。模块的概念在AngularJS中，模块（Module）是一个全局对象，用于定义应用程序的各个部分。它负责组织应用程序中的各种组件、服
  • 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其他