分类目录归档:开发

Windows下Node.js及gulp 入门

下载并安装 node.js。

node-v6-9-4-x64

安装成功后开始菜单可以找到命令行,接下来就是用npm(node.js包管理器)下载依赖包。从国外网站下载相关依赖包会比较慢,使用淘宝镜像:

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装成功后,以后可以用cnpm替代npm,用法完全一样。

全局方式安装gulp(用于执行gulp任务):

cnpm install gulp -g

创建并进入项目文件夹,新建package.json项目文件(Node.js项目配置文件)

cnpm init

输入必要信息后即可自动生成一个package.json文件。

安装依赖包:

cnpm install gulp-less --save-dev

cnpm install gulp --save-dev

检查package.json,发现已经自动把依赖包加入项目:

“devDependencies”: {
“gulp”: “^3.9.1”,
“gulp-less”: “^3.3.0”
}

接下来演示开发一个编译less的任务:

新建gulpfile.js文件(gulp的配置文件)

———————————————-

var gulp=require(‘gulp’),
less=require(‘gulp-less’);

//定义一个任务
gulp.task(‘test’,function(){
gulp.src(‘src/less/index.less’)//less源文件
.pipe(less())//调用less模块
.pipe(gulp.dest(‘src/css’));//输出目录
});

gulp.task(‘default’,[‘test’]);//定义一个默认任务

——————————————————

演示less文件放在src/less/index.less

——————————————————-

/* Mixin */
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}

/* Implementation */
#somediv {
.border-radius(30px);
}

——————————————————–

运行: gulp 或者gulp default或者gulp test,然后检查src/css/index.css是否成功生成。

 

Maven WEB项目怎么在页面显示版本号和Build时间

  1. 在pom.xml中加上如下配置:

    <build>
<resources>
            <resource>
                <directory>src/main/resources</directory>
                <filtering>true</filtering>
            </resource>
        </resources>
    …………
    <properties>
        …………
        <buildTime>${maven.build.timestamp}</buildTime>
        <maven.build.timestamp.format>yyyy-MM-dd HH:mm:ss</maven.build.timestamp.format>
    </properties>

2. 在src/main/resources文件夹创建version.txt,内容如下

version:${version}

buildTime:${buildTime}

3. 在某个类创建静态public属性(PropKit来自JFinal):

package com.demo;
public class DemoClass{
public static final String version = PropKit.use(“version.txt”).get(“Version”);
    public static final String buildTime = PropKit.use(“version.txt”).get(“BuildTime”);
    ……
4. 在页面page指示符中增加import上述类

<%@ page language=”java” import=com.demo.DemoClass
……
5. 在页面需要显示版本号的地方增加显示内容

  版本号:<%=DemoClass.version %> 构建时间:<%=DemoClass.buildTime %>

这里的构建时间是UTC,如果需要本地时间,可以在DemoClass中做调整;