暴烈骑士
暴烈骑士

nodejs+express+handlebars整合demo及转义\问题分析

在分析转义Handlebars+express问题之前先把nodejs+handlebars+express的项目构建过程说明。
express 4+handlebars构建项目快捷的方式是：
这里写图片描述
如图可选ejs/jade/hbs等模板引擎，现在我们选hbs(注意express的版本是4.0+)

express --hbs demo

我选择整合handlebars的方式是在已有的nodejs项目上引入
express-handlebars github地址：github

  1. 在已有express4 构建的项目上安装npm install express-handlebars
  2. app.js里添加如下内容（替换以前的引擎模板例如ejs）：
var exphbs  = require('express-handlebars');
var hbsHelper = require('./util/hbsHelper');

app.set('views', path.join(__dirname, 'views'));
app.engine('.hbs', exphbs({
    layoutsDir: 'views',
    defaultLayout: 'layout',
    extname: '.hbs',
    helpers:hbsHelper
}));
app.set('view engine', '.hbs');

这个hbsHelper.js是我自己写的:


var helper = {section: function(name, block){
    if(!this._sections) this._sections = {};
    this._sections[name] = block.fn(this);
    return null;
    }
}
module.exports = helper

3 客户端页面views
layout.hbs 


<html>
  <head>
      {{>head}}
      {{{_sections.css}}}
  head>
  <body>
    {{>header}}
    {{{body}}}
    {{>weather}}
    {{>footer}}
    {{{_sections.js}}}
  body>
html>

其中footer(对应目录文件： views/partials/footer.hbs)引入的是js,如下:

<script src="javascripts/lib/jquery.js">script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.min.js">script>

如此就简要的说明了nodejs+express+handlebars整合过程。

以下是客户端数据请求加载过程说明及问题分析：

客户端页面数据加载

方式一: 向服务端发出路由请求的时候获取数据

路由配置：routes/index.js

var express = require('express');
var router= express.Router();
router.get('/base-dd', function(req, res, next) {
  res.render('base-dd',{ daduis: [
    {
      "id": 1,
      "name": "
一大队
",
      "responsiblearea": "陆家嘴,北蔡、六里、东明部分地区"
    },
    {
      "id": 2,
      "name": "二大队",
      "responsiblearea": "迪斯尼，北蔡、六里、东明部分地区"
    },
    {
      "id": 3,
      "name": "三大队",
      "responsiblearea": "张江高科，北蔡、六里、东明部分地区"
    }
  ] });
});
module.exports = router;

数据显示页面：demo.hbs



                            <section class="panel">              
                                     <table>
                                        <thead>
                                        <tr>  
                                   <th>大队名称th><th>责任区域th>                                           
                                        tr>
                                        thead>
                                        <tbody id="tableList" >
                                        {{#each daduis}}
                                      <td>{{{name}}}td>
                                   <td>{{responsiblearea}}td>
                                        tr>
                                        {{/each}}
                                        tbody>
                                    table>
                            section>

这种方式就是在客户端发出/base-dd路由请求后，通过路由配置里的res.render(‘base-dd’，{daduis:[..]})实现传参,把数组daduis传到到 {{#each daduis}}，通过handlebars模板引擎遍历数组，渲染出一行行带数据的dom（tr）。

方式二：路由配置里不传参数，在页面已经加载完成后，在js（$(document).ready(function(){….});）里主动发出ajax请求获取数据。

路由配置：routes/index.js

var express = require('express');
var router= express.Router();
router.get('/base-dd', function(req, res, next) {
  res.render('base-dd');
});
module.exports = router;

数据显示页面：demo.hbs

    <section class="panel">              
                                     <table>
                                        <thead>
                                        <tr>  
                                   <th>大队名称th><th>责任区域th>                                           
                                        tr>
                                        thead>
                                        <tbody id="tableList" >

                                        tbody>
                                    table>
                            section>

{{#section 'js'}}
    <script src="javascripts/demo.js">script>
    <script id="tableList_template" type="text/x-handlebars-template">
        \{{#each daduis}}
        
               <td>\{{name}}</td>
              {{responsiblearea}}</td>
        tr>
        \{{/each}}
    script>
{{/section}}

引用的demo.js

$(document).ready(function(){
    showDaduiHelper();
});

function showDaduiHelper(){
    $.get("/dadui/queryAll", function(result){
        var data = {daduis:result};
        var source   = $("#tableList_template").html();
        var template = Handlebars.compile(source);
        console.log(data);
        $("#tableList")[0].innerHTML = template(data);
        testHandlebars();
    });
}

这种方式就是通过ajax请求获得数据daduis, 通过Handlebars.compile 编译模板$("#tableList_template")，最后template(data)把数据注入模板并且把dom innerHTML填入到$("#tableList")里。

问题：
仔细看里handlebars大括号的使用方式，是不是每个大括号前面都有\转义符号？ 为什么转义？

加入我们不转义：

<script id="tableList_template" type="text/x-handlebars-template">
        {{#each daduis}}
        
               <td>{{name}}</td>
              {{responsiblearea}}</td>
        tr>
        {{/each}}
    script>

最后渲染出页面为空，不显示表格！
为啥呢？
因为在res.render('base-dd');后，在showDaduiHelper();前，handlebars已经将tableList_template里的数据进行注入并渲染成dom,由于res.render('base-dd')未传参数，daduis自然就是null,也就不会执行{{#each daduis}}，所以是空的！，如图：
这里写图片描述

所以我们就在所有handlebars标签前面加上转义符号“\”,这样第一次加载渲染页面的时候，服务端视图引擎就“不认识”这些handlebars标签，如图：
这里写图片描述
从而躲过第一次由服务端render引发的数据注入，再执行$(document).ready(function(){ showDaduiHelper();});后，客户端通过ajax主动请求数据，重新编译模板并加载数据, 渲染出正确的dom。

你可能感兴趣的:(nodejs)

  • autojs使用nodejs调用sqlite数据库 牙叔教程 nodejsautojssqlite数据库
    牙叔教程简单易懂依赖"nodejs";require("rhino").install();const{device}=require("device");constpath=require("path");constfs=require("fs");constutil=require("util");constSQLiteDatabase=android.database.sqlite.SQLi
  • 用nodejs后端接收微信小程序上传的图片并转储 芙老哥 node.js微信小程序后端
    记录一下毕设制作过程中遇到的问题和解决方法（1）需求：点击头像选择图片进行上传，图片存储到云服务器的images子目录下方法：wxml文件这个没什么好说的，就一个view组件加上点击事件就好（要是这都不会估计也不会直接搜我这个文章页面的js文件wx.chooseMedia的官方文档（wx.chooseMedia(Objectobject)|微信开放文档(qq.com)wx.uploadFile的官
  • 基于python sanic框架，使用Nacos进行微服务管理 一醉千秋 python+银河麒麟微服务java架构
    微服务软件系统构建方式，已经很普及了，通过开源的sanic进行微服务管理，便捷，技术也比较成熟，而在项目实际应用过程中，微服务类型不仅有java的，还有nodejs、python等，尤其是结合算法模型构建的python接口，需要在Nacos进行注册管理。本文内容耗时2天踏坑，亲测一切ok。参考资源Docker安装nacos（图文并茂，避免踩坑，一步到位）_docker创建nacos容器需要挂载哪些
  • Electron常见问题 4-error: The engine “node“ is incompatible with this module. Data-Mining Electron实战builderelectron编译node.jsyarn
    目录问题解决PS:《Electron实战》系列-总览问题Electron工程编译的时候报错：[email protected]:Theengine"node"isincompatiblewiththismodule.Expectedversion">=8.12.0".Got"8.11.3"errorFoundincompatiblemodule.解决原因是nodejs版本冲
  • 在nodejs中使用RabbitMQ（四）队列类型Classic、Quorum、Stream konglong127 nodejsrabbitmqnode.js后端
    经典队列（ClassicQueues）、仲裁队列（QuorumQueues）和流队列（StreamQueues）——的特性对比表：FeatureClassicQueuesQuorumQueuesStreamQueuesNon-durablequeues(非持久队列)YesNoNoMessagereplication(消息复制)NoYesNoExclusivity(独占性)YesNoNoPermes
  • Nodejs-RESTFul架构 weixin_33724659 json
    请求方法一般会严格要求请求方法及其释义，下面给出常用的请求方法如果请求头中存在X-HTTP-Method-Override或参数中存在_method（拥有更高权重），且值为GET,POST,PUT,DELETE,PATCH,OPTION,HEAD之一，则视作相应的请求方式进行处理GET,DELETE,HEAD方法，参数风格为标准的GET风格的参数，如url?a=1&b=2POST,PUT,PATC
  • nodejs + express + mysql + sequelize 项目创建流程 刘锋林 nodejsmysql等后端问题expressjavascriptnode.js
    这个流程后续随着项目进度会有逐渐更新，流程图链接：，《nodejs+express+mysql+sequelize项目创建流程》
  • nodejs：express + js-mdict 网页查询英汉词典，能播放声音 belldeep nodejsweb服务nodejsexpressjs-mdict
    向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉词典文件（*.
  • nodejs：express + js-mdict 网页查询英汉词典，能显示图片 belldeep nodejsjavascriptnodejsjavascriptjs-mdictexpress
    向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词，并能显示图片1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉
  • 在nodejs中使用RabbitMQ（六）sharding消息分片 konglong127 nodejsrabbitmq分布式
    RabbitMQ的分片插件（rabbitmq_sharding）允许将消息分布到多个队列中，这在消息量很大或处理速度要求高的情况下非常有用。分片功能通过将消息拆分到多个队列中来平衡负载，从而提升消息处理的吞吐量和可靠性。它能够在多个队列之间分配负载，避免单个队列过载。（注：不能单独消费分片消息。消息分片不利于消息顺序区分）启用消息分片插件。rabbitmq-pluginsenablerabbitm
  • npm : 无法加载文件 npm.ps1 魔兽-SS nodenpm前端node.js
    npm:无法加载文件D:\ProgramFiles(x86)\nodejs\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170中的about_Execution_Policies。所在位置行:1字符:1npmCategoryInfo:SecurityError:([]，PSSecurityExc
  • Electron视图进程和主进程通讯 陆康永 electronelectronjavascript前端
    快速创建基于vue的electron项目：@quick-start/create-electron-npm视图线程也就index.html是无法直接访问这个api的（如果没有开启视图层访问nodejs的功能，现在几乎没法直接开启，开启了一堆警告提示）所以需要通过reload.js方式给index.html视图层注入对应的方法，挂在window对象下面视图层给后端发起消息如果希望通过then的方式获
  • nodejs第五天 npm yarn pnpm 包管理器 大盗夕落 笔记npmjavascript前端
    文章目录npmpackage.json安装包全局安装配置镜像yarn安装使用镜像配置pnpm使用镜像npmnode中的包管理器叫做npm（nodepackagemanage），我们可以将自己开发的包上传到npm中共别人使用，也可以直接从npm中下载别人开发好的包npm由以下三个部分组成：npm网站https://www.npmjs.com/npmCLI（CommandLineInterface即命
  • npm install 失败 努力努力再努力12138 npm前端node.js
    考虑原因：node版本不符代理镜像连接失败权限不足症状1：卡住尝试降低nodejs版本症状2：报错报错1：permissionnotpermitted报错2：超时应对方法：node版本不符降版本镜像失败–切换镜像–去除镜像可能存在问题：项目中有npmrc文件，内部镜像源优先级高于本地全局配置镜像。本地镜像会被覆盖权限不足–使用管理员–nodejs文件属性中升级成员权限
  • 部署node后端服务 做一颗卷心菜 node.js
    ①环境介绍服务器：Linuxnode>=18.0②安装Node创建一个目录mkdirnode进入node目录下，下载压缩包wgethttps://nodejs.org/dist/v18.20.3/node-v18.20.3-linux-x64.tar.xz③解压文件tar-xvJfnode-v18.20.3-linux-x64.tar.xz④创建软连接ln-s/node/node-v18.20.3
  • 解决vue : 无法加载文件 D:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本问题。 1313亮晶晶~ Vuevue.js
    Vue将脚手架重要的配置文件做了隐藏，如果想要查看则可以在终端输入如下命令进行查看vueinspect>output.js运行报错：解决办法：在终端继续输入如下命令：Set-ExecutionPolicy-ScopeCurrentUser显示如下：位于命令管道位置1的cmdletSet-ExecutionPolicy请为以下参数提供值:ExecutionPolicy:在ExecutionPolic
  • nodejs服务后台持续运行三种方法 jijinduoduo
    一、利用foreverforever是一个nodejs守护进程，完全由命令行操控。forever会监控nodejs服务，并在服务挂掉后进行重启。1、安装forevernpminstallforever-g2、启动服务serviceforeverstart3、使用forever启动js文件foreverstartindex.js4、停止js文件foreverstopindex.js5、启动js文件并
  • NodeJS 简介 qichengzong_right VSCode软件架构node.jsvscode
    NodeJS简介Node.js简介Node.js示例程序链接Node.js简介Node.js是一款开源的跨平台JavaScript运行时环境，可以说是各类项目的热门之选！具备如下的特点：Node.js借助谷歌浏览器的核心——V8JavaScript引擎1（V8引擎独立于浏览器），从而具备卓越的性能。Node.js应用程序以单进程模式运行，不会为每个请求额外创建新线程。其标准库提供了一系列异步I/O
  • 最全面的 Node.js 资源汇总推荐 程序员小英 node.js
    原文来源于：程序员成长指北；作者：前哨君原文：https://github.com/jobbole/awesome-nodejs-cn如有侵权，联系删除【导读】：Node.js是一个开源、跨平台的，用于编写服务器和命令行的JavaScript运行时工具。awesome-nodejs是sindresorhus发起维护的Node.js资源列表，内容包括：命令行工具、日志、调试、HTTP、构建工具、文件
  • nodejs中xmldom的使用方法 jedi-knight webjavascript前端node.js
    xmldom的使用方法xmldom是nodejs下读取xml文件的优秀模块。使用npm安装，命令行如下npminstallxmldom使用步骤：（1）将字符串转换为可操作的对象const{DOMParser}=require('xmldom')vardoc=newDOMParser().parseFromString(xmlData.toString(),//这里是xml字符串，可以从文件中读取'
  • Mermaid 详解与实践 jiuri_1215 流程图
    一、Mermaid概述Mermaid是一种基于文本的图表绘制语言，它巧妙地融合在Markdown文档里，让使用者无需复杂的图形编辑软件，仅靠敲代码就能生成专业美观的各类图表。这一特性使得它在技术写作、项目文档、知识分享等领域迅速走红，为可视化表达流程、架构、时间安排等信息提供了高效途径。https://mermaid.nodejs.cn/intro/二、Mermaid基础语法详解（一）流程图（Fl
  • 终级解决：Error: Cannot find module ‘fs/promises‘ Defry
    该原因主要是nodejs版本太低引起的1、将nodejs升级到v14.16.02、将npm升级到6.14.11完美解决附赠：node和npm对照表：https://nodejs.org/zh-cn/download/releases/nodejs各个版本下载地址：https://nodejs.org/dist/v13.14.0/
  • ＜tauri＞＜websocket＞tauri集成web端使用websocket实现数据通讯 机构师 websocket前端taurijavascriptnode.js
    前言本文是在websocket实现通讯的基础上，将前端项目集成到tauri中，以实现桌面窗口程序。效果展示：环境配置系统：windows平台：visualstudiocode语言：javascript、html、rust库：tauri、nodejs概述此前，我的想法是实现网页端与PLC进行socket通讯，利用websocket作为中间转接。这个是可行的，参考以下博文：1、＜javascript＞
  • 在nodejs中使用RabbitMQ（一）安装，使用 konglong127 nodejsrabbitmq后端node.js
    安装1、安装RabbitMQ，推荐直接使用docker安装。dockercontainerrun-d--namerabbitmq-p5672:5672-p15672:15672-v./data:/var/lib/rabbitmq-eRABBITMQ_DEFAULT_USER=admin-eRABBITMQ_DEFAULT_PASS=admin1234rabbitmq:4.0-management5
  • web前端Vue项目搭建流程 sulu_all is well 项目搭建前端vue.jsjavascriptnode.js
    Node.js安装教程一、安装环境node.js下载官网:nodejs官网.二、安装步骤1、双击安装包，一直点击下一步。2、点击change按钮，更换到自己的指定安装位置，点击下一步（不修改默认位置也是可以的）。3、一直点击下一步，最后安装成功即可。三、验证安装在键盘按下【win+R】键，输入cmd，然后回车，打开命令行界面进入命令提示符窗口，分别输入以下命令，显示版本号，则安装成功node-v显
  • 【译】Nodejs应用安全备忘录
    本人的博客http://www.wjs.photo/,感兴趣的可以看看哦，基于NodeJs框架ThinkJs本文翻译自www.risingstack.com,并非逐字逐句的翻译，有错误的地方请指出，谢谢啦应用程序的安全就像是你房间里突然出现一只大象，那么明显，但是写代码的同学还是会忽略。也都认为应用程序的安全非常重要但是却很少有时间认真对待，毕竟我们有那么多bug要改（坏笑）。所以我们整理了一个N
  • 2024年10月 vue 脚手架安装保姆教程（真正的手把手） 青岛亿恩斯 vue.js前端javascript
    一、概念：Vuecli就是脚手架。cli全称：commandlineinterface即命令行接口二、安装脚手架1.环境准备1）下载node.js,并进行安装。node.js提供了javascript的运行环境。2）配置node.js的环境变量：主要是在环境变量path中添加node.js的安装根目录。例如：node.js的安装目录是C:\ProgramFiles\nodejs\，则把该目录添加到
  • npm无法加载文件 因为此系统禁止运行脚本 冰墩墩1 nodejsvscodenode.jsnpm
    安装nodejs后遇到问题：在项目里【node-v】可以打印出来，【npm-v】打印不出来，显示npm无法加载文件因为此系统禁止运行脚本。但是在win+r，cmd里【node-v】,【npm-v】都也可打印出来。解决方法：cmd里可以打印出来就不是环境变量的问题，那就是定位到注册列表的问题1.【get-ExecutionPolicy】显示Restricted，说明状态是禁止的2.更改状态：【set
  • 使用Node.js安装模块：编程指南 后端架构魔术师 node.js编程
    Node.js是一个强大的JavaScript运行时环境，它允许开发人员在服务器端编写和运行JavaScript代码。在Node.js中，模块是可重用的代码块，用于实现特定的功能。本文将介绍如何安装Node.js模块，并提供相应的源代码示例。确认Node.js安装：首先，您需要在计算机上安装Node.js。您可以从Node.js官方网站（https://nodejs.org）下载适用于您操作系统的
  • vue项目启动报错：error:0308010C:digital envelope routines::unsupported 想坠入海底 vue.jsnode.js
    vue项目启动报错：error:0308010C:digitalenveloperoutines::unsupportednodejs17以上版本允许算法和密钥大小有问题将node.js版本换成18+后,启动vue2报错error:0308010C:digitalenveloperoutines::unsupported;原因:node.js版本过高,node.jsV17版本中发布的OpenSSL
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author [email protected] * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他