king-w
king-w

JS模板引擎-腾讯artTemplate 最全的使用介绍

在没接触artTemplate之前，我都是手写字符串拼接做模板替换。这样做往往费时费力，而当我使用了artTemplate之后，只需要两句话，就搞定了全部！通过长期的使用artTemplate，现在我为大家总结出其最全的常用方法。

参考资料：https://github.com/aui/artTemplate

以上是官方文档以及下载地址。

一：安装使用

下载artTemplate后，找到template.js，引入到页面即可

这里写图片描述

引入代码：

<script type="text/javascript" src="artTemplate/dist/template.js">script>

二：最基本的使用方法

官方给出的小demo就是最基本的使用方法：


<html>
<head>
<meta charset="UTF-8">
<title>basic-demotitle>
<script src="../dist/template.js">script>
head>

<body>
<div id="content">div>
<script id="test" type="text/html">
{{if isAdmin}}


{{title}}</h1>

    
    {{each list as value i}}
        
  • 索引 {{i + 1}} ：{{value}}</li>
    {{/each}}
</ul>

{{/if}}
script>

<script>
var data = {
    title: '基本例子',
    isAdmin: true,
    list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html = template('test', data);
document.getElementById('content').innerHTML = html;
script>
body>
html>

效果展示：
这里写图片描述

其实上诉例子给出的写法并不是唯一的写法，还有原生的写法和不重新命名的写法

原生写法：

<%if (admin){%>
    <%include('admin_content')%>

    <%for (var i=0;i
        <div><%=i%>. <%=list[i].user%>div>
    <%}%>
<%}%>

不重新命名的写法：

{{if admin}}
    {{include 'admin_content'}}

    {{each list}}
        <div>{{$index}}. {{$value.user}}div>
    {{/each}}
{{/if}}

总结，原生写法太过麻烦，不需要深究，推荐使用简易写法，我们可以使用{{each list as value i}}，
为每一项和其序号重新命名成value，i。这样，在后面只需要使用value和i即可。我们也可以不重新命名，直接使用{{each list}}，但这样的话，后面的需要使用$加index和value。

三：引入模板页的写法

上诉的基本写法，是将模板写在页面内的，但是我们在实际开发中，一般不会将模板和js写在页面内，所以，我们会单独写一个模板页，并将其引入到页面内，进行模板替换，如果是这样的话，我们就需要对调用template的方法进行一些小小的调整，具体如下：

1.构建模板页
这里写图片描述

2.模板页代码

{{if isAdmin}}

<h1>{{title}}h1>
<ul>
    {{each list as value i}}
    <li>索引 {{i + 1}} ：{{value}}li>
    {{/each}}
ul>

{{/if}}

3.进行模板替换
由于模板是单独写在一个页面的，所以我们需要ajax的get方法获取到模板页，然后在进行模板替换。

<script>
var obj = {
    title: '模板页获取例子',
    isAdmin: true,
    list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html=$.get('list-template.html',function (data) {
    var render = template.compile(data);
    var str = render(obj);

    document.getElementById('content').innerHTML = str;
})
script>

这里，我使用的是jquery的get方法获取模板页，然后再利用template.compile()获取渲染内容，然后将数据obj渲染进去，最后添加到页面里即可。

注意：这时候就不能使用template()方法进行模板替换了，必须使用template.compile()及render()进行模板替换才行。

四：复杂数据（数组嵌套）的模板写法

在上诉例子中，我们都是使用了简单的数组进行数据替换，但是在实际开发中，后台给我们的数据可能不仅仅是一个数组那么简单，我们会遇到数组里嵌套对象数组这样的数据，那这样的数据该如何进行模板替换呢？下面我们来一起看一下：

数据形如：

inputData = {
                "flag": true,
                "orderArray": [{
                    "id": "1",
                    "name": "张三", //用户名
                    "identity": [ //证件类型
                        {
                            "id_type": [{
                                "id": 1,
                                "name": "身份证"
                            }],
                            "id": "110105199408286510"
                        }
                    ],
                    "phone": "15210329866", //手机号
                    "date_of_birth": "19940828", //出声日期
                    "address": "北京", //地址
                }, {
                    "id": "2",
                    "name": "赵四",
                    "identity": [{
                        "id_type": [{
                            "id": 1,
                            "name": "身份证"
                        }],
                        "id": "110105199508286510"
                    }],
                    "phone": "15210329877",
                    "date_of_birth": "19950828",
                    "address": "北京",
                }, {
                    "id": "3",
                    "name": "王五",
                    "identity": [{
                        "id_type": [{
                            "id": 2,
                            "name": "护照"
                        }],
                        "id": "G49331247"
                    }],
                    "phone": "15210329877",
                    "date_of_birth": "20010124",
                    "address": "上海",
                }]
            };

我们可以看到在inputData下有一个orderArray的对象数组，而在orderArray下还有identity，identity下还有id_type。如果我们需要使用id_type里的数据进行模板替换。那么我们只需要进行多次each循环数组即可。

具体操作如下：

<script type="text/html" id="test">
        {{if flag}}
            {{each orderArray as value}}
        
            <td>{{value.name}}</td>
            {{each value.identity as v}}
            {{each v.id_type as vi}}
            {{vi.name}}</td>
            {{/each}}
            {{v.id}}</td>
            {{/each}}
            {{value.phone}}</td>
            {{value.date_of_birth}}</td>
        tr>
         {{/each}}
        {{/if}}
script>

只要理解template里每个参数，变量的含义，我们就能灵活运用这个优秀的模板替换工具了，相信看完我写的博客后，对大家有帮助。

下面是利用teplate.js做的一道面试题，主要是数组嵌套问题：


<html>

    <head>
        <meta charset="utf-8" />
        <title>title>
        <style type="text/css">
        style>
    head>
    <body>
    <table border="1px solid #ccc" style="border-collapse:collapse;" id="table">
        <tr>
            <th>姓名th>
            <th>证件类型th>
            <th>证件号th>
            <th>手机号th>
            <th>出生日期th>
        tr>
        <tbody id="content">

        tbody>
    table>

    <div id="info"  style="border: 1px solid #ccc; text-align: center; display: none;">
        <h2>编号：111h2>
        <p>姓名：<span id="name">张三span>p>
        <p>证件类型：<span id="iden">张三span>p>
        <p>证件号：1111p>
        <p>手机号：<span id="phone">张三span>p>
        <p>出生日期：<span id="add">张三span>p>
        <p>所在地：北京p>
        <p> <span>取消span> <span id="btn">确定span>p>
    div>

    body>
    <script type="text/html" id="test">
        {{if flag}}
            {{each orderArray as value}}
        
            <td>{{value.name}}</td>
            {{each value.identity as v}}
            {{each v.id_type as vi}}
            {{vi.name}}</td>
            {{/each}}
            {{v.id}}</td>
            {{/each}}
            {{value.phone}}</td>
            {{value.date_of_birth}}</td>
        tr>
         {{/each}}
        {{/if}}
script>
    <script type="text/javascript" src="js/jquery.js">script>
    <script type="text/javascript" src="js/template.js">script>
    <script>
        var inputData;
        function getTestData() {
            inputData = {
                "flag": true,
                "orderArray": [{
                    "id": "1",
                    "name": "张三", //用户名
                    "identity": [ //证件类型
                        {
                            "id_type": [{
                                "id": 1,
                                "name": "身份证"
                            }],
                            "id": "110105199408286510"
                        }
                    ],
                    "phone": "15210329866", //手机号
                    "date_of_birth": "19940828", //出声日期
                    "address": "北京", //地址
                }, {
                    "id": "2",
                    "name": "赵四",
                    "identity": [{
                        "id_type": [{
                            "id": 1,
                            "name": "身份证"
                        }],
                        "id": "110105199508286510"
                    }],
                    "phone": "15210329877",
                    "date_of_birth": "19950828",
                    "address": "北京",
                }, {
                    "id": "3",
                    "name": "王五",
                    "identity": [{
                        "id_type": [{
                            "id": 2,
                            "name": "护照"
                        }],
                        "id": "G49331247"
                    }],
                    "phone": "15210329877",
                    "date_of_birth": "20010124",
                    "address": "上海",
                }]
            };

            var html = template('test', inputData);
            document.getElementById('content').innerHTML = html;

        }

        function clicked(id){
            var o, i;
            o = document.getElementById(id).rows;//表格所有行
            for(i = 0; i < o.length; i++){
                o[i].ondblclick = function(){ //设置事件
                    var oo,op,oq,or;
                    oo = this.cells[0];
                    op = this.cells[1];
                    oq = this.cells[3];
                    or = this.cells[4];
//                  alert(oo)
                    document.getElementById('name').innerHTML=oo.innerHTML;
                    document.getElementById('iden').innerHTML=op.innerHTML;
                    document.getElementById('phone').innerHTML=oq.innerHTML;
                    document.getElementById('add').innerHTML=or.innerHTML;
                    document.getElementById('info').style.display='block';
                    document.getElementById('btn').onclick=function () {
                        document.getElementById('info').style.display='none';
                    }
                }
            }
        }
        getTestData();
        clicked('table')
    script>

html>

你可能感兴趣的:(常用插件)

  • pytest测试框架完全指南
    目录1.安装与基础配置安装方法版本检查配置文件2.编写测试函数基本结构断言机制3.测试执行与报告基本执行方式常用命令行选项测试报告4.测试组织与管理测试类模块化测试5.高级测试功能Fixtures详解参数化测试异常测试进阶6.测试控制与标记跳过测试标记测试7.插件生态系统常用插件8.最佳实践9.完整示例项目10.学习资源pytest是Python生态中最流行、功能最强大的测试框架之一，它提供了简洁
  • Jenkins 插件深度应用：让你的CI/CD流水线如虎添翼 [特殊字符] 真实的菜 devopsjenkinsci/cdservlet
    Jenkins插件深度应用：让你的CI/CD流水线如虎添翼嘿，各位开发小伙伴！今天咱们来聊聊Jenkins的插件生态系统。如果说Jenkins是一台强大的引擎，那插件就是让这台引擎发挥最大威力的各种零部件。准备好了吗？让我们一起探索Jenkins插件的奇妙世界！本期导航常用插件推荐：SonarQube代码质量检测插件深度解析插件安装与管理：官方插件库使用与第三方插件配置技巧️自定义插件开发：从零开
  • 【工具】推荐50个 IDEA 常用的插件
    今天给大家分享IDEA里一些好用的插件IntelliJIDEA2023.3.3及以上版本常用插件安利1、Lombok2、SonarLint3、CheckStyle-IDEA4、FindBugs-IDEA5、GitIntegration6、MavenHelper7、RainbowBrackets8、CodeGlance9、StringManipulation10、KeyPromoterX11、Pla
  • idea常用插件 蓝天白云下遛狗 intellij-ideajavaide
    idea常用插件PDFViewer（可以查看pdf文档在idea中）QuickFilePreview(快速查看文件)LongTimeToDateLongTimeToDate是一款IDEA插件，能够方便地将毫秒日期转换为年月日格式。用户可以通过调试器、编辑器或控制台使用此插件。安装插件可通过IDEA内置市场或从指定网址下载离线包安装。使用时，只需选中毫秒日期，右键选择’ConvertLongtoDa
  • IDE：vscode常用插件 十秒耿直拆包选手 IDE&OSidevscode
    BetterComments一款美化注释的插件，可以根据不同种类的注释，显示不同的颜色，一目了然。BracketPairColorizer/BracketPairColorizer2这是一个找对象的插件，不是帮你们找对象啊，是帮你找到括号的另一半。HighlightMatchingTag这也是一个找对象的插件，找的是标签的对象，看我上一个插件的演示图片中，当我点击一下html标签，配对的标签就会出
  • 前端网页代码高亮显示的7种常用插件 @佳瑞 javajavahtmljavascriptcss
    对于喜欢写技术博客的同学来说，一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件，将会帮助你渲染任何一种编程语言，包括一些关键字的着色，以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件，这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。1、SyntaxHighlighter–最优秀的JavaScript代码高亮插
  • 移动端开发 资源分享 weixin_30399797 5guijavascriptViewUI
    1.移动端开发从零开始学习移动端Web开发手机分辨率和webapp分辨率的关系移动端适配之rem.jscss适配不同分辨率屏幕移动WEBAPP开发常规CSS样式总结移动端页面开发的两种方式H5移动端常用标签总结html5的一些常用标签微信页面开发2.常用插件推荐移动端手势库Hammer.js学习2015年最全的移动WEB前端UI框架模板页面3.例子手机app通用模板爱旅游在线个人中心页面模板李嘉桦
  • Vite vs Webpack：现代前端构建工具深度对比 梦幻南瓜 vue前端webpacknode.js
    目录1.核心概念与设计哲学1.1Webpack：基于打包的构建系统1.2Vite：基于原生ESM的开发服务器2.架构与工作原理对比2.1构建流程对比2.2核心技术差异3.性能对比分析3.1开发环境性能3.2生产构建性能对比4.配置与使用体验4.1基础配置示例4.2功能支持对比5.生态系统与插件5.1插件架构对比5.2常用插件对比6.进阶特性对比6.1代码分割策略6.2自定义处理流程7.迁移与兼容性
  • PostCSS详细介绍 技术探秘者 前端介绍postcss
    目录第一章：PostCSS简介1.1PostCSS的起源与发展1.2PostCSS的工作原理1.3PostCSS的核心功能1.4PostCSS的优势所在1.5结语第二章：PostCSS插件介绍2.1Autoprefixer使用方法2.2cssnano使用方法2.3postcss-preset-env使用方法2.4其他常用插件2.5结语第三章：PostCSS与现有工具集成3.1PostCSS与Web
  • 日志收集工具-logstash QD.Joker #ELK数据库elk
    提示：Windows环境下安装部署logstash采集日志文件文章目录一、下载二、解压部署三、常用插件四、常用配置Logstash服务器数据处理管道，能够从多个来源采集数据，转换数据，然后将数据发送到您最喜欢的存储库中。Logstash没有fileBeats轻量，但是过滤功能更多。一、下载官网下载安装windows压缩包：https://www.elastic.co/cn/downloads/lo
  • vscode 相关设置 ttkqwe vscodeide编辑器
    1.插件推荐常用插件：GitHubCopilot：由GitHub提供的AI编码助手，能够根据上下文自动生成代码片段或建议。支持多种编程语言，极大地提高编码效率和创新能力。类似的AI代码补全插件:Tabnine、TONGYILingma、FiddenCodeJupyter：支持在VSCode中直接运行和编辑JupyterNotebooks，适合数据科学和机器学习开发者。GitLens：强大的Git扩
  • Java 开发者必备：Eclipse 常用插件推荐 Java技术栈实战 javaeclipse开发语言ai
    Java开发者必备：Eclipse常用插件推荐关键词：Java开发者、Eclipse、插件推荐、开发效率、代码质量摘要：Eclipse作为一款广泛使用的Java集成开发环境（IDE），其丰富的插件生态系统为Java开发者提供了极大的便利。本文将详细介绍一系列Java开发者在使用Eclipse时的必备插件，涵盖代码编辑、调试、版本控制、代码分析等多个方面。通过对这些插件的功能、使用场景和安装方法的介
  • google-Chrome常用插件 蓝天白云下遛狗 chrome前端
    google-Chrome常用插件1.json格式化展示插件github下载jsonview-for-chrome插件通过离线安装方式拓展程序-》管理拓展程序-》打开开发者模式-》加载已解压的拓展程序-》选择拓展程序解压的位置2.翻译插件插件下载地址：ImmersiveTranslate-BilingualWebpageTranslationExtension,andVideoSubtitlean
  • leaflet常用插件地址整理 ☆L↑H★
    转载：https://blog.csdn.net/yangdengxian/article/details/79954827最近在研究leafletjs地图框架，发现在地图这块功能还是强大，而且支持插件扩展和自定义开发。虽然leafletjs源码很小，功能精简，但是框架优势在于，插件自定义开发和扩展这部分设计，而且开源。现在发现只要项目用得到的，在leaflet插件中都可找到应用或者类似应用，给开
  • After Effects的常用插件 众智创新团队 图像处理
    作者：姜子博一、前言二、常用插件2.1粒子特效类插件2.2调色类插件2.3三维插件2.4跟踪与稳定类插件2.5文字与动画类插件2.6其他实用插件三、AE插件资源下载四、总结关键词：AE（AfterEffects）、插件、影视后期一、前言AE插件是增强AdobeAfterEffects功能的扩展工具，能够帮助使用者更高效实现特效、动画、文字、调色等功能。AE插件分为官方插件和第三方插件，第三方插件尤
  • 【好物推荐】VScode的常用插件推荐 本本本添哥 009-好物推荐与开发工具vscodejavascriptide
    一、BracketPairColorizer2这个插件可以让你更好地看到代码中的括号匹配情况，不同的括号会用不同的颜色来表示。这样可以更方便地找到代码中的错误。二、ESLint这个插件可以帮助你在编写JavaScript代码时检查语法错误和潜在的问题。它可以根据你的代码风格和规则来检查代码，并给出相应的提示和建议。三、GitLens这个插件可以让你更方便地使用Git进行版本控制。它可以显示每一行代
  • 开启图像生成之旅：ComfyUI在Ubuntu上的安装全攻略 北上ing 视觉生成模型ubuntu人工智能计算机视觉AI作画人工智能作画
    笔者于2025.4在Ubuntu18.04上搭建ComfyUI，作此记录给大家参考于交流用。对于如何增加常用插件，则另起篇章讲述。项目原址：Github73K一、ComfyUI#1.ComfyUI的概念ComfyUI是一个开源的、基于节点的Web应用。它允许用户根据一系列文本提示（Prompt）生成图像。ComfyUI使用扩散模型作为基础模型，并结合ControlNet、Lora和LCM低阶自适应
  • Vim常用插件集成包：提升代码编辑效率 黄涵奕
    本文还有配套的精品资源，点击获取简介：Vim是一个可高度定制的文本编辑器，尤其受程序员青睐。本文介绍了一个集成包，其中包括Ctags、WinManager、Taglist、MinibufEx和Supertab等多个Vim插件，旨在简化安装流程并提高代码编辑效率。插件集合包括源代码索引、窗口管理、代码浏览、缓冲区管理和智能补全功能，针对大型项目和多文件编辑提供了有力支持。这些插件通过简单配置即可集成
  • 前端工程化--Rollup的使用 前端_学习之路 前端工程化前端
    Rollup是一个JavaScript模块打包工具，它可以将小的代码片段打包成更大、更复杂的代码，如库或应用程序。以下是Rollup的基本使用方法以及一些常用插件的介绍。安装Rollup使用npm或者yarn来安装Rollup，命令如下：npminstall--save-devrollup或者使用yarnyarnadd--devrollup基本使用创建项目结构假设你的项目结构如下：project/
  • VS Code、PyCharm、IntelliJ IDEA 等 IDE 的配置和插件推荐 6v6-博客 idepycharmintellij-idea
    VSCode、PyCharm、IntelliJIDEA等IDE的配置和插件推荐IDE（集成开发环境）是开发者日常工作的核心工具。本文将介绍VSCode、PyCharm和IntelliJIDEA的配置方法和常用插件推荐，帮助你提升开发效率。1.VisualStudioCode(VSCode)1.1基础配置安装VSCode：从官网下载并安装。设置主题：-打开设置（Ctrl+,），搜索ColorThem
  • vue常用插件的使用 song854601134 vue插件vue.js
    vue常用插件的使用1.vue-seamless-scroll官方文档使用步骤1、安装vue-seamless-scrollnpminstallvue-seamless-scroll--save2、引入组件importvueSeamlessScrollfrom'vue-seamless-scroll'components:{vueSeamlessScroll},.seamless-warp{hei
  • idea 2023.3.7常用插件 shuair ideaintellij-ideajavaide
    idea2023.3.7常用插件文档idea2019.3常用插件idea2023.3.7常用插件idea2023.3.7常用插件插件名称插件版本说明1AceJump3.5.9AceJump允许您快速将插入符号导航到编辑器中可见的任何位置。只需按“ctrl+；”，键入一个字符，然后在AceJump中键入匹配的字符。2CamelCase3.0.12Switcheasilybetweenkebab-ca
  • 【VSCode】VSCode常用插件 Ctrl Z. vscodeide编辑器
    Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode：简体中文支持插件HTML/CSS/JavaScriptSnippets：支持HTML/CSS/JavaScript快速匹配输入HTMLSnippets：这个插件提供了一系列HTML代码片段，通过简单的缩写就可以快速生成常用的HTML结构。例如，输入!并按下Tab键，就可以快速生成一个完
  • CICD系列之jenkins john137724 DEV-OPSdockerjenkins
    jenkins专题安装docker&docker-compose安装jenkins编写docker-compose.yml脚本配置jenkins安装常用插件记录jenkins安装、配置、使用的常用操作linux物理机安装安装docker&docker-composedocker安装与配置安装jenkins#创建docker桥接网络dockernetworkcreatejohn-net#新建数据目录
  • 轻量级python编辑器 内存_vscode-轻量级实用编辑器 weixin_39557402 轻量级python编辑器内存
    前言：经网友推荐，下载vscode，发现速度确实快，度娘看了下，是微软抽调的一小波人做的。这样就不担心windows平台插件支持了。js，python都支持高亮，本身自带插件也都实用。自带控制台，终端，emmet格式插件，图标插件，小地图插件。占用内存少，推荐!先整理部分觉得不错的插件，体验一段时间再修改一、常用插件1.vscode-icon让vscode的文件夹目录添加上对应的图标注：安装好如果
  • Sublime Text 3 夜颂春秋 sublimetext编辑器
    一、简介SublimeText是一款用于代码、标记和散文的精致文本编辑器。二、下载官网下载地址：http://www.sublimetext.cn/3三、安装无需安装，直接运行下载的.exe文件即可使用，需自己创建桌面快捷键；插件安装方法推荐链接：sublimetext3下载与安装详细教程_sublime下载-CSDN博客常用插件：四、使用1、入门使用方法：a.如何NEW一个文件点击File里
  • python sqlalchemy mysql 自动映射 weixin_34185364 数据库python
    SQLAlchemy是Python编程语言下的一款ORM框架，该框架建立在数据库API之上，使用关系对象映射进行数据库操作简言之便是：将对象转换成SQL，然后使用数据API执行SQL并获取执行结果SQLAlchemy本身无法操作数据库，其必须依赖pymsql等第三方插件，Dialect用于和数据API进行交流，根据配置文件的不同调用不同的数据库API，从而实现对数据库的操作.以下列举了几种常用插件
  • Jupyter Lab 常用插件 pumpkin84514 python相关python
    JupyterLab常用插件安装与使用指南JupyterLab支持许多有用的插件，这些插件可以显著增强其功能。以下是一些常用插件的详细安装和使用方法。1.中文语言包安装和使用步骤安装JupyterLab-Translate扩展：pipinstalljupyterlab-translatejupyterlabextensioninstalljupyterlab-translate安装中文语言包：pi
  • vscode配置C/C++常用插件，亲测好用 沐风_ZTL c++开发语言vscode
    1>C/C++，必选；2>C/C++ExtensionPack,C/C++扩展包；3>C/C++Snippets，C/C++重用代码块;4>C/C++AdvancedLint,C/C++静态检测;5>BetterC++Syntax，C/C++语法高亮；6>CodeRunner，代码运行;7>IncludeAutoComplete，自动头文件包含;8>GBKtoUTF8，自动将GBK转换为UTF8;
  • Vue混入（Mixins）与插件开发深度解析 prince_zxill vue.jsjavascript前端前端框架
    Vue混入（Mixins）与插件开发深度解析Vue混入（Mixins）与插件开发深度解析1.Vue混入（Mixins）核心概念1.1什么是混入1.2基础使用方式1.3选项合并策略1.4全局混入及其风险1.5混入的优缺点分析2.混入实战应用案例2.1表单验证混入2.2页面权限控制混入3.Vue插件开发完全指南3.1插件的作用与适用场景3.2插件开发基本规范3.3常用插件类型分析4.插件开发实战案例4
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他