반응형
반응형

윈도우에서 작성한 파일을 Linux에 올리면 개행 문자가 깨져서 ^M가 보이는 경우가 있습니다. 그걸 없애는 방법을 알려드리겠습니다.

 

^M = Ctrl + v + Enter 

지우는법 : sed -i 's/^M//g' 경로

 

반응형
반응형
package com.company.aa;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.http.HttpServletResponse;

import org.json.JSONObject;

public class JsonAPI {

	public void flushJson(Object json, HttpServletResponse response) throws IOException {
		
		// 출력
		response.setContentType("application/json; charset=UTF-8");
		PrintWriter writer = null;

		writer = response.getWriter();
		writer.print(json);
		writer.flush();
	}
	
}
반응형
반응형
package com.company.aa;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
import java.io.Reader;

import com.jcraft.jsch.Channel;
import com.jcraft.jsch.ChannelExec;
import com.jcraft.jsch.ChannelSftp;
import com.jcraft.jsch.JSch;
import com.jcraft.jsch.JSchException;
import com.jcraft.jsch.Session;
import com.jcraft.jsch.SftpException;
import com.jcraft.*;

public class Linux {

	public void runCommand(String userName, String password, String ip, String command)
			throws IOException, JSchException {

		Channel channel = null;

		// 1. 서버 연결
		Session session = connect(userName, password, ip);

		// 2. 리눅스 명령어 실행가능한 객체 생성
		ChannelExec channelExec = makeChannelExec(session, channel);

		// 3. 실행할 명령어 설정
		setCommand(channelExec, command);

		// 4. 응답값을 안 받아올 경우 실행하고 실행도중에 바로 연결을 끊기 때문에 그에 대한 응답값을 받아오는 과정이 필요하다
		String result = getCommandReturn(channelExec);

		// 5. 연결 끊기
		disconnect(channel, session);
	}

	public String getReturn(String userName, String password, String ip, String command)
			throws IOException, JSchException {

		Channel channel = null;

		// 1. 서버 연결
		Session session = connect(userName, password, ip);

		// 2. 리눅스 명령어 실행가능한 객체 생성
		ChannelExec channelExec = makeChannelExec(session, channel);

		// 3. 실행할 명령어 설정
		setCommand(channelExec, command);

		// 4. 명령어 결과를 읽어내는 과정
		String result = getCommandReturn(channelExec);

		// 5. 연결 끊기
		disconnect(channel, session);

		return result;
	}

	public void transferFile(String userName, String password, String ip, String sourcePath, String destinationPath)
			throws IOException, JSchException, SftpException {

		Channel channel = null;

		// 서버 연결
		Session session = connect(userName, password, ip);

		// sftp 준비
		ConnectChannelSftp(channel, session, sourcePath, destinationPath);

		// 연결 끊기
		disconnect(channel, session);

	}

	private void ConnectChannelSftp(Channel channel, Session session, String sourcePath, String destinationPath)
			throws JSchException, SftpException {

		ChannelSftp channelSftp = null;

		channel = session.openChannel("sftp");
		channel.connect();
		channelSftp = (ChannelSftp) channel;
		channelSftp.put(sourcePath, destinationPath); // 파일을 전송하는 메소드
		channelSftp.disconnect();
	}

	private ChannelExec makeChannelExec(Session session, Channel channel) throws JSchException {

		// sftp 채널을 연다.
		channel = session.openChannel("exec");

		// 채널을 SSH용 채널 객체로 캐스팅한다 → 연 채널의 명령어를 입력할 수 있는 구조로 바꾸는 과정
		ChannelExec channelExec = (ChannelExec) channel;
		channelExec = (ChannelExec) session.openChannel("exec");

		return channelExec;
	}

	private Session connect(String userName, String password, String ip) throws JSchException {

		Session session = null;

		// ssh 포트
		int port = 22;

		// JSch 객체[리눅스 연결]를 생성한다.
		JSch jsch = new JSch();
		session = jsch.getSession(userName, ip, port);

		// 패스워드를 설정한다.
		session.setPassword(password);

		// 세션과 관련된 정보를 설정한다.
		java.util.Properties config = new java.util.Properties();

		// 호스트 정보를 검사하지 않는다.
		config.put("StrictHostKeyChecking", "no");
		session.setConfig(config);

		// 접속한다.
		session.connect();

		return session;
	}

	private void disconnect(Channel channel, Session session) {
		if (channel != null)
			channel.disconnect();
		if (session != null)
			session.disconnect();
	}

	private void setCommand(ChannelExec channelExec, String command) throws IOException, JSchException {

		// 7. 명령어 실행할 명령어 설정
		channelExec.setCommand(command);
		channelExec.connect();

		channelExec.setErrStream(System.err);

	}

	public String getCommandReturn(ChannelExec channelExec) throws IOException, JSchException {

		// 8. 명령어 결과를 읽어 과정
		BufferedReader inputStream = new BufferedReader(new InputStreamReader(channelExec.getInputStream(), "utf-8"));

		StringBuilder response = new StringBuilder();
		String line;

		while ((line = inputStream.readLine()) != null) {
			response.append(line + '\n');
//			System.out.println(line);
		}

		return response.toString();
	}

}
<dependency>
    <groupId>com.jcraft</groupId>
    <artifactId>jsch</artifactId>
    <version>0.1.54</version>
</dependency>
반응형
반응형

 

var PageSize = 10; // 페이지당 보여줄 목록수
var PageGroupSize = 10; // 페이지네이션 리스트 수
var TableAndPage = "makeTableAndPagination";
var currentPageNumStorage;

$(document).ready(
	$(function() {
		makeTableAndPagination('1');
	})
)

var makeTableAndPagination = function(p_currentPage) {

	var TotalCount;
	var count;

	var tag = "";

	$.ajax({
		type: "GET",
		url: "getInformation?pageNum=" + p_currentPage,
		success: function(data) {

			// 총 데이터 수
			TotalCount = data.total;

			// 페이지네이션 그리기
			tagFactoryPage(p_currentPage, TotalCount);
			
			// 현재 페이지번호 → 현재 페이지 번호를 기억시켜 다른 action을 해도 그대로 있게 하기
			currentPageNumStorage = p_currentPage;
		}
	}); // ajax 종료
}


var tagFactoryPage = function(currentPage, total) {

	var total = total; // 전체건수
	var currentPage = currentPage; // 현재페이지

	var pageTotCount = Math.ceil(tot_count / indexPageSize); // 전체페이지수 → 15 / 10 = 0.5 → 1
	var numPageGroup = Math.ceil(currentPage / indexPageGroupSize); // 현재페이지가 10 이내일 경우 → 1
																	
	var startPage = (numPageGroup - 1) * PageGroupSize + 1; // 1 11 21
	var endPage = startPage + PageGroupSize - 1 // 10 20 30

	if (endPage > pageTotCount) endPage = pageTotCount; // 마지막페이지가 전체페이지보다 큰경우 처리 20 > 12

	var HtmlTag = "";

	// 첫번째페이지 표시 >> 누르면 가장 마지막 페이지 이동
	// 1 ~ 10 페이지에 속하지만 않으면 무조건 나옵니다. 
	if (startPage <= PageGroupSize) HtmlTag += ""; // startPage(1, 10, 20) 이 PageGroupSize(1[1~10], 2[11~20]) 보다
	else HtmlTag += "<li class='page-item page-item1'><a href=# class='page-link' onclick=" + TableAndPage + "('1')>  《 </a></li>";

	// 이전페이지 표시 < 누를시 11 ~ 20 은 10으로 21 ~ 30 은 20으로 이동합니다.
	// 1 ~ 10 페이지에 속하지만 않으면 무조건 나옵니다. 
	if (startPage <= PageGroupSize) HtmlTag += "";
	else HtmlTag += "<li class='page-item page-item1'><a href=# class='page-link' onclick=" + TableAndPage + "('" + (startPage - 1) + "')>〈 </a></li>";

	var idx = 0;
	for (idx = startPage; idx <= endPage; idx++) {

		// 자기자신의 페이지일경우 active 활성화와 하이퍼링크 제거
		if (currentPage == idx) HtmlTag += "<li class='page-item page-item1 active' id=pagination value='" + idx + "'><a href=# class='page-link'>" + idx + "</a></li>";
		else HtmlTag += "<li class='page-item page-item1'><a class='page-link' href=# onclick=" + TableAndPage + "('" + idx + "')>" + idx + "</a></li>";

	}

	// 다음페이지 표시 > 누를시 1 ~ 10 은 11으로 11 ~ 20 은 21으로 이동합니다.
	// 전체 페이지가 마지막 페이지부분만 아니면 >로 이동 가능한 페이지네이션을 만듭니다.
	if (pageTotCount == endPage) HtmlTag += "";
	else HtmlTag += "<li class=page-item page-item1><a class='page-link' onclick=" + TableAndPage + "('" + (endPage + 1) + "')>〉</a></li>"; // 다음

	// 마지막페이지 표시 >> 누르면 가장 마지막 페이지 이동
	// 전체 페이지가 마지막 페이지부분만 아니면 >로 이동 가능한 페이지네이션을 만듭니다.
	if (pageTotCount == endPage) HtmlTag += "";
	else HtmlTag += "<li class=page-item page-item1><a class='page-link' href=# onclick=" + TableAndPage + "('" + pageTotCount + "')> 》 </a></li>";

	$(".page-item1").remove();         // 페이지네이션이 그려졌던 걸 지우고 다시 그립니다. → 안 지우면 페이지 이동시 남아 있는 상태로 붙여넣기가 된다.
	$("#page_list_navi").append(HtmlTag); // 새롭게 프로젝트 list를 생성한다.

}

ajax통신을 하는 javascript입니다.

 

<div class="paging">
    <ul class="pagination justify-content-center"
        id="page_list_navi_index">
    </ul>
</div>

html에서 페이지네이션을 그려넣을 부분입니다.

무조건 전체갯수가 필요합니다

반응형
반응형
file_path = 파일경로 # 예) ./dic/logs/log.txt

dir_name=$(dirname $file_path)    # 파일이름을 뺀 경로  dic/logs
base_name=$(basename  $file_path) # 파일이름.확장자 log.txt
file_name=${base_name%.*} # 파일이름 log
file_ext=${base_name#*.} # 확장자 txt

 

index_name=$(basename ./$2 .txt) # 2번째 파라미터 값에 txt를 제거한다.
# basename ${파일명} ${제거할 확장자명}

 

mappings_text=$(<$2) # 2번째 파라미터의 내용(.txt일 경우 txt파일 내용)을 넣는다.
# ${변수}=$(<${파일Path})
반응형
반응형

 

프로젝트 우클릭 - Configure - Convert to 바꿀 프로젝트 구조

반응형
반응형
<script>
// var로 선언한 변수는 중복해서 선언이 가능하다
// Change 함수에 idx 값을 넣는다 (1)
function Change(idx) {
    // pageNum 변수에 idx 값을 저장한다. 현재 페이지 번호 = 1
    var pageNum = idx; // var pageNum = 1;
    // 한 페이지에 보여줄 게시물 수 = amount라는 id에 접근하여 value 값 가져오기 (jquery 사용)
    var amount = $("#amount").val();
    // 한 페이지에 보여줄 게시물 수 = 10 일때
    if(amount == 10) {
        // location.href = 자바스크립트 페이지 이동 기능
        // 첫 번째 페이지에 10개의 게시물을 보이기
        location.href="paging?pageNum="+pageNum+"&amount="+amount;
    } else if(amount == 15) {
        location.href="paging?pageNum="+pageNum+"&amount="+amount;
    } else if(amount == 20) {
        location.href="paging?pageNum="+pageNum+"&amount="+amount;
    }
}
</script>


<div class="form-group">
    <select id="amount" onchange="Change(1)">
        <!-- selected="selected"를 안 붙이면 셀렉트 박스가 기본값으로 초기화 됨 -->
        <option value="10" <c:if test="${pageVO.amount == 10}">selected="selected"</c:if>>10개씩 보기</option>
        <option value="15" <c:if test="${pageVO.amount == 15}">selected="selected"</c:if>>15개씩 보기</option>
        <option value="20" <c:if test="${pageVO.amount == 20}">selected="selected"</c:if>>20개씩 보기</option>
    </select>
</div>

전에 올렸던 Pagination Code에 해당 내용을 jsp에 추가하면 됩니다.

반응형
반응형
package my.spring.project;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;

public class DB {

	// DB 연결
	public Connection connectDB(String id, String password, String url) throws ClassNotFoundException, SQLException {
		// 1. 드라이버 로딩
		Class.forName("com.mysql.cj.jdbc.Driver");

		// 2. DB 연결
		Connection conn = DriverManager.getConnection(url, "root", "1234");

		return conn;
	}
	
	// 전체 게시글 수 가져오기
	public int getTotalRecord(String tableName, Connection conn) throws SQLException {
		
		ResultSet countRs;
		

		// 쿼리 실행 준비작업
		String sql = "SELECT count(*) FROM " + tableName;
		PreparedStatement pstmt = conn.prepareStatement(sql);
		
		// 쿼리 실행
		countRs = pstmt.executeQuery();
		
		countRs.next();
		
		//쿼리 결과
		int total = countRs.getInt(1);

		return total;
	}

	// 현재 페이지 게시물 정보 가져오기
	public ArrayList<BoardVO> getRecordForPageNum(
			Connection conn, int total, int pageNum, int amount) throws SQLException {
		
		ResultSet boardRs;
		
		// 페이지에 따른 게시물 정보 가져오기
		
//		// 방법1
//		String sql = "(SELECT @junho:=0);"
//
//		// 방법1
//				
//		String sql = "select * \r\n"
//				+ "	from(SELECT @junho:=@junho+1 rn, A.* FROM mytable A ) total \r\n"
//				+ "where rn > 0 and rn <= 290;"
		
		
		// 방법2
		String sql = "select * "
				+ "from(SELECT @ROWNUM:=@ROWNUM+1 rn, A.* FROM mytable A, (SELECT @ROWNUM:=0) R order by rn desc) total "
				+ "where rn > ? and rn <= ?;";

		PreparedStatement pstmt = conn.prepareStatement(sql);

		pstmt.setInt(1, total - (pageNum * amount));		
		pstmt.setInt(2, total - ((pageNum - 1) * amount));
		
		boardRs = pstmt.executeQuery();
		
		ArrayList<BoardVO> boardList = new ArrayList();

		// 게시물 정보 가져오기
		while(boardRs.next()) {
			BoardVO dto = new BoardVO();
			
			dto.setId(boardRs.getInt(1));
			dto.setName(boardRs.getString(3));
			dto.setPhone(boardRs.getString(4));
			dto.setEmail(boardRs.getString(5));
			dto.setAddress(boardRs.getString(6));

			boardList.add(dto);
		}
		
		return boardList;
	}

	// DB 연결 끊기
	public void closeConnect(Connection conn) throws SQLException {

		conn.close();
	}
}​
package my.spring.project;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.text.DateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.Locale;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

/**
 * Handles requests for the application home page.
 */
@Controller
public class HomeController {

	
	@RequestMapping(value = "/paging", method = RequestMethod.GET)
	public String home(Locale locale, Model model, HttpServletRequest request, HttpServletResponse response) throws ClassNotFoundException, SQLException {

		int pageNum = 1; // default 현재 페이지
		int amount = 10; // default 한 페이지에 보여줄 게시물 수
		int paginationNum = 10; // default 페이지네이션 리스트 수
		
		// pageNum, amount 파라미터 값 가져오기
		if(request.getParameter("pageNum") != null && request.getParameter("amount") != null && request.getParameter("paginationNum") != null) {
			pageNum = Integer.parseInt(request.getParameter("pageNum"));
			amount = Integer.parseInt(request.getParameter("amount"));
			paginationNum = Integer.parseInt(request.getParameter("paginationNum"));
		}
		
		// mysql 8.0 이용 중

		// 연결할 db 정보
		String drive = "com.mysql.cj.jdbc.Driver";
		String url = "jdbc:mysql://localhost:3306/konan?useSSL=false&serverTimezone=Asia/Seoul";
		String id = "root";
		String password = "1234";

		// DB 연결
		DB db = new DB();
		Connection conn = db.connectDB(id, password, url);
		
		
		// 전체 게시물 수 
		String tableName = "mytable";
		int total = db.getTotalRecord(tableName, conn);
		
		// 현재 페이지 게시물 정보
		ArrayList<BoardVO> boardList = db.getRecordForPageNum(
				conn, total, pageNum, amount);
		
		// 페이징에 필요한 정보
		Board board = new Board();
		PageVO pageVO = new PageVO();
		pageVO = board.setPageVO(total, pageNum, amount, paginationNum);
		
		// DB 연결 끊기
		db.closeConnect(conn);
		
		// view에 사용할 데이터 model에 담아 보내주기
		model.addAttribute("pageVO",pageVO);
		model.addAttribute("boardList",boardList);
		
		return"paging";
	}
	
}
package my.spring.project;

//페이징 정보 담는 VO
public class PageVO {

	private int total; // 전체 글 수
	private int amount; // 한 페이지에 보여줄 게시글 수
	private int pageNum; // 현재 페이지 번호
	private int startPage; // 페이지네이션 시작 번호
	private int endPage; // 페이지네이션 끝 번호
	private int realEnd; // 페이제니이션 진짜 끝 번호
	private int prevPage; // 10 페이지 전 이동
	private int nextPage; // 10 페이지 후 이동
	private int paginationNum; // 페이지네이션 보여질 갯수 [1 2 3  ... 10]일경우 paginationNum = 10
	
	// 예) 전체글수가 180개이고 현재 페이지가 15이고 10개씩 보여줄시
	// startPage는 10이 되는 것이고 endPage는 20이 된다.
	// realEnd는 18이 된다.
	
	public int getStartPage() {
		return startPage;
	}
	public int getPaginationNum() {
		return paginationNum;
	}
	public void setPaginationNum(int paginationNum) {
		this.paginationNum = paginationNum;
	}
	public int getPrevPage() {
		return prevPage;
	}
	public void setPrevPage(int prevPage) {
		this.prevPage = prevPage;
	}
	public int getNextPage() {
		return nextPage;
	}
	public void setNextPage(int nextPage) {
		this.nextPage = nextPage;
	}
	public void setStartPage(int startPage) {
		this.startPage = startPage;
	}
	public int getEndPage() {
		return endPage;
	}
	public void setEndPage(int endPage) {
		this.endPage = endPage;
	}
	public int getRealEnd() {
		return realEnd;
	}
	public void setRealEnd(int realEnd) {
		this.realEnd = realEnd;
	}
	public int getTotal() {
		return total;
	}
	public void setTotal(int total) {
		this.total = total;
	}
	public int getAmount() {
		return amount;
	}
	public void setAmount(int amount) {
		this.amount = amount;
	}
	public int getPageNum() {
		return pageNum;
	}
	public void setPageNum(int pageNum) {
		this.pageNum = pageNum;
	}
	
	
}
package my.spring.project;

// 게시글 담는 VO
public class BoardVO {

	private int id;
	private String name;
	private String phone;
	private String email;
	private String address;
	
	public int getId() {
		return id;
	}
	public void setId(int id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPhone() {
		return phone;
	}
	public void setPhone(String phone) {
		this.phone = phone;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public String getAddress() {
		return address;
	}
	public void setAddress(String address) {
		this.address = address;
	}
	
	
	
}
package my.spring.project;

public class Board {

	public PageVO setPageVO(int total, int pageNum, int amount, int paginationNum) {

		PageVO pageVO = new PageVO();
		
		// 1.0을 곱하는 이유는 int형 / int형 일 경우 결과값이 int형이다 
		// 예를 들어 결과값이 0 ~ 1일 경우 올림 해도 0이 나오기 때문에 로직에 오류가 생기게 된다.
		int endPage = (int)Math.ceil(pageNum * 1.0 / paginationNum) * paginationNum; 
		// 예) (5 / 3) * 3 -> 5페이지의 끝 페이지네이션은 6
		int startPage = endPage - paginationNum + 1 ; // 예) 20페이지 - 페이지네이션갯수 + 1 -> 11
		int prevPage = startPage - 1; // 무조건 시작페이지 -1 예) 18 에서 << 클릭시 10페이지로 이동
		int nextPage = startPage + paginationNum; // 18에서 >> 클릭시 21페이지로 이동
		int realEnd = (int)Math.ceil(total * 1.0 / amount); // 실제 마지막 페이지
		
		if(endPage > realEnd) endPage = realEnd;
		// 끝 페이지 경우 endPage가 realEnd보다 크면 endPage는 realEnd값이 된다.

		pageVO.setPaginationNum(paginationNum);
		
		pageVO.setPrevPage(prevPage);
		pageVO.setNextPage(nextPage);
		
		pageVO.setAmount(amount);
		pageVO.setPageNum(pageNum);
		pageVO.setTotal(total);
		
		pageVO.setStartPage(startPage);
		pageVO.setEndPage(endPage);
		pageVO.setTotal(total);
		pageVO.setRealEnd(realEnd);
		
		return pageVO;
	}

}
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html>
<head>
<link
	href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
	rel="stylesheet"
	integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
	crossorigin="anonymous">

<title>Home</title>
</head>
<body>


	<!-- 게시글 start-->
	<table border=1>
		<thead>
			<tr>
				<th>id</th>
				<th>name</th>
				<th>phone</th>
				<th>email</th>
				<th>address</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="item" items="${boardList}">
				<tr>
					<td>${item.id}</td>
					<td>${item.name}</td>
					<td>${item.phone}</td>
					<td>${item.email}</td>
					<td>${item.address}</td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	<!-- 게시글 end-->

	<!-- 페이징 start-->
	<nav aria-label="Page navigation example">
		<ul class="pagination">


			<!-- 페이지네이션 중 first start -->
			<c:if test="${ pageVO.pageNum > pageVO.paginationNum}">
				<li class="page-item">
					<a class="page-link"
						href="/paging?pageNum=1&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}" aria-label="Previous"> 
						<span aria-hidden="true">first</span>
					</a>
				</li>
			</c:if>
			<!-- 페이지네이션 중 first end -->


			<!-- 페이지네이션 중 << 기호 start -->
			<c:if test="${ pageVO.pageNum > pageVO.paginationNum}">
				<li class="page-item">
					<a class="page-link"
						href="/paging?pageNum=${pageVO.prevPage}&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}" aria-label="Previous"> 
						<span aria-hidden="true">&laquo;</span>
					</a>
				</li>
			</c:if>
			<!-- 페이지네이션 중 << 기호 end -->

			<!-- 페이지네이션 중 < 기호 start -->
			<c:if test="${ pageVO.pageNum != 1}">
				<li class="page-item">
					<a class="page-link"
						href="/paging?pageNum=${pageVO.pageNum-1}&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}" aria-label="Previous"> 
						<span aria-hidden="true">&lt;</span>
					</a>
				</li>
			</c:if>
			<!-- 페이지네이션 중 < 기호 end -->

			<!-- 페이징번호 표현 start -->
			<c:forEach var="num" begin="${pageVO.startPage}" end="${pageVO.endPage}">

				<c:if test="${ pageVO.pageNum == num}">
					<li class="page-item active">
						<a class="page-link"
							href="/paging?pageNum=${num}&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}">${num}
						</a>
					</li>
				</c:if>
				
				<c:if test="${pageVO.pageNum != num}">
					<li class="page-item">
						<a class="page-link" 
							href="/paging?pageNum=${num}&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}">${num}
						</a>
					</li>
				</c:if>
				
			</c:forEach>
			<!-- 페이징번호 표현 end -->

			<!-- 페이지네이션 중 > 기호 start-->
			<c:if test="${ pageVO.pageNum != pageVO.realEnd }">
				<li class="page-item">
					<a class="page-link" 
						href="/paging?pageNum=${pageVO.pageNum+1}&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}" aria-label="Next"> 
					<span aria-hidden="true">&gt;</span>
					</a>
				</li>
			</c:if>
			<!-- 페이지네이션 중 > 기호 end-->

			<!-- 페이지네이션 중 >> 기호 start-->
			<c:if test="${ pageVO.endPage != pageVO.realEnd }">
				<li class="page-item">
					<a class="page-link" 
						href="/paging?pageNum=${pageVO.nextPage}&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}" aria-label="Next"> 
					<span aria-hidden="true">&raquo;</span>
					</a>
				</li>
			</c:if>
			<!-- 페이지네이션 중 >> 기호 end-->
			
			<!-- 페이지네이션 중 last start-->
			<c:if test="${ pageVO.endPage != pageVO.realEnd }">
				<li class="page-item">
					<a class="page-link" 
						href="/paging?pageNum=${pageVO.realEnd}&amount=${pageVO.amount}&paginationNum=${pageVO.paginationNum}" aria-label="Next"> 
					<span aria-hidden="true">last</span>
					</a>
				</li>
			</c:if>
			<!-- 페이지네이션 중 last end-->
			
		</ul>
	</nav>
	<!-- 페이징 end-->

</body>
</html>

 

결과화면

반응형
반응형

📝Ajax 통신

 $.ajax({
     url:_search_url,
     //dataType:"JSON",
     type: 'POST',
     data: {
         search  : search,
         offset  : offset,
         limit   : limit,
         startDate : startDate,
         endDate : endDate,
         searchType : searchType
     },
     success: function( data ) {

                 .....


        $("#data_uniq1").html(tag); //새롭게 프로젝트 list를 생성한다.
         ....
     },//success
     error : function(xhr, status, error) {
         alert("에러 발생");
     }
 }); //ajax end

ajax에 대해서 먼저 이야기 하겠습니다.

 

📝type

어떤 통신방식을 이용할지에 대해 적어주시면 됩니다.

종류 : GET, POST

 

📝url

통신할 URL입니다.

 

📝data

보낼 데이터입니다. json 형식이라고 생각하시면 됩니다.

예) search (키) search(값)

 

📝dataType

보낼 데이터에 대한 정의입니다.

종류 : "html", "xml", "json", "text"

 

📝success : function(data)

통신에 성공했을 시 작동할 콜백함수입니다.

성공시 반환해주는 return값이 data라는 변수에 들어가게 되어서 data라는 이름으로 이용하게 됩니다.

(data가 아니라 abc 이런식으로 바꿔도 상관 없음 → success : function(abc) )

 

📝error : function()

전송에 실패하면 실행될 코드입니다.

 

 

ajax통신할 때 장점은 화면이 깜빡 거리지 않는다는 장점이 있습니다. (SPA)

반응형