Ocean 學習筆記

2014年7月16日星期三

bootstrap 3.2 修改 Media queries breakpoints

1. 打開 /bootstrap/less/variables.less

2. Ctrl + F ，輸入 screen

3 . 修改

@screen-xs : 320px;
@screen-sm : 768px;
@screen-md : 1024px;
@screen-lg : 1200px;

4. 存檔

5. 開啟 nodejs 命令介面

6 輸入： grunt dist (做編譯)

bootstrap source 使用與編譯

bootstrap 下載 source檔，較方便修改，在更改 less檔後，可經由grunt編譯產生結果。

1.需要先安裝 nodejs

2. 下載 bootstrap source版本

bootstrap有提供壓縮好的版本，與原始碼版。
壓縮版可以直接使用，修改是直接改動css.
source版，可以藉由改動less在使用grunt編譯至dist夾產生壓縮結果。
直接改css對沒學過less的人比較直覺，但改動地方多容易不同步。
source可改less，因為有變數等功能關係，改動較少就能達到效果。

3. 安裝 grunt

開啟 nodejs 命令介面。 (open nodejs command line)
輸入： npm install -g grunt-cli //將會安裝grunt 於全域環境

4. 安裝 bootstrap 所需模組

進入boostrap根目錄下。 \bootstrap\
輸入： npm install ，npm 將會依照 package.json設定來安裝模組套件於區域環境。

5. 編譯 less並將css與javascript壓縮

在bootstrap根目錄下輸入： grunt dist

Note：

nodejs 在找尋模組會先從專案夾中的區域模組夾中找尋，找不到才會去全域模組資料夾找模組。

1. spring config xml

&lt!-- 提供 properties檔之內容注入 bean 屬性使用 @(Value ${屬性名稱}) 注入 -->
<context:property-placeholder location="classpath*:META-INF/mongodb.properties"/>

2. mongodb.properties

#db name
mongo.dbName=englishStore

3.
@Value("${mongo.dbName}")
private String dbName;

Spring JSP 中使用 properties 檔屬性

1. xml 需要

xmlns:util="http://www.springframework.org/schema/util"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/util/spring-util-3.0.xsd"

2. spring xml

<util:properties id="commonProperties"
location="/WEB-INF/nodejs.properties"/>

3. nodejs.properties

nodejsHost=http://localhost:3000

4. jsp

<spring:eval var="host" expression="@commonProperties.nodejsHost"/>

2014年7月14日星期一

maven學習十二： SpringMVC + Tiles + log4j

pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>tw.ocean.englishProject</groupId>
<artifactId>englishProject</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>war</packaging>


<dependencies>

<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>3.2.9.RELEASE</version>
</dependency>

<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>3.2.9.RELEASE</version>
　</dependency>

　
　<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>1.2.17</version>
　</dependency>
　<dependency>
　　　<groupId>org.slf4j</groupId>
　　<artifactId>jcl-over-slf4j</artifactId>
　　<version>1.7.7</version>
　</dependency>
　<dependency>
　　　　<groupId>ch.qos.logback</groupId>
　　　　<artifactId>logback-classic</artifactId>
　　　　<version>1.1.2</version>
　</dependency>
　
　<dependency>
　　　<groupId>org.apache.tiles</groupId>
　　<artifactId>tiles-extras</artifactId>
　　<version>2.2.2</version>
</dependency>
<dependency>
　　　<groupId>org.apache.tiles</groupId>
　　<artifactId>tiles-servlet</artifactId>
　　<version>2.2.2</version>
　</dependency>
　<dependency>
　　　<groupId>org.apache.tiles</groupId>
　<artifactId>tiles-jsp</artifactId>
　<version>2.2.2</version>
　</dependency>
　
　<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
　</dependency>

</dependencies>
</project>

maven學習十一： Maven Srping MVC

Maven 配置：
pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>tw.ocean.englishProject</groupId>
<artifactId>englishProject</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>war</packaging>


<dependencies>

<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>3.2.9.RELEASE</version>
</dependency>

<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>3.2.9.RELEASE</version>
</dependency>


<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>1.2.17</version>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>jcl-over-slf4j</artifactId>
<version>1.7.7</version>
</dependency>
<dependency>
<groupId>ch.qos.logback</groupId>
<artifactId>logback-classic</artifactId>
<version>1.1.2</version>
</dependency>
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
</dependencies>
</project>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
<display-name>englishProject</display-name>

<servlet>
<servlet-name>dispatcher</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/spring-context.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dispatcher</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>

spring-context.xml

xmlns:context="http://www.springframework.org/schema/context"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-3.0.xsd">

spring-webmvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xmlns:p="http://www.springframework.org/schema/p"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd
http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd">


<context:component-scan base-package="front.*" ></context:component-scan>

<mvc:annotation-driven></mvc:annotation-driven>

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/view/"/>
<property name="suffix" value=".jsp"/>
<property name="viewClass" value="org.springframework.web.servlet.view.JstlView" />
</bean>
</beans>

ReadController

package front.controller;

import java.util.Map;

import javassist.bytecode.stackmap.TypeData.ClassName;

import org.apache.log4j.Logger;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class ReadController {
private static final long serialVersionUID = 1L;

private static Logger logger = Logger.getLogger(ClassName.class);

public ReadController() {
super();
logger.info("YYYYYYYYYYYYYYYYYYY");
}

@RequestMapping({"/" , "/home"})
public String test(Map<String, Object> model){
logger.info("HOME HOME HOME HOME HOME");
return "home";
}

}

2014年7月12日星期六

maven學習十： log4j for spring

重點：

Spring log機制需要 log4j 與 slf4j
將 log4j.properties 設定檔，放於 WEB-INF 或是 classpath MATA-INF，就能運作。
Spring 能由 org.springframework.web.util.Log4jConfigListener 設定時間掃描設定檔內容，
做Run time時的設定變更。

pom.xml

</dependency>

</dependency>

<groupId>ch.qos.logback</groupId>

<artifactId>logback-classic</artifactId>

</dependency>

log4j.properties

#log4j設定檔，此檔只要放到WEB-INF或META-INF中，spring中即可運作

# Root logger option

log4j.rootLogger=INFO,BreadCrumbs

# Console輸出與輸出格式

log4j.appender.BreadCrumbs=org.apache.log4j.ConsoleAppender

log4j.appender.BreadCrumbs.Target=System.out

log4j.appender.BreadCrumbs.layout=org.apache.log4j.PatternLayout

log4j.appender.BreadCrumbs.layout.ConversionPattern=%d{yyyy-MM-dd HH:mm:ss} %-5p %c{1}:%L - %m%n

如此在Spring就能運作。

延生功能：

如果想要做執行期變更設定，可以再web.xml加入：

web.xml

<context-param>

<param-name>log4jConfigLocation</param-name>

<param-value>/WEB-INF/log4j.properties</param-value>

</context-param>

<context-param>

<param-name>log4jRefreshInterval</param-name>

<param-value>1800000</param-value>

</context-param>

<listener-class>org.springframework.web.util.Log4jConfigListener</listener-class>

</listener>

訂閱：文章 (Atom)

Ocean 學習筆記

2014年7月16日星期三

bootstrap 3.2 修改 Media queries breakpoints

bootstrap source 使用與編譯

Spring Class中，使用 properties

Spring JSP 中使用 properties 檔屬性

2014年7月14日星期一

maven學習十二： SpringMVC + Tiles + log4j

maven學習十一： Maven Srping MVC

2014年7月12日星期六

maven學習十： log4j for spring

常拜讀的Blog

關於我自己

2014年7月16日 星期三

2014年7月14日 星期一

2014年7月12日 星期六

2014年7月16日星期三

2014年7月14日星期一

2014年7月12日星期六