20 Eylül 2014 Cumartesi

Jsp ile Basit Dört işlem

Merhaba, hatırlarsanız  Neden yazıyorum? Neler yazacağım ? başlıklı yazımda sizlere(yeni başlayanlara) dört işlem ve form işlemlerinden başlayarak belirli bir java seviyesi kazandırmayı amaçladığımı belirtmiştim.
Bu yazımda  jsp sayfası üzerinden form işlemleri çerçevesinde basit aritmetik işlemler(Toplama,Çıkarma,Çarpma,Bölme) yapacağız.

Hemen intelliJ ile bir web(Spring MVC) projesi oluşturarak işe başlıyoruz.
Projenin bitmiş hali aşağıdaki yapıda olacaktır:


Oluşturduğumuz projenin görsel tarafıyla zaman kaybetmemek adına projeyi  bootstrap üzerine inşa edeceğim.
Öncelikle bootstrap  kaynak(source) linklerini jsp sayfamıza ekleyelim.

index.html 
<!-- minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Projede jquery ve ajax post işlemleri yaptıracağımız için Jquery  kodlarını da   sayfaya ekleyelim.
 index.html
<!-- minified jQuery -->
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>


sonuçları json formatında alacağım için pom xml'e jackson-mapper-asl' yi ekliyorum.
pom.xml 
        <dependency>
            <groupId>org.codehaus.jackson</groupId>
            <artifactId>jackson-mapper-asl</artifactId>
            <version>1.7.1</version>
        </dependency>

OpController.java dosyasında tüm işlemler(toplama,çıkarma,çarpa,bölme) için birer method ekleyelim.

OpController.java 
    @RequestMapping(value = "/topla.html", method = RequestMethod.POST)
    public
    @ResponseBody
    Numbers topla(HttpServletRequest request, HttpServletResponse response)
            throws Exception {
        Numbers numbers = new Numbers();
        numbers.setFirstNum(Integer.parseInt(request.getParameter("firstNum")));
        numbers.setSecNum(Integer.parseInt(request.getParameter("secNum")));
        numbers.setResult((double) (numbers.getFirstNum() + numbers.getSecNum()));
        return numbers;
    }


Yazıda bilgi tekrarı yaparak sizleri sıkmamak adına yazımı burada sonlandırıyorum.Kolay anlaşılabilmesi için  projenin kaynak kodlarını yazarken gerekli yerlerde  yorum satırları ekledim. Bu size yol gösterecektir.

Projenin çıktısı aşağıdaki gibi olacaktır:




kaynak dosyalar(github) : indirmek için tıklayın

Hiç yorum yok:

Yorum Gönder