반응형
write.jsp에 summernote 추가하기
<body>
<%@ include file="./menu.jsp"%>
<h1>글을 작성하는 페이지</h1>
<!-- form 글 제목, 글 내용 -->
<form action="./write" method="post"> <!-- get/post방식 -->
<input type="text" name="title" id="title"><br>
<textarea id="summernote" name="content" class="content"></textarea><br>
<button class="writeBtn" type="submit" onclick="return check()">글쓰기</button>
</form>
<script type="text/javascript">
$(document).ready(function() {
$('#summernote').summernote({
height: 400
});
});
</script>
<button onclick="location.href='./index.jsp'">글 목록</button>
조회수 카운트하는 코드
// BoardDAO 파일 아래 코드 추가
// 조회수 +1 메소드 호출
countUp(no);
// 조회수 올리기
private void countUp(String no) {
Connection conn = dbCon.getConn();
PreparedStatement pstmt = null;
String sql = "UPDATE board SET board_count=board_count+1 WHERE board_no=?";
try {
pstmt = conn.prepareStatement(sql);
pstmt.setString(1, no);
pstmt.execute();
} catch (SQLException e) {
e.printStackTrace();
} finally {
close(null, pstmt, conn);
}
}
웹페이지 상단 메뉴 만들기
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<link rel="stylesheet"
href="http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<style>
body{
margin: 0;
padding: 0;
}
.navi {
width: 100%;
height: 50px;
text-align: center;
background-color: black;
}
.menu {
margin: 0 auto;
width: auto;
height: 50px;
text-align: center;
}
.menu li {
width: 100px;
height: 50px;
display: inline-block;
text-align: center;
color: white;
line-height: 50px;
}
.menu li:hover {
background-color: rgb(144, 144, 144);
}
.main {
margin: 0px 5px;
width: auto;
height: auto;
background-color: rgb(204, 255, 255);
}
</style>
<div>
<nav class="navi">
<ul class="menu">
<li onclick="url('./')"><i class="xi-home"></i> Home</li>
<li onclick="url('./board')"><i class="xi-xi-document"></i> 게시판</li>
<li onclick="url('./notice')"><i class="xi-info"></i> 문의사항</li>
<li onclick="url('./login')"><i class="xi-log-in"></i> 로그인</li>
</ul>
</nav>
</div>
<script>
function url(url){location.href=url;}
</script>
반응형
'개발 공부 Today I Learned' 카테고리의 다른 글
| [국비 34일차 TIL] jstl 기초 시작 (0) | 2024.01.09 |
|---|---|
| [국비 33일차 TIL] 웹 페이지 제작 방법, 미니 프로젝트 시작 (1) | 2024.01.08 |
| [국비 31일차 TIL] 비주얼 스튜디오에서 html (1) | 2024.01.04 |
| [국비 30일차 TIL] 스레드, 중첩 클래스, 입출력 스트림, (1) | 2024.01.03 |
| [국비 29일차 TIL] 게시판 만들기 2 (글 저장, 글 수정) (0) | 2024.01.02 |
댓글