본문 바로가기

개발중

(618)
Data → Excel 변환 Data → Excel 변환 pom.xml org.apache.poi poi-ooxml 3.17 Controller 에서 import java.io.File; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.util.List; import org.apache.poi.ss.usermodel.BorderStyle; import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellStyle; import org.apache.poi.ss.usermodel.FillPatternType; ..
java 에서 data → excel 파일 Java 에서 생성한 Data를 Excel 로 만들어서 내보내려고 한다. POI를 이용하기 때문에 pom.xml 에 아래 코드를 추가해 주었다 org.apache.poi poi 4.1.2 아래 코드를 실행 결과 Style이 적용이 안되어서 적용을 시켜보아야겠다. public void ExcelDownload(List list){ // Workbook 생성 Workbook xlsWb = new HSSFWorkbook(); // Excel 2007 이전 버전 Workbook xlsxWb = new XSSFWorkbook(); // Excel 2007 이상 // *** Sheet------------------------------------------------- // Sheet 생성 Sheet sheet1..
Event Bus 지금 내가 구현하고자 하는 코드는 아래 두가지 컴포넌트 가 존재하는데 첫번째는 리스트 이고 두번째는 입력창 이다. 두번째 입력창에서 Data를 Insert 한 후에 popup 창이 사라지면서 첫번째 화면에서는 새롭게 Data를 loading 해야 한다. 근데 서로 다른 컴포넌트에서 구현한 메소드이기 때문에 고민이 있었다. Insert 를 해준 후에 리스트를 가지고 오는 Method 를 호출 하는 방법이 최선이기 때문에. 이벤트 버스를 이용해서 형제 요소가 가지고 있는 메소드를 호출하는 방법 을 찾았다. 1 ) main.js Vue.prototype.$EventBus = new Vue() 위에 코드를 main.js 에 추가 해준다. import Vue from 'vue' import App from './..
VueJs Select VueJs Select 페이지가 로딩되면 제일 먼저 DataBase 에서 Data 를 가지고 올 수 있게 해야한다. 1. template 를 준비 채널 문구 사용여부 등록일 {{vo.channel}} {{vo.phrase}} {{vo.usagestatus}} {{vo.registrationDate}} 2. axios.get 을 이용해서 Data 를 받아온다. const axios = require('axios') export default { el: '.divTableBody', data: function () { return { boardList: [] } }, created () { axios.get('/dataSelect') .then(res => { console.log('==>' + res.da..
VueJs Insert VueJs Insert 1. 입력을 받는다 분석 제외 문구 등록 채널 전체 블로그 카페 커뮤니티 문구 등 록 2. Data 들을 params 에 append 시킨 후에 axios 를 이용해서 '/dataInsert' 로 보내준다. dataInsert () { const params = new URLSearchParams() var channel = new Array(0) if (this.checkAll === true) { channel.push('채널') channel.push('카페') channel.push('커뮤니티') } else { if (this.check1 === true) { channel.push('블로그') } if (this.check2 === true) { channel.push(..
VueJS View → Controller Data 전달 View → Controller Data 전달 사용자의 정보를 입력 받아 Insert 하는 과정을 axios 를 이용해서 시도 했는데 params 에 data 들은 잘 저장이 되어 있고 controller 까지 잘 도착 했으나 controller 에서 data를 받는데 한계가 있었다. data Type 변환 var params = { check1: this.check1, check2: this.check2, check3: this.check3, analysis: this.analysis } params = JSON.stringify(params) 위에 처럼 json으로 보냈던 방법을 아래처럼 바꿔 보았다. const params = new URLSearchParams(); params.append('ch..
VueJS 체크박스 전체 선택 글이 도움이 되었다면 유튜브 클릭 해주세요 🖤 https://youtu.be/bz8h5adAHNc VueJS 체크박스 전체 선택 전체 블로그 카페 커뮤니티 여기서 checkAll 와 check.check1, check.check2, check.check3 은 같은 v-model 에 있지만 같은 역활은 아니다. data 에는 check.check1, check.check2, check.check3 만 명시가 되어 있을 뿐 checkAll 은 명시 되어 있지 않다. computed 를 사용하였기 때문에 그런 듯 하다. computed 에 정의하는 요소는 분명히 data 안에 정의된 속성도 사용 가능 한 걸로 알고 있는데 아무튼 안된다. 결국 전체를 선택 하는 순간 set 이 실행 됨으로써 checkAll 이..
VueJS no tap ERROR 해결시도 no tap 에러 진짜 심각하게 난다. 인터넷에 자료도 별로 없고 그래서 들여쓰기는 절대 상상도 못하고 다 왼쪽에 붙혀 쓴다. 첫번째 오류 잡기 ko.ojit.com/so/javascript/1619573 참고해서 변경은 해주었다. 에러 빵 원상복구 두번째 오류 잡기 지웠잖아!@@@@@@@@@@!!!!!!!!!!!!!!!!!!!!!!>???????????????? 자료 너무 없음, 해결 X