KnuthZ
KnuthZ

WEB开发者之混合开发APP（九）， 商城案例--商城分类页(products.html)

由商城首页shop.html，进入商城分类页products.html的方法，已经在上一篇博文中说过，核心代码如下：

//获取商品分类id
var id = this.getAttribute("data-id");

//直接打开产品分类页面
mui.openWindow({
   url:'products.html',
   id:'products.html',
   extras:{
       pid:id
   }
});

商城分类效果图：

WEB开发者之混合开发APP（九）， 商城案例--商城分类页(products.html)_第1张图片

products.html的核心代码如下：


<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        
    head>

    <body class="baisd">
        
        
                <div class="box">
                
                <header class="mui-bar mui-bar-nav header_w header_q">
                    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left jiant">a>
                    <span class="mui-pull-right sousuoab sousuoab2"><a data-href="searchproduct.html" id="sousuo"><i class="iconfont icon-sousuo sousuo">i>a>span>
                header>
                <div class="height44">div>
                <div class="height22">div>
                <div class="container remai  ">
                <div class="swiper-container xiaodian fasten">
                    <div class="swiper-wrapper row shuxian2" id="clist">
                    div>
                    
                div>
            div>

            
                
                <ul class="mui-table-view mui-grid-view mui-media22" id="ul1">
                ul>
              div>
        div>
div>
<script src="js/jquery-3.2.1.min.js">script>
<script src="js/config.js">script>
<script type="text/javascript" charset="utf-8">
    var endflag = "0"; //点击订单状态时，页面加载数据是否结束标识. 1,结束；0，未结束。
    var detailPage = null; //详情页
    mui.init();

    //mui初始化
    mui.plusReady(function(){
        endflag = "0";
        var self = plus.webview.currentWebview();  //获取当前页面webview
        var pid = self.pid == null ? "" : self.pid;//获取传递给当前页面的参数pid,结合文章最上边的调用代码
        var keyword = self.keyword == null ? "" : self.keyword;

        //积分商城产品分类列表
        getClassification(pid,keyword);

        //预加载产品详情页面
        if(!detailPage){
            detailPage = mui.preload({
                url:'productdetail.html',
                id:'productdetail.html'
            });
        }

        //点击回到顶部
        document.querySelector('header').addEventListener('tap',function () {
            window.scroll(0, 0);
        });

        console.log("products.html加载完毕");
    });

    //bind:搜索功能
    document.getElementById("sousuo").addEventListener('tap',function(){
        var href = this.getAttribute("data-href");
        mui.openWindow({
            url:href,
            id:href,
            extras:{
                page:'products.html'
            }
        });
    });

    //bind:产品的点击事件
    $("#ul1").on('tap','a',function(){
        //获取产品id
        var id = this.getAttribute("data-id");

        //触发详情页自定义事件
        mui.fire(detailPage,'productInfo',{id:id});

        //打开详情页面
        mui.openWindow({
            id:"productdetail.html"
        });
    });

    //func:积分商城产品分类列表
    function getClassification(ids,keywords){
        mui.post(shopClassURL,{},function(data){
            if(data.success){
                var div = '';

                //放入产品分类列表
                $.each(data.data,function(i,v){
                    if(ids == v.id){
                        if(i==data.data.length-1){
                            div += '
'">'+v.name+'
';
                        }else{
                            div += '
'">'+v.name+'
';
                        }
                    }else{
                        if(i==data.data.length-1){
                            div += '
'">'+v.name+'
';
                        }else{
                            div += '
'">'+v.name+'
';
                        }
                    }
                });
                $("#clist").append(div);
                search(ids,keywords);

                var swiper = new Swiper('.remai .swiper-container', {
                    pagination: '.remai .swiper-pagination',
                    slidesPerView: 5,
                    paginationClickable: true,
                    spaceBetween: 00,
                    calculateHeight: true,
                    autoResize: true,
                    resizeReInit: true
                });

                //绑定产品分类的点击事件
                mui("#clist").on('tap','a',function(){
                    if("1" == endflag){
                        endflag = "0";
                        //高亮控制
                        $("#clist div").removeClass("change");
                        $(this).parent().addClass("change");

                        //执行查询
                        var id = this.getAttribute("data-id");
                        search(id,"");
                    }

                });
            }
        },'json');
    }

    //func:根据产品分类ID查询产品列表
    function search(ids,keywords){
        //获取对应分类的商品列表
        mui.post(shopClassProductURL,{
            "pid":ids,
            "keyword":keywords
        },function(data){
            $("#ul1").empty();
            if(data.success){
                console.log("商城产品列表输出数据:"+JSON.stringify(data));
                $.each(data.data,function(i,v){
                    var inventory = v.inventory; //库存
                    var sales_num = v.sales_num; //销量
                    var sy = parseInt(inventory) - parseInt(sales_num);
                    var li = 
                            '
  • 'xxxx</li>';
                    $("#ul1").append(li);
                });

                endflag = "1";
            }
        },'json');
    }
script>

body>
html>

    • 懂Html就能开发App，博文持续更新，博主QQ:260737830！

    你可能感兴趣的:(混合开发APP,web开发者一步一步开发app)

    • springboot+vue项目实战2024第三集修改用户信息 javaspringboot
      1.获取用户信息@GetMapping("/userInfo")//@RequestHeader(name="Authorization")StringtokenpublicResultuserInfo(){//Mapmap=JwtUtil.parseToken(token);Mapmap=ThreadLocalUtil.get();Stringusername=(String)map.get("
    • 国际网络专线怎么开通？ 蓝讯小刘 网络
      在全球化日益加速的今天，企业越来越需要稳定、高效的网络来支撑他们的跨国业务。国际网络专线，作为外贸企业、出海企业等拓展全球业务的关键基础设施，其重要性不言而喻。那么，企业如何才能开通国际网络专线呢？本文将详细解析开通流程，帮助您的企业顺利搭建起通往国际市场的桥梁。一、选择服务商开通国际网络专线的第一步，是选择一个可靠的服务商。服务商不仅提供物理的网络连接，更应具备专业知识和技术支持，确保您的企业网
    • 【自动化】使用PlayWright+代理IP实现多环境隔离 青塬科技 Python
      Playwright是由微软公司2020年初发布的新一代自动化测试工具，相较于目前最常用的Selenium，它仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作。对各种开发语言也有非常好的支持。常用的NodeJs、Java、python都有支持，且有丰富的文档参考。Python环境下的安装使用1、安装依赖库pipinstallplaywright2、安装
    • ESP32-C3入门教程 WiFi篇⑦——基于SoftAP 的 WiFi 智能配网 小康师兄 ESP32-C3入门教程物联网esp32WiFi配网SoftAPWiFi
      文章目录一、前言二、WiFi配网方式三、功能简述四、源码实现一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读二、WiFi配网方式WiFi配网即：用户通过App/小程序/网页等途径将WiFi的SSID和密码等信息发送给ESP32，方式有
    • ESP32-C3入门教程 环境篇①——简单介绍与硬件准备 小康师兄 ESP32-C3入门教程物联网嵌入式ESP32ESP32-C3WiFi
      文章目录一、ESP32-C3简单介绍二、开发板差异三、开发板主要组件四、开发板原理图五、工作准备六、参考一、ESP32-C3简单介绍2.4GHzWi-Fi低功耗蓝牙高性能32位RISC-V单核处理器多种外设内置安全硬件二、开发板差异官方文档介绍了两种开发板ESP32-C3-DevKitM-1ESP32-C3-DevKitC-02认真看了下资料介绍，其实会发现两个开发板都差不多，底板功能pin都差不
    • 用文字“画出”流程图：用 AI+Mermaid.js 构建出你心中的可视化世界 敏编程 流程图javascriptmermaid
      Mermaid介绍首先，什么是Mermaid?Mermaid.js是一款开源流程图/序列图的文本制作工具，它允许你使用简单的文本语法来创建各种类型的图表。无论你是开发者、学生还是普通用户，Mermaid.js都能帮助你将复杂的信息以直观、易懂的方式呈现出来。在AI技术的加持下，Mermaid现已支持把用户内容自动转成对应的文本语法，从而达到自动生成流程图的目地。这不仅提高了工作效率，还使非专业用户
    • LogicFlow 一款流程图编辑框架 小毛驴850 流程图
      LogicFlow是什么LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批流配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。官方网站更多资料请查看LogicFlow系列文章特性可视化模型：通过LogicFlow提供的直观可视化界
    • 大模型应用编排工具Dify之自定义工具 Daphnis_z LLMJava开发chatgptspringbootaijava
      1.前言dify中提供了自定义工具的能力，工具十分容易复用，在需要的流程编排中进行引用即可。根据笔者的经验和理解，自定义工具有点类似微服务，可以把通用的能力封装到工具里面。同时，工具还提供了测试和鉴权等功能，对开发者比较友好。环境信息：dify-0.8.3，spring-boot-2.7.6实现效果如下：2.开发后台接口这里使用spring-boot快速开发一个post接口作为演示，代码如下：@R
    • 【软件开发 | 甲方建设】业务系统有多复杂？ 秋说 前后端项目开发(新手必知必会)业务系统软件开发重构敏捷开发
      本文转载自腾讯云官方社区公众号，对原文内容做二次修改。文章目录01前言02斜体样式系统复杂性软件复用性和开发成本03软件开发提效业务代码杂乱04业务系统复杂的根本原因不可避免的代码腐化敏捷开发模式中华田园式敏捷FreeasBeervsFreeasPuppy05写在最后01前言过去一整年我都一直在思考「业务系统复杂性」这个问题。其实对这个问题，从我开始工作就有不断地思考，不过这些思考大多在读完一两本
    • 跨域问题及其解决方案 山禾女鬼001 网络网络协议
      在现代Web开发中，跨域问题是开发者经常遇到的一个难题，尤其是在前后端分离架构中。跨域问题的核心在于浏览器的同源策略，这种策略的设计目的是防止恶意网站窃取用户的数据。然而，在一些场景下，比如前后端分离的Web应用中，前端需要访问不同域的资源，这时就会遇到跨域请求的问题。为了解决这个问题，CORS（跨域资源共享）机制应运而生。本文将详细探讨跨域问题的成因、CORS机制的工作原理以及常见的跨域解决方案
    • 基于Springboot用axiospost请求接收字符串参数为null的解决方案 呀243 springboot后端java
      问题今天在用前端post请求后端时发现，由于是以Json对象的形式传输的，后端用两个字符串形参无法获取到对应的参数值前端代码如下：axios.post('http://localhost:8083/test/postParams',{a:'1',b:'2'},{'Content-Type':'application/json'}).then(response=>{console.log(respo
    • 【Java】SpringBoot 全局异常捕获不到Filter中的异常的解决办法 PlanOne_A Javajavaspringbootspring
      情景：当我想用一个过滤器（filter）来对所有请求进行jwt校验，当校验不通过时我想抛出异常，然后再通过@ExceptionHandler来全局捕获该异常，发现SpringBoot全局异常捕获不了filter中抛出的异常原因：因为filter是JavaWeb提供的技术，是在所有请求之前，spring是捕获不到filter抛出的异常的；解决：要想SpringBoot全局异常捕获到该filter抛出
    • java 阿里云上传文件到OSS，并返回文件路径 凱凱啊 java上传java阿里云
      pom.xml依赖：com.aliyun.ossaliyun-sdk-oss3.12.0com.aliyunoss-client3.0.2上代码：/***图片上传*/@PostMapping("/imageUpload")@ApiOperation(value="图片上传")@ApiImplicitParams({@ApiImplicitParam(name="imageFile",value="
    • no such element: Unable to locate element: {“method“:“xpath“,“selector“:“//select[@id=‘nr‘]“} 张某人想退休
      fromseleniumimportwebdriverfromselenium.webdriver.support.selectimportSelectfromtimeimportsleepdriver=webdriver.Chrome()driver.implicitly_wait(10)driver.get('http://www.baidu.com')#鼠标悬停至“设置”链接#driver.
    • vscode 前端常用插件安装大全 weixin_42113341 vscode前端ide
      在使用VisualStudioCode(VSCode)进行前端（特别是Vue.js）和Node.js开发时，安装合适的扩展插件可以大大提升开发效率和代码质量。以下是推荐的Vue.js和Node.js开发相关的VSCode插件，涵盖了代码编辑、调试、格式化、版本控制、代码质量等多个方面。您可以根据自己的需求选择安装：1.核心开发插件1.1Vetur功能：为Vue.js提供语法高亮、智能提示、错误检查
    • FFmpeg iOS 集成 ihsdwj iOSFFmpegiOS音视频解码
      一、FFmpeg简介它包含可供应用程序使用的libavcodec，libavutil，libavformat，libavfilter，libavdevice，libswscale和libswresample。以及ffmpeg，ffplay和ffprobe可供最终用户用于转码和播放。适用于开发人员的FFmpeg库libavutil是一个包含用于简化编程的函数的库，包括随机数生成器，数据结构，数学例程
    • Markdown Viewer 浏览器, vscode sun007700 linux
      使用VSCode插件打造完美的MarkDown编辑器（插件安装、插件配置、markdown语法）_vscodemarkdown-CSDN博客右键.md文件，选择打开方式（安装一些markdown的插件)vscode如何预览markdown文件|FromideaGitCode-全球开发者的开源社区,开源代码托管平台MarkdownViewer安装与配置完全指南-CSDN博客Chrome安装Markd
    • Rasa的工作流程 不会编程的程序猿ᅟ rasa
      Rasa的工作流程分为两个主要部分：NLU（自然语言理解）和Core（对话管理）。整个流程包括从用户输入到最终响应的多个步骤，下面是详细的工作流程解析：1.用户输入用户通过聊天界面（如微信、Telegram、Slack或Web前端）发送自然语言消息，例如："我想预订一张明天去北京的火车票"2.自然语言理解（NLU）Rasa的NLU模块解析用户输入，提取意图和实体。2.1意图识别NLU模块会识别用户
    • 深入MapReduce——MRv1设计 黄雪超 大数据基础#深入MapReducemapreduce大数据
      引入通过前面篇章，我们对于MapReduce已经有了不错的了解，由于现在几乎没有使用MapReduce去开发业务需求的场景，甚至MapReduce这个引擎都随着时代变化，快要完全被淘汰了，所以我们就不去水看使用MapReduce编程相关的东西，而是把重点放到一些我们比较感兴趣的点上。今天我们先来看看MRv1计算框架的核心设计实现。MRJob生命周期首先，我们梳理MRJob的生命周期流程如下：Job
    • web开发工具之：一、UUID的介绍，java如何产生UUID，作为数据库的主键和加密算法的盐 java冯坚持 web开发java数据库
      文章目录前言一、UUID是什么二、java如何产生UUID1.生成随机UUID（Version4）2.通过指定的字符串生成UUID三、UUID作为数据库主键1.优点2.缺点四、UUID作为加密的盐总结前言现在web开发中，很多使用UUID作为主键和加密的盐的，其实很简单，这里学习和介绍一下。一、UUID是什么UUID（UniversallyUniqueIdentifier，通用唯一标识符）是一种1
    • uniapp uview 一键回到底部 组件 顾鸟 uniappuni-app
      一、封装组件底部exportdefault{name:"BackBottom",props:{bottom:{type:Number,default:100}},data(){return{pageHeight:0,scrollHeight:0,diffHeight:this.bottom+1,//初始值大于bottom，防止首次渲染不显示};},computed:{show(){returnth
    • web开发工具之：二、加密和解密工具类，学习加密算法和非加密算法（哈希算法）知识，Java支持MD5和SHA系列的哈希算法。使用UUID作为盐进行增强哈希算法加密的数据完整性验证 java冯坚持 web开发前端学习哈希算法
      文章目录前言一、加密算法/非加密算法-了解和学习为主1、加密算法和秘钥a、介绍b、常用加密算法-对称加密算法c、常用加密算法-对称加密算法2、非加密算法：哈希算法（MD5、SHA系列）a、哈希算法介绍b、MD5和SHA系列介绍二、哈希算法应用场景概念介绍1.数据完整性验证2.密码存储（借助数据完整性验证来进行密码存储）3.数字签名4.总结三、注册和登录-采用哈希算法进行密码存储和验证流程1.加密过
    • CSS 提示工具：优化网页设计，提升用户体验 froginwe11 开发语言
      CSS提示工具：优化网页设计，提升用户体验在网页设计中，CSS（层叠样式表）扮演着至关重要的角色。它不仅能够赋予网页独特的视觉风格，还能够提升用户体验。为了帮助设计师和开发者更高效地使用CSS，各种提示工具应运而生。本文将为您详细介绍CSS提示工具的功能、特点以及如何选择合适的工具，以优化网页设计和提升用户体验。一、CSS提示工具概述CSS提示工具是一种辅助设计师和开发者编写和调试CSS的工具。这
    • 【基础概念】API和ABI kucupung 基础概念开发语言
      API（应用程序编程接口）和ABI（应用程序二进制接口）是软件开发中两个重要的概念。1、API（应用程序编程接口）API定义了软件组件之间的通信协议。它是一组规范，其中包括了函数、方法、类、数据结构等，允许不同的软件系统或组件之间进行交互。API通常用于编写应用程序，以便它们可以与外部服务、库或操作系统进行交互。通过调用API提供的函数或方法，应用程序可以访问其他软件组件的功能而无需了解其内部实现
    • VScode 插件开发 国际化帮助工具 顾鸟 插件vscodeide编辑器
      一、功能实现//Themodule'vscode'containstheVSCodeextensibilityAPI//Importthemoduleandreferenceitwiththealiasvscodeinyourcodebelowconstvscode=require('vscode');constfs=require('fs');constpath=require('path')c
    • 使用 Intersection Observer 实现高效懒加载和滚动监听 桂月二二 macos前端框架前端
      在前端开发中，性能优化是提升用户体验的核心之一。随着网页内容的日益增多，如何高效地加载图片、视频等资源，以及如何监听用户的滚动行为，成为了前端开发者需要解决的难题。传统的滚动事件监听往往会带来性能瓶颈，尤其是在需要频繁触发的情况下。为此，IntersectionObserverAPI应运而生，它能让开发者更高效、灵活地处理懒加载和滚动监听等需求。本文将深入介绍如何使用IntersectionObs
    • OpenAI模块重构 S-X-S 重构开发语言openai
      文章目录1.common-openai-starter1.目录结构2.OpenAiProperties.java新增apiUrl3.OpenAIAutoConfiguration.java4.OpenAiClient.java使用gson重构2.common-openai-starter-demo1.目录结构2.application.yml新增api-url3.OpenAiController.
    • 百度APP iOS端磁盘优化实践（上） 百度Geek说 ioscocoamacos
      01概览在APP的开发中，磁盘管理已成为不可忽视的部分。随着功能的复杂化和数据量的快速增长，如何高效管理磁盘空间直接关系到用户体验和APP性能。本文将结合磁盘管理的实践经验，详细介绍iOS沙盒环境下的文件存储规范，探讨业务缓存、用户资产及系统缓存的清理策略。同时，分享自动清理与手动清理相结合的机制，展示如何在不同触发条件下合理执行磁盘清理。文章使用文心一言辅助编写。02磁盘系统介绍2.1ios沙盒
    • 【Lora微调】提高模型效率的创新方法 @fishv 人工智能大模型微调Lora
      前言在自然语言处理（NLP）和机器学习的研究和应用中，随着模型规模的不断扩大，模型训练的计算成本和存储需求也不断攀升。大型预训练模型，如GPT、BERT等，虽然在许多任务上表现出色，但它们的训练和微调通常需要巨大的计算资源，这使得许多研究者和开发者无法充分利用这些模型进行个性化或领域特定的调整。为了在保持模型性能的同时减少计算开销，**Lora（Low-RankAdaptation）**应运而生。
    • Liferay 前世今生 leisurelyZ LiferayPortal开源项目javapaas低代码
      从今天开始，我会开辟一个新的专栏，主攻Liferay这个开源框架。Liferay是一款基于Java技术栈的开源企业级门户解决方案，它被广泛应用于构建企业门户、内容管理系统、协作平台、社交网络、以及其他多种Web应用。Liferay提供了一个统一的平台，可以整合企业内部的各种应用、数据和内容，帮助组织提升运营效率、增强团队协作和改善客户体验。本文将详细介绍Liferay的基本概念、用途、官方资源、以
    • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
      Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
    • mongoDB 分片 开窍的石头 mongodb
          mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
    • OVER(PARTITION BY)函数用法 0624chenhong oracle
      这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
    • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
      首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
    • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
      pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
    • 编码乱码问题 灵静志远 javajvmjsp编码
      1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
    • java 求几个月后的日期 darkranger calendargetinstance
      Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
    • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
      关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
    • 想学工作流怎么入手 atongyeye jbpm
      工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
    • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
             一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
    • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
              group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
    • vi opertion 征客丶 macoprationvi
      进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
    • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
        对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
    • java类加载机制 BlueSkator java虚拟机
      java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
    • 动态添加文本框 BreakingBad 文本框
        <script>     var num=1; function AddInput() {      var str="";     str+="<input 
    • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
    • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
      这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
    • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
      我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
    • oracle 11g新特性Flashback data archive daizj oracle
      1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
    • 多叉树:2-3-4树 dieslrae 树
          平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
    • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
      /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
    • Objective-C编码规范[译] dcj3sjt126com 代码规范
        原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
    • 0.性能优化-目录 frank1234 性能优化
      从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
    • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
        import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
    • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
        ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
    • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
      ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
    • 第12章 Ajax（中） onestopweb Ajax
      index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
    • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
      http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
    • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
      1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
    • 世纪互联与结盟有感 阿尔萨斯
      10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他