WYSIWYG 에디터, summernote

2014. 8. 10. 01:06 Html/CSS/Javascript

다른 에디터에 비해 기능이 특출나게 많은 것은 아니지만,

이미지 삽입이 링크가 아닌 파일 자체로 할 수 있다는 장점이 있다-

사용 방법도 간단하다-

1. js 파일과 css 파일을 넣어 준다-

1
2
3
4
<script src="/resources/plugins/summernote/summernote.js"></script>
<script src="/resources/plugins/summernote/summernote-ko-KR.js"></script>

<link href="/resources/plugins/summernote/summernote.css" rel="stylesheet">


2. 사용한다-
직접 사용해본 것이 아니라 자세히는 모르겠지만, 서버단에서 파라미터로 입력값을 받기 위해 summernote의 값을 textarea로 옮겨 받아 왔다-
1
2
<div id="summernote"></div>
<textarea id="summercontent"></textarea>
1
2
3
4
5
6
7
8
9
$('#summernote').summernote({
	onblur : function(e) {
		$('#summercontent').html($('#summernote').code());
	},
	height : 250, // set editor height
	minHeight : 100, // set minimum height of editor
	maxHeight : null, // set maximum height of editor
	lang : 'ko-KR' // default: 'en-US'
});


'Html/CSS/Javascript' 카테고리의 다른 글

Javascript, Excel Export  (0) 2015.05.04
Ajax beforeSend, 로딩 시 화면  (0) 2014.08.22
구글 지도 API  (0) 2014.08.13
PPT, PDF preview, gdocsViewer  (0) 2014.08.10

MyBatis 연결 설정

2014. 8. 9. 22:08 Spring/Java

Spring과 MyBatis를 연결하기 위해 몇 가지 설정 파일이 필요하다-

1.pom.xml
Pom 파일에 MyBatis 관련 maven(?) 등록
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!--MyBatis -->
<dependency>
	<groupid>org.mybatis</groupid>
	<artifactid>mybatis</artifactid>
	<version>3.2.5</version>
</dependency>
<dependency>
	<groupid>org.mybatis</groupid>
	<artifactid>mybatis-spring</artifactid>
	<version>1.2.2</version>
</dependency>


2.MapperConfig.xml
MyBatis 연결 설정과 VO(DTO) 타입 설정, Mapper 등록을 한다-
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!--?xml version="1.0" encoding="UTF-8"?-->
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd">

<configuration>
	<settings>
		<setting name="cacheEnabled" value="true"></setting>
		<setting name="lazyLoadingEnabled" value="false"></setting>
		<setting name="multipleResultSetsEnabled" value="true"></setting>
		<setting name="useColumnLabel" value="true"></setting>
		<setting name="useGeneratedKeys" value="false"></setting>
		<setting name="defaultExecutorType" value="SIMPLE"></setting>
		<setting name="defaultStatementTimeout" value="25000"></setting>
		<!-- 전통적인 데이터베이스 컬럼명 형태인 A_COLUMN을 CamelCase형태의 자바 프로퍼티명 형태인 aColumn으로 자동으로 매핑하도록 함 -->
		<setting name="mapUnderscoreToCamelCase" value="false"></setting>
		<setting value="VARCHAR" name="jdbcTypeForNull"></setting>
	</settings>

	<typealiases>		
		<typealias alias="resumeComment" type="com.miram.portal1.client.vo.ResumeCommentVO"></typealias>	
	</typealiases>

	<mappers>		
		<mapper resource="mybatis/home.xml"></mapper>
	</mappers>
</configuration>


3.Mapper.xml
DAO와 연결하여 Query문 작성
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!--?xml version="1.0" encoding="UTF-8"?-->
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.miram.portal1.admin.dao.AdminDAO">
	<select id="getAdmin" parametertype="String" resulttype="admin">
		SELECT *
		FROM MEM_ADMIN
		WHERE ADMIN_ID = #{admin_id}
	</select>
</mapper>


4.context.xml
Context 파일에 SqlSessionTemplate와 SqlSessionFactoryBean을 등록하고, DAO 빈을 등록하며 이 둘을 property로 준다-
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<bean id="HomeDAO" class="org.mybatis.spring.mapper.MapperFactoryBean">
	<property name="mapperInterface" value="com.miram.portal1.client.dao.HomeDAO"/>
	<property name="sqlSessionFactory" ref="sqlSessionFactory"/>
	<property name="sqlSessionTemplate" ref="sqlSessionTemplate"/>
</bean>

<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
	<property name="dataSource" ref="dataSource"/>
	<property name="configLocation" value="classpath:/mybatis/MapperConfig.xml"/>
</bean>

<bean id="sqlSessionTemplate" class="org.mybatis.spring.SqlSessionTemplate">
	<constructor-arg ref="sqlSessionFactory"/>
</bean>

'Spring/Java' 카테고리의 다른 글

BLOB으로 저장 된 이미지 출력  (0) 2014.08.13
Excel Insert, poi  (0) 2014.08.12
AOP 사용, 어노테이션  (0) 2014.08.10
ppt to image/pdf 변환  (0) 2014.08.10
간단한 암호화, MD5, SHA1  (0) 2014.08.10

Recent Posts

Recent Comments

Recent Trackbacks