11/01/2560

การแสดง Report ที่สร้างผ่านเว็บไซต์

เมื่อเปิด Netbean ขึ้นมาให้ทำการ New project เลือก Categories เป็น JavaWeb Projects เป็น Web Application จากนั้นกด NEXT


Name and Location ให้ตั้งตามนี้
Project Name Report
Project Location D:\Wokspace\Report\jasperreports\myreports
Project Folder D:\Wokspace\Report\jasperreports\myreports\Report


หน้าต่าง NewWeb Application ให้ทั้งตามนี้
Server and Settingเป็นserver: GlassFish Server 4.0
Java EE Version: Java EE 7 Web
context Path: /Report3
จากนั้นกด Finish


เมื่อกด  Finish โปรแกรมจะเปิดหน้า Index.html ขึ้นมาให้เราสร้างปุ่มขึ้นมาหนึ่งปุ่มโดยกำหนด Action ไปที่ ReportServlet
ตากนั้นให้ไปที่รูปโ)รเจ็คเราที่ชื่อ Report แล้วไปที่ Web Pages แล้วดูไฟล์ชื่อ web.xml หากไม่มีไฟล์ให้ทำการสร้างไฟล์ดังนี้
คลิกขวาที่ Web Pages แล้วเลือก New > Other...


เมื่อคลิกไปแล้วโปรแกรมจะแสดงหน้า New file ขึ้นมา ในช่อง Filter ให้พิพม์ Xml
เราก็จะเห็นช่อง Categories ผุดออกมา เลือก Web แล้วเลือก File Type เป็น Standard Deployment... จากนั้นกด Finish


มองหา Source Packages ภายในจะเห็นว่า default packages คลิกขวา New > Servlet... โดยพิมพ์เข้าไปเลยตามนี้เลยในช่อง Class Name ว่า com.sample.ReportServlet จากนั้นกด Next



หน้า Configure Servlet Deployment ให้ติกถูกที่ Add information to depolyment descriptor(web.xml)
แล้วตรวจสอบว่า Servlet Name ชื่อ ReprtServlet กับ URL Patter ชื่อ/ReportServlet ถูกต้องหรือป่าวจากนั้นกด Finish


จากนั้นให้ทำการรันโปรเจ็คของเราโดยการคลิกขวาที่โปรเจ็คของเราแล้วเลือก Run


เมื่อกด Run แล้วจะเข้าสู้หน้า Index ที่เราออกแบบไว้ว่ามีปุ่มอยู่1ปุ่มให้ทำการคลิกไปที่ปุ่มนั้นเพื่อเป็นการทำสอบ


เมื่อคลิกที่ปุ่มแล้วขึ้นข้อความ Servlet ReportServlet at/Report ไม่ต้องตกใจแสดงว่ามาถูกทางแล้วเนื่องจากเรากำหนดปุ่ม submit ให้รันเข้า Servlet


จากนั้นเปิดไฟล์ ReportServlet.java ที่เราสร้างไว้ขึ้นมาทำการลบ code ตั้งแต่ public class ReportServlet extends HttpServlet ให้หมด


เมื่อลบเรียบร้อยแล้วให้ทำการใส่โค้ดตามนี้หากเจอ error ไม่ต้องตกใจเดียวเราจะมแก้ไขกันภายหลัง


ทำการสร้ง library ชื่อ lib ไว้ที่ D:\Workspace\Report\jasperreports\myreports\Report3\lib


จากนั้นไป copyไฟล์ jasperreports-6.1.0 จากโฟเดอร์  D:\Workspace\Report\jasperreports\dist และไฟล์
commons-codec-1.5.jar
commons-logging-1.1.1.jar
commons-collections-3.2.1.jar
commons-digester-2.1.jar
iText-2.1.7.js2.jar จากโฟเดร์ D:\Workspace\Report\jasperreports\lib
ไปวางไว้ที่โฟเดอร์D:\Workspace\Report\jasperreports\myreports\Report3\lib ที่เราสร้างไว้



ไฟล์ทั้งหมดจะมี6ไฟล์หากขาดไฟล์ใดไฟล์หนึ่งอาจจะ Run ไม่ออก หากมีไฟล์ใดหายไปสามารถทำการดาวน์โหลดได้


เปิด NetBeans ขึ้นมาคลิกขวาที่โปรเจ็คของเราแล้วเลือก Properties


โปรแกรมจะแสดง Project Properties จากนั้นหัวข้อ Categories  ให้คฃิกที่ Libraries แล้วกดปุ่ม add JAR/Folder


เมื่อกด Add JAR/Folder แล้วทำการเข้าไปที่ D:\Workspace\Report\jasperreports\myreports\Report3\lib แล้วเลือกไฟล์ทั้งหมดในนั้นแล้วกด Open จากนั้นกด OK


จากนั้นกลับไปที่ไฟล์ ReportServlet จะเห็นว่าไฟล์ error หายไปแล้ว หากยังเหลืออยู่ ให้กดไปทีี่หลอดไฟแล้วทำการแก้ไข


จากนั้นเข้าไปที่โฟเดอร์ของเรา D:\Workspace\Report\jasperreports\myreports\Report3\web แล้วทำการสร้าง โฟเดอร์ชือ reports


เปิด iReport ขึ้นมาสร้างฟอร์ม report แล้วตั้งชื่อไฟล์ตาม  .getRealPath("/reports/Simple_Report2.jasper"));
นั้นคือ Simple_Report2.jasper


บันทึกไฟล์ไว้ที่ D:\Workspace\Report\jasperreports\myreports\Report3\web\reports


กลับไปที่ iReport หาหัวข้อ Properties แล้วเลื่อนลงมาจนเจอ language ให้เปลี่ยนจาก Groovy เป็น Java แล้วทำการบันทึก


กดปุ่ม Complie Report


กลับไปที่ Netbeans คลิกขวาที่โปรเจ็คของเราแล้วเลือก Clean and Build ตามด้วย Deploy และ Run



#หากเกิดปัญหา Error 

HTTP Status 500 - Internal Server Error

เนื่องจาก iReport ไม่สามารถแสดงข้อความเป็นภาษาไทยได้ วิธีแก้ไขมีดังนี้
หากเกิด error ในขันตอนที่ 5 .1 ให้ปิดโปรแกรมแล้วเปิดใหม่โดยการ Run admintion

ไม่มีความคิดเห็น:

แสดงความคิดเห็น