黎先生你好
黎先生你好

express 下的handlebars应用

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

express --hbs demo
  • 1
  • 1

我选择整合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');
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

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


var helper = {section: function(name, block){
    if(!this._sections) this._sections = {};
    this._sections[name] = block.fn(this);
    return null;
    }
}
module.exports = helper
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

3 客户端页面views 
layout.hbs


<html>
  <head>
      {{>head}}
      {{{_sections.css}}}
  head>
  <body>
    {{>header}}
    {{{body}}}
    {{>weather}}
    {{>footer}}
    {{{_sections.js}}}
  body>
html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

其中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>
  • 1
  • 2
  • 1
  • 2

如此就简要的说明了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;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23

数据显示页面：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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20

这种方式就是在客户端发出/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;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

数据显示页面：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}}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

引用的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();
    });
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

这种方式就是通过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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

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

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

你可能感兴趣的:(express)

  • Notepad++ 中删除所有以 “pdf“ 结尾的行 秃小弟 notepad++
    Notepad++中删除所有以“pdf”结尾的行操作步骤1.打开文件：在Notepad++中打开你需要处理的文本文件。2.打开查找和替换对话框：按快捷键Ctrl+F，打开“查找和替换”对话框。3.启用正则表达式模式：在对话框的底部，找到“搜索模式”部分，勾选“正则表达式”（Regularexpression）。4.输入正则表达式：在“查找内容”框中，输入以下正则表达式以匹配以“pdf”结尾的行：.
  • Linux--shell脚本之正则表达式 neo_will_mvp 正则表达式Shell项目实战代码shell正则表达式
    一、正则表达式的概念及特点：正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。规定一些特殊语法表示字符类、数量限定符和位置关系,然后用这些特殊语法和普通字符一起表示一个模式,这就是正则表达式(RegularExpression)。给定一个正则表达式和另一个字符串，我们可以达到如下的
  • Java学习教程，从入门到精通，Java 正则表达式知识点及案例代码（120） 知识分享小能手 编程语言如门Java大数据java学习正则表达式jdbc开发语言数据库java后端开发
    Java正则表达式知识点及案例代码一、正则表达式简介正则表达式（RegularExpression，简称regex）是一种用于描述字符串模式的强大工具。它可以用来进行字符串的匹配、查找、替换等操作。Java提供了java.util.regex包来支持正则表达式。二、Java正则表达式语法1.基本语法元字符描述.匹配除换行符以外的任意字符\d匹配数字，等价于[0-9]\D匹配非数字，等价于[^0-9
  • [笔记]深入理解PCIe架构与U-Boot中的设备管理 BROKENBOAT 笔记架构
    前言PCIe（PeripheralComponentInterconnectExpress）作为一种高速串行计算机扩展总线标准，已经成为现代计算系统中不可或缺的一部分。它不仅用于个人电脑和服务器，还广泛应用于嵌入式系统和数据中心。因为项目需求对pcie进行功能调试，本文将以探讨PCIe的架构设计，包括RootComplex（RC）、Endpoint（EP）、Switch和Bridge的各个功能为主
  • MySQL判空函数--IFNULL函数的使用 秦时明月之君临天下 MySQLmysql数据库
    文章目录`IFNULL`函数介绍`IFNULL`函数的语法举例相关扩展IFNULL函数介绍在MySQL中，IFNULL函数用于判断给定的表达式是否为NULL。如果表达式为NULL，则IFNULL函数返回指定的替代值；如果表达式不为NULL，则返回表达式本身的值。IFNULL函数的语法如下IFNULL(expression,alt_value)其中，expression是要判断的表达式，alt_va
  • 实现用户名字母数字大小写符号（正则表达式） mantangjojo python正则表达式
    正则表达式，又称规则表达式,（RegularExpression，在代码中常简写为regex、regexp或RE），是一种文本模式，包括普通字符（例如，a到z之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串，通常被用来检索、替换那些符合某个模式（规则）的文本。特点：1.灵活性、逻辑性和功能性非常强；2.可以迅速地用
  • Express 中间件分类 yqcoder vue.js前端javascript
    一、按功能用途分类1.应用级中间件这类中间件应用于整个Express应用程序，会对每个进入应用的请求进行处理。通过`app.use()`方法挂载，可用于执行一些全局性的任务，像日志记录、请求预处理、设置响应头这类操作。constexpress=require("express");constapp=express();//记录请求日志的应用级中间件app.use((req,res,next)=>{
  • Python学习笔记 - 探索正则表达式re元字符 Mr数据杨 Python编程基础正则表达式python编程基础元字符
    在Python编程中，正则表达式（RegularExpressions，简称re）是一种强大的工具，用于匹配字符串中的特定模式。无论是在数据清洗、文本解析，还是在日常脚本编写中，正则表达式都可以极高的效率完成复杂的字符串操作任务。然而，正则表达式的语法略显复杂，尤其是其中的元字符（Metacharacters），初学者在使用时往往感到困惑。本教程旨在通过详细的概念解释、操作指导以及实际应用示例，帮
  • C#中的表达式树（Expression Trees）的原理及应用，动态编译并执行代码 yuanpan c#开发语言
    表达式树（ExpressionTrees）是C#中的一种数据结构，用于表示代码的逻辑结构。它将代码表示为树形结构，每个节点代表一个操作（如加法、减法、方法调用等）。表达式树的主要用途是动态生成代码、分析代码结构以及在运行时执行代码。1.表达式树的原理表达式树的结构：表达式树是一个树形结构，每个节点是一个表达式（Expression）。每个表达式节点可以是常量、变量、方法调用、运算符等。表达式树的根
  • 同.NET 8一起发布的C#12语法中新特性及用法演示 yuanpan .netc#开发语言
    1.主构造函数（PrimaryConstructors）简化构造函数定义，允许在类或结构中直接声明构造函数参数。示例：csharppublicclassPerson(stringname,intage){publicstringName=>name;publicintAge=>age;}2.集合表达式（CollectionExpressions）提供更简洁的集合初始化语法，适用于数组、列表等集合类
  • PCIe术语和缩写V6.0 小白普拉斯 PCIe嵌入式硬件linuxfpga开发驱动开发
    PCIe术语和缩写8b/10b一种数据编码方式，将8位数据编码为10位符号，用于提高数据传输的可靠性。PCIExpressPhysicalLayerfor5.0GT/sandbelow用于PCIExpress物理层的5.0GT/s及以下速率的数据编码方案1。10-BitTags提供10位标签字段的标签功能。参见“标签”。14-BitTags提供14位标签字段的标签功能。参见“标签”。AccessC
  • DevExpress WPF中文教程：Grid - 如何创建未绑定列？ 界面开发小八哥 wpfdevexpress.NET9界面控件UI开发
    DevExpressWPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。无论是Office办公软件的衍伸产品，还是以数据为中心的商业智能产品，都能通过DevExpressWPF控件来实现。未绑定列未绑定到数据源中的字段，这些
  • CP414: Foundations of Computing 后端
    CP414:FoundationsofComputingCourseOutlineCourseSummaryThiscourseisanintroductiontothetheoryofcomputation.Topicsincludedeterministicandnondeterministicfiniteautomata(DFAsandNFAs),regularexpressions,con
  • docker快速启动一个mongodb 菜萝卜子 docker数据库dockermongodb容器
    使用mongodb(bitnami)镜像docker-compose快速启动一个mongodb，用于调试学习还是不错的，还有一个mongo-express的web管理页面version:"3.9"services:mongodb:image:docker.io/bitnami/mongodb:7.0.14restart:alwayscontainer_name:mongodb7user:rootp
  • .Net Core ef 多表关联查询 蓝晶之心 .Net
    EF多表关联查询，需要查询出关联表的信息，需用到include方法，以查询数据列表为例，代码如下//////获取数据列表//////排序条件///查询条件///排序方式///关联表///publicListGetList(Expression>orderExp,Expression>expression=null,stringorderBy="desc",string[]includes=null
  • Node.js 多模态图像描述服务 调用siliconflow：现代 JavaScript 实践 老大白菜 vue3/vue2nodejsnode.jsjavascriptubuntu
    Node.js多模态图像描述服务：现代JavaScript实践项目背景本项目使用Node.js和TypeScript实现一个高性能的图像描述微服务，展示JavaScript在多模态AI应用中的强大能力。技术栈Node.jsTypeScriptExpress.jsOpenAIAPIdotenvRxJS(可选，用于响应式编程)项目初始化#创建项目目录mkdirimage-description-ser
  • C# WPF开发控件之正则验证介绍与实例 雨夜思绪~静谧思考 c#wpfmysql
    C#WPF开发控件之正则验证介绍与实例在C#的WPF应用程序开发中，正则表达式验证是一个常见的需求。通过使用正则表达式，我们可以对用户输入的数据进行有效的验证，确保其符合特定的模式或格式。本文将介绍如何在C#WPF应用程序中使用正则表达式进行验证，并提供相应的源代码示例。引入命名空间在开始之前，我们需要在代码文件中引入System.Text.RegularExpressions命名空间，以便使用正
  • C++四种类型转换方式 aby_byy c++c++类型转换
    C风格（C-style）强制转型如下：(T)expression//castexpressiontobeoftypeT函数风格（Function-style）强制转型使用这样的语法：T(expression)//castexpressiontobeoftypeT这两种形式之间没有本质上的不同，它纯粹就是一个把括号放在哪的问题。我把这两种形式称为旧风格（old-style）的强制转型。有的时候用c风
  • 开源sip客户端 linux,开源SIP服务器 Kamailio weixin_28795975 开源sip客户端linux
    Kamailio是一个开源的SIP服务器，原名OpenSER。Kamailio项目诞生于2005年7月，它是从德国FhGFOKUS研究所主导的SIPExpressRouter(SER)项目组分裂出来的。新项目建立的目标是创建一个开放的开发环境，以建立一个强大的可扩展的开源SIP服务器。最初，新项目命名为OpenSer，后来因为商标侵权问题，在2008年7月28号，重命名为Kamailio(另外一个
  • Xss总结 CN_CodeLab Web安全Xss
    1.什么都没过滤的入门情况alert(1)(练习时去掉空格)2.输出在之间的情况1.XXX2.针对输出在不同的场景，进行合适的过滤。3.输出在HTML属性里的情况有时候,输出会出现在HTML标签的属性之中。例如：、1若没有过滤引号乌云欢迎您”οnclick=”alert(1)2过滤了引号使用\+ascii16进制形式过滤例如e的ascii16进制是65,我们就写为\65expression->ex
  • C# 正则数据验证、安全、转换类 ddrvos C#数据验证安全转换类
    usingSystem;usingSystem.Collections.Generic;usingSystem.Text;usingSystem.Text.RegularExpressions;usingSystem.Web;publicclassDataValidator{//////实数验证/////////publicstaticboolIsDecimal(stringinput){if(s
  • RegExp类型 ----正则表达式 包小志 javaScript基础知识正则表达式javascript开发语言
    RegExpECMAScript通过RegExp类型支持正则表达式。正则表达式使用类似Perl的简洁语法来创建：letexpression=/pattern/flags;这个正则表达式的pattern（模式）可以是任何简单或复杂的正则表达式，包括字符类、限定符、分组、向前查找和反向引用。每个正则表达式可以带零个或者多个flags（标记），用于控制正则表达式的行为。下面给出了表示匹配模式的标记。g：
  • QT的QRegularExpressionValidator类的使用 源代码大师 QT完整教程
    详细说明QRegularExpressionValidator类用于根据正则表达式检查字符串。QRegularExpressionValidator使用正则表达式（regexp）来确定输入字符串是“可接受”，“中间”还是“无效”。可以在构造QRegularExpressionValidator时或在以后的时间提供regexp。如果正则表达式与字符串部分匹配，则结果被视为中间。例如，“”和“A”是正
  • Express 路由 難釋懷 express
    在构建Web应用程序时，路由是处理不同URL请求的核心机制。Express.js是Node.js上最流行的轻量级框架之一，它简化了路由的定义和管理过程。本文将深入介绍如何使用Express进行路由配置，帮助你快速上手并掌握其核心概念。什么是路由？路由是指根据HTTP请求的URL、方法（GET、POST等）等信息来确定如何响应客户端请求的过程。在Express中，路由由请求方法、请求路径以及处理函数
  • 4-R判断语句 qwy715229258163 R语言r语言python开发语言
    R判断语句判断结构要求程序员指定一个或多个要评估或测试的条件，以及条件为真时要执行的语句（必需的）和条件为假时要执行的语句（可选的）。下面是大多数编程语言中典型的判断结构的一般形式：R语言提供了以下类型的判断语句：if语句if…else语句switch语句1.if语句一个if语句由一个布尔表达式后跟一个或多个语句组成。语法格式如下：if(boolean_expression){//布尔表达式为真将
  • mysql报错this is incompatible with sql_mode=only_full_group_by解决方案 泰山AI 异常处理mysql
    异常错误本地测试没有问题，部署到客户服务器之后报如下错误：com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException:Expression#1ofSELECTlistisnotinGROUPBYclauseandcontainsnonaggregatedcolumn‘testID’whichisnotfunctionallydependent
  • 如何在Node.js中使用中间件处理请求 IT专家-大狗 node.js中间件
    Node.js作为一种基于事件驱动、非阻塞I/O模型的运行环境，广泛用于构建高性能的Web应用。在Node.js中，处理中间件是处理HTTP请求和响应的一个常见方式，特别是在使用Express框架时，中间件扮演着至关重要的角色。本文将介绍如何在Node.js中使用中间件来处理请求，帮助你理解其基本概念并能快速应用。1.什么是中间件？中间件是指位于请求和响应之间的函数。它们能够修改请求对象、响应对象
  • 掌握正则表达式_模式匹配的艺术 随风九天 javaspring正则表达式java
    当然，以下是《掌握正则表达式：模式匹配的艺术》文章内容，使用Java正则表达式，并包含丰富的代码示例：1.引言1.1正则表达式的定义与历史正则表达式（RegularExpression，简称regex或regexp）是一种用于描述文本模式的强大工具。它最初由数学家StephenKleene在20世纪50年代提出，后来被广泛应用于计算机科学领域，尤其是在文本处理和模式匹配中。1.2学习正则表达式的重
  • 一步一步生成音乐类小程序的详细指南，结合AI辅助开发的思路 星糖曙光 后端语言（nodejavascriptvue等等）笔记人工智能小程序javascriptnode.js
    以下是一步一步生成音乐类小程序的详细指南，结合AI辅助开发的思路：需求分析阶段核心功能梳理音乐播放器（播放/暂停/进度条/音量）歌单分类（流行/古典/摇滚等）用户系统（登录/收藏/历史记录）搜索功能（歌曲/歌手/专辑）推荐系统（根据用户偏好推荐）技术选型前端：微信小程序原生开发或Taro框架（跨平台）后端：Node.js+Express或Python+Flask数据库：MySQL或MongoDB存
  • GEE 训练教程——基于Sentinel-2数据的SAVI 和 NDVI 图层添加到地图上的可视化分析 此星光明 GEE教程训练开发语言sentinelgeesavindvi可视化教程
    目录简介指数函数expression(expression,map)Arguments:Returns:Image代码解释代码结果简介GEE训练教程——基于Sentinel-2数据的SAVI和NDVI图层添加到地图上的可视化分析指数SAVI（Soil-AdjustedVegetationIndex）和NDVI（NormalizedDifferenceVegetationIndex）都是用于遥感数据
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 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/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他