山外人家
山外人家

Mustache.js模板引擎使用

应用场景

最近项目中用到了mustache.js，这是一款模板引擎，可以将html结构和数据进行合并。主要应用场景是服务器端返回数据，然后前端根据返回的数据渲染页面，进行展示。主要2个需求：一是根据数组类型的数据，展示列表，二是根据具体的数据值，展示或者不展示某一功能模块以及添加不同样式。

举例子


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
        .item1_span1,
        .item1_span2 {
            color: black;
        }

        .item2_span1,
        .item2_span2 {
            color: blue;
        }

        .item3_span1,
        .item3_span2 {
            color: yellow;
        }
    style>

    <script src="https://cdn.bootcss.com/mustache.js/2.3.0/mustache.js">script>
head>

<body>
    <div id="root">div>

    <script>
        var template = '
' +
            '               {{#title}}' +
            '                   
{{t}}</h1>' +
            '               {{/title}}' +
            '               
    ' +
            '                   {{#items}}' +
            '                       
  • class="item">' +
            '                           class="{{item_span1}}">{{content1}}</span>' +
            '                           {{item_span2}}">{{content2}}</span>' +
            '                       li>' +
            '                   {{/items}}' +
            '               </ul>' +
            '               {{#end1}}' +
            '                   
    这是结尾1</p>' +
            '               {{/end1}}' +
            '               {{#end2}}' +
            '                   
    这是结尾2</p>' +
            '               {{/end2}}' +
            '               {{^end3}}' +
            '                   
    这是结尾3</p>' +
            '               {{/end3}}' +
            '               {{^end4}}' +
            '                   
    这是结尾4</p>' +
            '               {{/end4}}' +
            '           </div>';

        // 设置输入变量，可以根据不同值拼接不同的数据
        var g_input1 = true;
        // 根据某个变量输出不同的html内容
        var get_output = function () {
            if (g_input1) {
                g_input1 = false;
                return 'g_input1为true';
            } else {
                g_input1 = true;
                return 'g_input1为false';
            }
        };
        // 数据
        var data = {
            // title对应{{#title}}{{/title}}这个固定写法，名字可以随意更改，t为这个写法里面包裹的{{--}}变量,模板引擎会将数据和模板合并
            title: {
                t: '这是一个标题'
            },
            // 如果items的值写成数组格式，模板引擎可以根据添加的数据条数渲染不同的html
            items: [{
                    item_span1: 'item1_span1', // 可以将类名设置为数据变量，继而产生不同的页面效果
                    item_span2: 'item1_span2',
                    content1: '这是第一条消息1',
                    content2: '这是第一条消息2',
                },
                {
                    item_span1: 'item2_span1',
                    item_span2: 'item2_span2',
                    content1: '这是第二条消息1',
                    content2: get_output, // 这里可以写函数或者表达式，根据变量灵活决定数据值
                },
                {
                    item_span1: 'item3_span1',
                    item_span2: 'item3_span2',
                    content1: '这是第三条消息1',
                    content2: get_output,
                }
            ],
            end1: null, // {{#end1}}{{/end1}}标签中的end1为false或者null或者空字符串等情况时，end1结尾不显示
            end2: true, // end2为true或者{a:1,b:2}等有值情况下，end2标签中间的内容显示
            end3: null, // {{^end1}}{{/end1}}的写法与上面刚好相反，为false显示，为true显示
            end4: true,
        };
        Mustache.parse(template); // 预编译模板
        var html_str = Mustache.render(template, data); // 将模板和数据合并，返回字符串类型的html
        document.getElementById('root').innerHTML = html_str;
    script>
body>

html>

你可能感兴趣的:(日常总结)

  • Springboot日常总结-@RestController和@Controller的区别 世润 springbootjava后端
    @RestController和@Controlle是两种不同的控制器实现，它们的主要区别在于如何处理返回的数据和是否支持跳转到视图页面。Controller是一个基本的控制器注解，它允许你将一个类标记为一个SpringMVC控制器处理器。使用Controller的类中的方法可以直接返回一个字符串，这通常意味着返回的是一个模板页面，如JSP、FTL或HTML。为了返回这些模板页面，通常需要配合视图
  • 【日常总结 - java】list 与 字符串（用逗号隔开）相互转换 ladymorgana 日常工作总结windowspython开发语言
    一、list转字符串第一种：使用谷歌Joiner方法(推荐)第二种：循环插入逗号第三种：stream流(推荐)第四种：lambda表达式遍历并加入逗号二、字符串转list方法一：使用split()方法方法二：使用Collections.addAll()方法方法三：使用Java8的StreamAPI（推荐）方法四：使用Guava库（不推荐，需要引入Guava库）一、list转字符串第一种：使用谷歌J
  • 【日常总结】win11如何重启桌面进程 - 解决鼠标转圈问题 ladymorgana 日常工作总结windows11鼠标一直转圈
    一、问题二、场景三、问题原因三、解决方案Stage1：ctrl+alt+del打开任务管理器Stage2：进程Stage3：【windows资源管理器】右键，选择【重新启动】一、问题将两个exe工具放入桌面（元气桌面），win11鼠标转圈，无法选中桌面图标，但是任务栏可以操作调开任务管理器，无法结束元气桌面相关程序，报错：拒绝访问二、场景系统：win11软件：元气桌面三、问题原因元气桌面卡死三、解
  • 【日常总结】windows11 设置文件默认打开方式 ladymorgana 日常工作总结windows11设置文件默认打开方式
    一、场景二、实战Stage1：打开设置Stage2：应用>默认应用>搜索.txtStage3：修改成notepad++，设置默认值即可一、场景windows11.txt默认记事本打开需求：如何使用notepad++打开呢？二、实战Stage1：打开设置Stage2：应用>默认应用>搜索.txtStage3：修改成notepad++，设置默认值即可
  • 【日常总结】MobaXterm session 如何迁移 ladymorgana 日常工作总结MobaXterm迁移配置
    一、场景二、解决方案三、实战Stage1：右键导出ImportsessionsfromfileStage2：新MobaXterm软件中导入即可。Exportallsessionstofile四、不足一、场景电脑更换，原电脑上MobaXterm中的20多个连接如何迁移二、解决方案利用导入导出功能三、实战Stage1：右键导出ImportsessionsfromfileStage2：新MobaXter
  • 【日常总结】宝塔中 Gitlab服务器 forbidden ladymorgana 日常工作总结gitlabforbiddensourcetree宝塔
    一、场景二、问题三、原因四、解决方案五、实战Stage1：打开/etc/gitlab/gitlab.rb，并编辑Stage2：重启gitlab服务Stage3：测试（打开girlab网页）六、后续一、场景公司更换新电脑服务器：宝塔中GitlabGitlab修改root密码（老密码已忘记）二、问题Gitlab重置密码后，老电脑上SourceTree尝试多次登录，导致gitlab登录报错forbidd
  • 静态通讯录的实现 渴望力量的土狗 杂货库c语言开发语言visualstudio经验分享
    作者简介：一名大一在校生个人主页：月亮嚼成星~个人WeChat：yx1552029968系列专栏：日常总结每日一句：每一个优秀的人，都有一段沉默的时光。本篇博客将实现一个简易静态通讯录，通讯录实现增删改差，显示，排序等基本功能。后续会改善版本，来解决内存多余等问题。首先是程序实现的方式：采用模块化的方式，通讯录分为test.c、contact.c两个源文件和contact.h一个头文件。test.
  • ECMAScript日常总结--ES2019(ES10) 狐说狐有理 ECMAScript日常总结ecmascriptjavascript前端vue.js
    ECMAScript日常总结–ES2019(ES10)文章目录ECMAScript日常总结--ES2019(ES10)1.Object.fromEntries()--将键值对的列表转换为对象2.Array.prototype.flat()--用于将嵌套数组（多维数组）扁平化为一维数组3.String.prototype.trimStart()和String.prototype.trimEnd()-
  • ECMAScript日常总结--ES2022(ES13) 狐说狐有理 ECMAScript日常总结ecmascriptes13javascript
    ECMAScript日常总结–ES2022(ES13)文章目录ECMAScript日常总结--ES2022(ES13)1.Object.hasOwn()2.Array.at()3.Top-levelAwait在模块的顶层使用“await”4.类的私有字段1.Object.hasOwn()在ES2022之前，可以使用Object.prototype.hasOwnProperty()来检查一个属性是否
  • ECMAScript日常总结--ES2021(ES12) 狐说狐有理 ECMAScript日常总结ecmascript前端开发语言
    ECMAScript日常总结–ES2021(ES12)文章目录ECMAScript日常总结--ES2021(ES12)1.数字分隔符2.逻辑或赋值(||=)3.String.prototype.replaceAll()4.Promise.any()5.Promise.prototype.finally()1.数字分隔符允许在数字字面量中使用下划线（_）进行分隔，提高数字的可读性。constA=1_
  • ECMAScript日常总结--ES2020(ES11) 狐说狐有理 ECMAScript日常总结ecmascript前端javascriptvue.js开发语言
    ECMAScript日常总结–ES2020(ES11)文章目录ECMAScript日常总结--ES2020(ES11)1.BigInt数据类型2.可选的链式操作符(?.)3.空值合并运算符(??)4.动态导入Import5.全局对象globalThis6.String.matchAll()字符串正则匹配7.import.meta对象8.Promise.allSettled()1.BigInt数据类
  • 日程规划 Anna_0ea9
    日程规划真的挺重要的！这几天因为刚加入网络兼职平台，所有的事情都要从零开始适应，另外要保证日常工作不出错，所以每天都弄得精神很紧张，每天都感觉时间不够用，主要的还是新的事物适应得不太理想，可能是失败的体验比较多，工作很琐碎，所以挫败感有点重，导致每天很累，早早就想睡，也就忘了日常总结及明日计划，导致第二天完全没有规划，匆匆忙忙，重复琐碎的事，没有重点，挫败，烦躁，不安……又是失败的一天，晚上又没有
  • ＂风风火火＂一天 许琳琳_
    好吧！此刻还差三分钟凌晨，我又迟到了...【开头的引文那句，似乎是这位少年的日常总结，总在关键时候掉链子总是追不上时间又不想被别人追着赶着跑的青年，这就是我，一个不愿将就但经常拖拉的女同学。】叮咚...叮咚...凌晨时钟敲响~今日记忆即将清零啦、我要在记忆之门还没关紧的时刻夹缝而起。【我】过着与众相同的生存时光，打磨着超过八小时的耐力技能，就是很慵懒的那种但是限制自由行动只允许碎片化心绪乱飞。很好
  • CSS日常总结--CSS伪类 狐说狐有理 CSS日常总结css前端
    CSS日常总结–CSS伪类文章目录CSS日常总结--CSS伪类前言1.结构性伪类:1.:first-child：选择父元素下的第一个子元素2.:last-child：选择父元素下的最后一个子元素3.:nth-child(n)：选择父元素下的第n个子元素4.:nth-last-child(n)：从最后一个子元素开始计数，选择第n个子元素5.:nth-of-type(n)：选择与同类型的兄弟元素中的第
  • 【日常总结】连接Mysql，打开数据表非常慢 ladymorgana 日常工作总结mysql数据库navicat15
    问题Navicat连接mysql时，第二次打开非常慢原因Mysql服务器端会定时清理长时间不活跃空闲的数据库连接，以此优化数据库的性能。解决方案数据库右键---编辑连接--高级---保持连接间隔30秒带来的问题每次打开Navicat时，设置设置自动连接的表会自己连接（可能会导致误操作）
  • ECMAScript日常总结--ES2023(ES14) 狐说狐有理 ECMAScript日常总结ecmascriptjavascript前端
    ECMAScript日常总结–ES2023(ES14)最近突然看到了ES相关更新，才发现ES已经到14了，看了一下之后，写了一下最近几年部分新方法的总结，便于自己之后的查找。文章目录ECMAScript日常总结--ES2023(ES14)1.数组新方法1.Array.prototype.toSorted(fn)不改变原始数组2.Array.prototype.toReversed()不改变原始数组
  • uniapp日常总结--uniapp页面传值 狐说狐有理 Uniapp日常总结uni-app前端javascript
    uniapp日常总结–uniapp页面传值在Uniapp中，不同页面之间传值可以通过以下几种方式实现：文章目录uniapp日常总结--uniapp页面传值1.URL参数传递：2.使用页面参数（Query）：3.Vuex状态管理：4.使用本地存储（Storage）：5.事件总线：6.应用全局对象：1.URL参数传递：可以通过在跳转链接中添加参数，然后在目标页面通过this.$route.params
  • 【日常总结】本地正常，docker 中报错：SQLNonTransientConnectionException: Could not create connection to database se ladymorgana 日常工作终结springbootmysqldockerssl
    一、环境二、场景三、原因四、解决方案五、扩展▶5.1、什么是SSL▶5.2、MySQL如何启用SSL＞Stage1、生成SSL证书和私钥＞Stage2、配置MySQL服务器＞Stage3、重启MySQL服务器＞Stage4、测试SSL连接▶5.3、MySQL启用SSL，对应的客户端java程序的配置文件中的jdbc字符串如何写？▶5.4、verifyServerCertificate=true是否
  • 她们说，坚持比努力可怕 陌葳蕤
    “坚持比努力可怕”，《青春有你2》上的姑娘们为了一次舞台疯狂练体能，坚持不下去了大家就互相鼓励，把这句话挂在嘴边，她们是群热血的姑娘，生活需要这样的热血。真正开始日更后发现，日更好像没我想像中的那么容易，可是也好像没那么难，尤其是当你养成习惯后，好像到了那个点不写点东西就有些不自在。今天写日常总结报告的时候，自然而然的开始修改自己写过的话了，语句有没有不通顺、意思有没有不准确等，突然意识到了日更带
  • 前端开发【vue开发技巧】日常总结 ️不倒翁 前端集合javascriptvue.js
    vue开发技巧前端开发优雅更新propsprovide/inject小型状态管理器卸载watch观察自定义指令获取实例优雅注册插件自动化引入模块路由懒加载(动态chunkName)前端开发优雅更新props更新prop在业务中是很常见的需求，但在子组件中不允许直接修改prop，因为这种做法不符合单向数据流的原则，在开发模式下还会报出警告。因此大多数人会通过$emit触发自定义事件，在父组件中接收该
  • 【日常总结】优雅升级Swagger 2 升至 3.0, 全局设置 content-type application/json ladymorgana 日常工作终结swagger3.0
    目录一、场景二、问题三、解决方案四、延伸上一节：【日常总结】Swagger-ui导入showdoc（优雅升级Swagger2升至3.0）-CSDN博客一、场景接上一节：在Swagger3ConfigextendsWebMvcConfigurationSupport，来设置Swagger3.0的URL映射，发现问题。二、问题在Swagger3.0上调试接口返回为content-typeapplica
  • 【日常总结】Swagger 3.0 + 集成 knife4j ，并设置header入参 ladymorgana 日常工作终结swagger3.0knife4j
    一、场景环境：二、问题思路：三、解决方案（推荐）Stage1：接入knife4j依赖Stage2：修改yaml配置Stage3：修改swagger3配置文件Stage4：查看效果SwaggerUI3.0knife4j3.0四、其他方案（不推荐）上一节:【日常总结】优雅升级Swagger2升至3.0,全局设置content-typeapplication/json-CSDN博客一、场景公司需要集成k
  • 日常总结 李菁_126班9509
    借用哲学家波拉里的话，“真正有用的知识都是个人知识，都是默会的知识。”所有的知识只要用到自己身上，用自己的想法思维想过量身定做成自己的知识，这样的知识才是默会的知识，才是对自己真正有用的知识。举个不太恰当的例子，如果有人给你表演骑自行车，而你只是在旁边看，你可以看得懂，脚是怎样登？手是怎样扶？但是你真的会吗？要想真的学会骑自行车，你必须上出去学习，你必须把整个学习的过程，印到自己的脑子里，传给自己
  • 【日常总结】如何禁止浏览器 http自动跳转成https ladymorgana 日常工作终结httphttps网络协议
    一、场景二、问题三、解决方案3.1chrome浏览器3.2edge浏览器：3.3Safari浏览器3.4Firefox浏览器3.5MicrosoftEdge一、场景公司网站http://谷歌浏览器中自动转换成https://导致无法访问二、问题nginx配置ssl443接口，https://可以访问，但是接口均需要更改成https://才能访问，否则会引发跨域问题三、解决方案浏览器禁用http自动
  • 看完就打印,100条职场加分秘籍 晨光科力普省心购
    在我们的日常工作中，总会犯一些错，或者悟出一些道理。这个时候，不要让经验浪费。即使是简单地记下一笔，做一张卡片，也能积少成多，成为我们的行为指南。今天我们打包分享100条日常总结的「职场加分好习惯」。希望能对你有所启发。011.无论什么事情，如果最后要自己来经办，都必须了解来龙去脉，做到心中有数。因为别人不管谁负责，只管跟谁对话。2.时间不要排得太满，留一点富裕时间，它可以用来应对临时事务，也可以
  • 【日常总结】Swagger-ui 导入 showdoc （优雅升级Swagger 2 升至 3.0） ladymorgana 日常工作终结java开发语言
    一、场景环境：二、存在问题三、解决方案四、实战-Swagger2升至3.0（OpenAPI3.0）Stage1：引入Maven依赖Stage2：Swagger配置类Stage3：访问Swagger3.0Stage4：获取json，保存为swagger.jsonStage5：showdoc中导入swagger.jsonStage6：导入效果一、场景公司需要将swagger-ui中的接口导入到show
  • 【日常总结】java JSON 转 实体类 (含多层嵌套) ladymorgana 日常工作终结json
    一、场景二、问题三、解决方案四、实战1.引入maven依赖2.IEDA安装lombok插件3.安装GsonFormPlu插件4.使用Stage1：新建类，右键选择GenerateStage2：选择GsonFormatPlusStage3：将json复制其中，点击ok注意：如果结构复杂，这里会自动生成内部类，将内部类新建类，可方便json解析一、场景调用第三方接口，接收返回json经常需要对json
  • 日常总结 A赵萌
    早起就猜到昨晚绝对是深度睡眠，因为有个短暂的失忆现象，感觉自己还在保定宿舍。收拾完吃了点东西就骑车去公司，这次走的路线比之前的省了大概有10分钟，主要是这边几乎没有红灯。有时多探寻一下其他的路线，还是有帮助的。亏钱群里的信息量确实很大，不能只是看看，要学会总结并加以运用。有了量，不一定是自己的，还是得坚持做好自己的输出。通过和同事沟通发现现有市场正在分化，有能力的都要自己单干了。要清楚自己想要的，
  • 功能实现-解除页面禁止复制功能 前端架构师陈龙威
    功能实现-解除页面禁止复制功能解除页面禁止复制功能可可爱爱小萝莉起源：今天照例进行日常总结，在查找资料进行ctrl+c加ctrl+v时，发现知乎的页面竟然禁止转载了，也就是对复制做了拦截，需要登录才可以复制，然而我们公司因为安全的原因，知乎以及很多网站是无法登陆，那咋办？都是前端开发，同行就别这样啦。后续发现知乎不是所有内容都是禁止转载的，只有设置了禁止转载的内容才禁止复制，普通内容在复制后会加上
  • 日常总结 风NESS
    纯解说类自媒体做好了就像一个节目的主持人，能有一些观众而带来一些流量，要求形象好点，解说生动，做不好就是浪费时间。vlog类自媒体就是视频记录自己日常生活，像是视频日记，生活有趣的，会有一些观众围观，做不好就是视频流水账，也是浪费时间。画画手工类自媒体，做好了有人会喜欢你的作品，也会有一定的流量，或许会有学生，如果做不好至少还有作品和手艺，不算浪费时间。孰优孰略自己选。总之就是要行动，选择了就要坚
  • PHP如何实现二维数组排序？ IT独行者 二维数组PHP排序　
    二维数组在PHP开发中经常遇到，但是他的排序就不如一维数组那样用内置函数来的方便了，（一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】）。二维数组的排序需要我们自己写函数处理了，这里UncleToo给大家分享一个PHP二维数组排序的函数： 代码： functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr
  • 【Hadoop十七】HDFS HA配置 bit1129 hadoop
    基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper，DFSZKFailoverController
  • 由wsdl生成的java vo类不适合做普通java vo darrenzhu VOwsdlwebservicerpc
    开发java webservice项目时，如果我们通过SOAP协议来输入输出，我们会利用工具从wsdl文件生成webservice的client端类，但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用，当然有一中情况例外，如果这个自动生成的类里面的properties都是基本数据类型，就没问题，但是如果有集合类，就不行。原因如下： 1)使用了集合如Li
  • JAVA海量数据处理之二（BitMap） 周凡杨 java算法bitmapbitset数据
           路漫漫其修远兮，吾将上下而求索。想要更快，就要深入挖掘 JAVA 基础的数据结构，从来分析出所编写的 JAVA 代码为什么把内存耗尽，思考有什么办法可以节省内存呢？ 啊哈！算法。这里采用了 BitMap 思想。   首先来看一个实验： 指定 VM 参数大小： -Xms256m -Xmx540m
  • java类型与数据库类型 g21121 java
    很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心，因为大多数hbm文件是自动生成的，但有些时候诸如：数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况，就会手动的去对应数据库与java的数据类型关心，当然比较简单的数据类型即使配置错了也会很快发现问题，但有些数据类型却并不是十分常见，这就给程序员带来了很多麻烦。 &nb
  • Linux命令 510888780 linux命令
    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C
  • java常用JVM参数 墙头上一根草 javajvm参数
    -Xms：初始堆大小，默认为物理内存的1/64(<1GB)；默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时，JVM就会增大堆直到-Xmx的最大限制 -Xmx：最大堆大小，默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时，JVM会减少堆直到 -Xms的最小限制 -Xmn：新生代的内存空间大小，注意：此处的大小是（eden+ 2
  • 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点 aijuans Spring 3
    方法一： <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二：
  • mysql查询性能优化之二 annan211 UNIONmysql查询优化索引优化
    1 union的限制 有时mysql无法将限制条件从外层下推到内层，这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集，或者希望能够先排好序在 合并结果集的话，就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来，然后再取前20条记录，那么mys
  • 数据的备份与恢复 百合不是茶 oraclesql数据恢复数据备份
     数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小，其大小用字节表示 FILE 指定导出的二进制文
  • 线程组 bijian1013 java多线程threadjava多线程线程组
    有些程序包含了相当数量的线程。这时，如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组：ThreadGroup g = new ThreadGroup(groupName);  &nbs
  • top命令找到占用CPU最高的java线程 bijian1013 javalinuxtop
    上次分析系统中占用CPU高的问题，得到一些使用Java自身调试工具的经验，与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
  • 【持久化框架MyBatis3四】MyBatis3一对一关联查询 bit1129 Mybatis3
      当两个实体具有1对1的对应关系时，可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例，每个学生都有都有1个唯一的地址(现实中，这种对应关系是不合适的，因为人和地址是多对一的关系)，这里只是演示目的   学生表   CREATE TABLE STUDENTS (
  • C/C++图片或文件的读写 bitcarter 写图片
    先看代码： /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha
  • nginx自定义指定加载配置 ronin47
    进入 /usr/local/nginx/conf/include 目录，创建 nginx.node.conf 文件，在里面输入如下代码： upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste
  • java-71-数值的整数次方.实现函数double Power(double base, int exponent)，求base的exponent次方 bylijinnan double
    public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent)，求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(
  • Android四大组件的理解 Cb123456 android四大组件的理解
     分享一下，今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android
  • [宇宙与计算]涡旋场计算与拓扑分析 comsci 计算
         怎么阐述我这个理论呢？ 。。。。。。。。。       首先： 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星，时间非常重要，早一个刻度和晚一个刻度，这颗行星的
  • 同一个Tomcat不同Web应用之间共享会话Session cwqcwqmax9 session
    实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下： If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
  • springmvc Spring3 MVC，ajax，乱码 dashuaifu springjquerymvcAjax
      springmvc Spring3 MVC @ResponseBody返回，jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法，具体实
  • 搭建WAMP环境 dcj3sjt126com wamp
    这里先解释一下WAMP是什么意思。W:windows，A：Apache，M：MYSQL，P：PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事，必须先利其器。因为笔者的系统是WinXP，所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
  • yii2 使用raw http request dcj3sjt126com http
    Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g
  • Quartz-1.8.6 理论部分 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习，因为Quartz2.0以后的API发生的非常大的变化，统一采用了build模式进行构建； 什么是quartz?   答：简单的说他是一个开源的java作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
  • 什么是POJO？ gupeng_ie javaPOJO框架Hibernate
    POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象，它不包含业务逻辑处理或持久化逻辑等，也不是JavaBean、EntityBean等，不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象，大量应用于表现现实中的对象。如果项目中使用了Hiber
  • jQuery网站顶部定时折叠广告 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/4.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<
  • Spring boot内嵌的tomcat启动失败 kane_xie spring boot
    根据这篇guide创建了一个简单的spring boot应用，能运行且成功的访问。但移植到现有项目（基于hbase）中的时候，却报出以下错误：     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif
  • leetcode: sort list michelle_0916 Algorithmlinked listsort
    Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin
  • nginx的安装与配置,中途遇到问题的解决 qifeifei nginx
    我使用的是ubuntu13.04系统，在安装nginx的时候遇到如下几个问题，然后找思路解决的，nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现
  • 用枚举来处理java自定义异常 tcrct javaenumexception
    在系统开发过程中，总少不免要自己处理一些异常信息，然后将异常信息变成友好的提示返回到客户端的这样一个过程，之前都是new一个自定义的异常，当然这个所谓的自定义异常也是继承RuntimeException的，但这样往往会造成异常信息说明不一致的情况，所以就想到了用枚举来解决的办法。 1，先创建一个接口，里面有两个方法，一个是getCode, 一个是getMessage public
  • erlang supervisor分析 wudixiaotie erlang
    当我们给supervisor指定需要创建的子进程的时候，会指定M,F,A,如果是simple_one_for_one的策略的话，启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组，A ++ OtherArgs。那么这个时候就有个问题了，既然参数不一致，那
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他