黎先生你好
黎先生你好

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)

  • 在线预览 Word 文档 你不讲 wood word开发语言前端vue.jsjavascriptnode.jsdocx-preview
    引言随着互联网技术的发展，Web应用越来越复杂，用户对在线办公的需求也日益增加。在许多业务场景中，能够直接在浏览器中预览Word文档是一个非常实用的功能。这不仅可以提高用户体验，还能减少用户操作步骤，提升效率。实现原理1.后端服务假设后端服务已经提供了两个API接口：getFilesList:获取文件列表。previewFile:获取指定文件的内容。constexpress=require('ex
  • 正则表达式regex GotoMeiben 正则表达式
    工具网站：RegExr:Learn,Build,&TestRegEx正则表达式（RegularExpression,Regex）是一种强大的字符串匹配工具，广泛用于文本搜索、数据处理和输入验证等场景。无论是Python、Java、JavaScript还是Shell脚本，Regex都是不可或缺的技能。本文将深入介绍正则表达式的各种用法，包括：基本匹配（字母、数字）特殊符号^$\b量词{}*+?字符类
  • python正则表达式快速入门_Python 正则表达式入门 weixin_39955938 python正则表达式快速入门
    本文主要为没有使用正则表达式经验的新手入门所写。转载请写明出处引子首先说正则表达式是什么？正则表达式，又称正规表示式、正规表示法、正规表达式、规则表达式、常规表示法(英语：RegularExpression，在代码中常简写为regex、regexp或RE)，计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。在很多文本编辑器里，正则表达式通常被用来检索、替换那
  • Node.js 中 morgan 依赖详解 yqcoder node.jshttp网络协议
    记录每个HTTP请求的详细信息，方便开发者调试和监控应用程序。一、安装npminstallmorgan二、基本使用constexpress=require("express");constmorgan=require("morgan");constapp=express();//使用morgan中间件，默认日志格式为'dev'app.use(morgan("dev"));app.get("/",(
  • Express 项目基础设施搭建 yqcoder javascript开发语言ecmascript
    搭建一个基本的Express项目基础设施，涵盖项目初始化、依赖安装、目录结构设计、基本路由与中间件设置等步骤。1.初始化项目首先要创建一个新的项目目录，接着在该目录下初始化`package.json`文件，此文件用于管理项目的依赖和脚本。#创建项目目录mkdirexpress-project#进入项目目录cdexpress-project#初始化package.json文件npminit-y2.安
  • 正则化（Regularization）和正则表达式（Regular Expression）区别 Dontla 正则表达式
    文章目录1.**正则化（Regularization）**2.**正则表达式（RegularExpression）**关键区别为什么名字相近？正则化（Regularization）和正则表达式（RegularExpression）不是同一个概念，它们是两个完全不同的术语，应用于不同的领域。1.正则化（Regularization）领域：机器学习/统计学。定义：正则化是一种用于防止模型过拟合（Ove
  • Assembly语言的正则表达式 夏梓蕙 包罗万象golang开发语言后端
    Assembly语言的正则表达式：深入解析引言在计算机科学领域，正则表达式（RegularExpressions，简称为Regex）被广泛应用于字符串处理和模式匹配。它是一种高效的文本处理工具，能够帮助开发者在复杂字符串中找出特定模式。随着编程语言和开发环境的不断演进，正则表达式的实现也逐步渗透到了不同的语言之中，包括低级且强大的Assembly语言。本文将深入探讨Assembly语言中的正则表达
  • Python正则 懒大王爱吃狼 pythonpython开发语言Python基础学习python学习
    正则表达式（RegularExpressions，简称regex）是一种强大的文本处理工具，可以用于搜索、替换和解析字符串。Python的re模块提供了对正则表达式的支持。以下是一些基本用法和示例：导入re模块首先，你需要导入Python的re模块：importre基本匹配匹配单个字符.匹配除换行符以外的任意单个字符。[]匹配括号内的任意一个字符。例如[abc]匹配a、b或c。[^...]匹配不在
  • select case 语句详解 山水CAD筑梦人 函数（VBA）数据库sqlvba
    vba中常见的分情况选择语句有ifelseif语句、selectcase语句，本文详细讲解selectcase语句用法及实例。SelectCase语句根据表达式的值，来决定执行几组语句中的其中之一。语法SelectCasetestexpression[Caseexpressionlist-n[statements-n]]...[CaseElse[elsestatements]]EndSelectS
  • Node.js的REST简介以及express框架 2764150442 restfulnode.jsmysql
    1.REST简介REST是指表述性状态传递(RepresentationalStateTransfer，简称REST)，是RoyFielding博士在2000年他的博士论文中提出来的一种软件架构风格。表述性状态转移是一组架构约束条件和原则。满足这些约束条件和原则的应用程序或设计就是RESTful。需要注意的是，REST是设计风格而不是标准。REST通常基于使用HTTP、URI和XML(标准通用标记
  • Node.js RESTful API 大哥的打嗝 Node.jsrestfulnode.jsjson
    RESTfulAPI是一种构建网络应用程序的架构风格，它遵循REST(RepresentationalStateTransfer)架构原则。在RESTfulAPI中，我们使用HTTP协议的标准方法（如GET、POST、PUT、DELETE）来操作资源。在Node.js中，我们可以使用Express框架来构建RESTfulAPI。首先，我们需要安装express模块，在终端执行npminstalle
  • Python的那些事第二十三篇：Express（Node.js）与 Python：一场跨语言的浪漫邂逅 暮雨哀尘 Python的那些事linuxpythonnode.jsexpress服务器开发语言web开发
    摘要在当今的编程世界里，Node.js和Python像是两个性格迥异的超级英雄，一个以速度和灵活性著称，另一个则以强大和优雅闻名。本文将探讨如何通过Express框架将Node.js和Python结合起来，打造出一个高效、有趣的Web应用。我们将通过一系列幽默风趣的实例和表格，展示这种跨语言合作的无限可能。如果你厌倦了单调的技术论文，那么这篇论文绝对能让你眼前一亮！1.引言：当Node.js遇上P
  • 了解SQL Server不同版本（如Express、Standard、Enterprise）的功能差异和适用场景。 web15117360223 面试学习路线阿里巴巴express大数据数据库
    一、SQLServerExpress版本（一）功能特点数据库大小限制：SQLServerExpress版本数据库的最大大小限制为10GB。这对于小型应用程序、个人项目或者初学者学习和开发简单的数据库应用是足够的。例如，一个小型的学生成绩管理系统，用于记录班级学生的成绩、课程信息等，其数据量通常不会超过这个限制。资源使用限制：该版本使用的内存限制为1GB，处理器核心数也有限制。这使得它在资源占用方面
  • nodejs + express + mysql + sequelize 项目创建流程 刘锋林 nodejsmysql等后端问题expressjavascriptnode.js
    这个流程后续随着项目进度会有逐渐更新，流程图链接：，《nodejs+express+mysql+sequelize项目创建流程》
  • TypeScript 与后端开发Node.js m0_74825746 面试学习路线阿里巴巴typescriptnode.jsjavascript
    文章目录一、搭建TypeScript+Node.js项目（一）初始化项目并安装相关依赖1、创建项目目录并初始化2、安装必要的依赖包（二）配置TypeScript编译选项（如模块解析方式适合后端）二、编写服务器代码（一）定义路由类型（使用Express等框架）（二）处理请求和响应的类型（包括中间件的类型）1、请求类型处理2、响应类型处理3、中间件类型处理三、数据库交互（一）使用Type-Safe的数
  • 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英汉
  • 2025年如何选择合适的微服务工具 zxzy_org 微服务架构云原生算法
    选择合适的工具是成功实施微服务架构的关键，而2025年市场上可供选择的工具种类更加丰富，这也让开发者需要更为谨慎地做出决策。首先，需要根据团队的技术栈选择合适的开发框架。例如，Java开发者可以选择SpringBoot，而Node.js开发者可能更倾向于使用Express或NestJS。其次，在服务通信方面，工具的选择应基于业务需求。如果追求低延迟和高效数据传输，gRPC是一个值得考虑的方案；而对
  • JavaScript系列（73）--装饰器详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascript开发语言ecmascript
    JavaScript装饰器详解JavaScript装饰器是一个强大的语言特性，它让我们能够以声明式的方式修改类和类成员的行为。本文将深入探讨装饰器的原理、使用方法和最佳实践。装饰器基础小知识：装饰器是一种特殊类型的声明，它能够被附加到类声明、方法、访问器、属性或参数上。装饰器使用@expression形式，其中expression必须计算为一个函数。//基础装饰器语法functionreadonl
  • 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
  • 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其他