Reply to thread

Message: <blockquote data-quote="J Sparrow" data-source="post: 18806857" data-attributes="member: 387729">ඔන්න අපි අපේ 4 වෙනි  lesson එක පටන් ගන්නවා.මම මුලින්ම බොලාට කියලා දෙන්න යන්නේ basic. මොකද, මහ ලොකු  framework දන්නව අරක දන්නවා, මේක දන්නවා කියන dial වලට,  frameworks මොනවත් නැතුව simpleම simple java web project එකක් කරලා පෙන්නන්න කිව්වාට කරගන්න බෑ. <img src="/styles/default/xenforo/smilies/default/no.gif"  class="smilie" loading="lazy" alt=":no:" title="No    :no:" data-shortname=":no:" />මම  interview වලදී අනන්තවත්   දැකලා තියෙනවා එහෙම පොරවල්. ඉතිං විලි ලැජ්ජාවේ සන්තෝසේ බෑ එහෙම වෙලාවට. <img src="/styles/default/xenforo/smilies/default/rofl.gif"  class="smilie" loading="lazy" alt=":rofl:" title="ROFL    :rofl:" data-shortname=":rofl:" />අහ්! කලින් lessons දැක්කේ නැති කට්ටිය ඒවා go-through කරලාම එන්න<a href="http://www.elakiri.com/forum/showthread.php?t=1691762" target="_blank">java web development පළමු කොටස</a><a href="http://www.elakiri.com/forum/showthread.php?t=1691878" target="_blank">java web development දෙවෙනි කොටස - Application server එක configure කරමු.</a><a href="http://www.elakiri.com/forum/showthread.php?t=1692188" target="_blank">java web development 3 කොටස - IDE එක configure කරමු</a>මේ simpleම simple java web project එක කරන්න බොලාට IDE එක නැතුව උනත් පුළුවං. ඒත් අපි මේක STS එක use කරලාම කරමු.ඔන්න වැඩේට බැස්සා කොල්ලනේ!1 - මුලින්ම අපි අලුත්ම අලුත් කිරි කිරි  project එකක් පටන් ගන්න ඕනේ.<img src="http://i.imgur.com/OoLKS4U.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔය උඩ, වම් පැත්තේ තියෙන Package explorer කියන panel එක මැද right click කරපල්ලා.හරි ! දැං, New-->Other**ඔය මම කොළ පාටින්  box කරලා තියෙනවා වගේ  Dynamic Web Project කියලා  option එකක් තියෙනවානම් ඒක  click කලත් හරි! එක පාරින්ම වැඩේ ගොඩ.ඒත්  IDE එක අළුත්පිට හින්දා සහ උඹලා දෙයියනේ කියල ඒ වගේ project එකක්  start කරන පළවෙනි පාර හින්දා එහෙම option එකක් පේන්නේ නැතිවෙන්න බොහෝ දුරට ඉඩ කඩ තියෙනවා.**එහෙම නැත්තන්,  ctrl + n ගහපල්ලා! (බොලාට මම හරි පාරවලුයි, හොර පාරවලුයි ඔක්කෝම පෙන්නගෙන යන්නේ) <img src="/styles/default/xenforo/smilies/default/lol.gif"  class="smilie" loading="lazy" alt=":lol:" title="LOL    :lol:" data-shortname=":lol:" />**එහෙමත්  නැත්තන්  File--> New --> Other ගියත් හරි!<img src="http://i.imgur.com/fyLpohk.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔය  wizard එකේ පහලට  scroll කරන් ගියාම , Web කියලා Option එකක් හම්බෙනවා.අන්න expand ඒක කලාම පෙනෙයි බොලාට Dynamic Web Project කියලා  sub option එකක්. අන්න ඒක  select කරලා next කරහල්ලා.**එහෙම නැත්තන් ඔය උඩ මම කොළ පාටින්  box කරලා තියෙන text box එකේ  web කියලා  type කරලා එන  options වලිනුත් select කරන්න පුළුවන්.හරි! දැන් කලානේ?<img src="http://i.imgur.com/VJmXZ1K.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන්, Project name කියන තැනට තමන්ට කැමති  name එකක් දෙන්න බොලාට නිදහස තියෙනවා.ඊට පහළින් තියෙන Project location කියන තැන, Use default location කියන tick එක වැටිලා නැත්තන් ඒ  tick එක දාන්න.අනිත් හුයන්නවල් ගැන දැන්ම හිතන්න එපා, ඒවට අත නොතිය Finish ඔබාපියව්.<img src="http://i.imgur.com/AtTGNYY.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔහොම මඟුලක් එයි! tick එක දාලා Yes දුන්නාම හරි!** එක එක  project වර්ගයට අදාලව තමන්ට ඕනේ විදියට, IDE එක  customize (perspective change) කරගන්න පුළුවන්. මෙයා මේ කරලා දෙන්න හදන්නේ.., අපි හදන්නේ  java web project එකක් හින්දා ඒකට ගැළපෙන විදියට IDE එකේ tool kit හදලා දෙන එක.ඒක Yes කලානම් බොලාට, IDE එකේ එකේ පොඩි වෙනසක් පේන්න ඕනේ! අනම් මනම් රෙද්දවල් අයින් වෙලා  IDE එක ටිකක්  clean වෙලා පෙනේවි. <img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" />** කොහොම පෙනුනත් අව්ලක් නෑ! බොලා ඔක්කෝටම එකම විදියට නොපෙනෙන්නත් පුළුවන්! <img src="/styles/default/xenforo/smilies/default/dull.gif"  class="smilie" loading="lazy" alt=":dull:" title="Dull    :dull:" data-shortname=":dull:" />මගේ  IDE perspective උඹලට වඩා ටිකක් වෙනස් වෙන්න පුළුවං. මගේ  IDE එකේ තියෙන ඒවා බොලාගේ IDE එකේ පෙන්නන්නේ නෑ කියල නිකන් කලබල වෙන්න එපා.<img src="http://i.imgur.com/rzHSacs.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔය තියෙන්නේ අපේ කිරි කිරි Dynamic Web Project එක.ඔන්න අපි දැං පළවෙනි step එක සාර්ථකව ඉවර කලා! <img src="http://i.imgur.com/t313oB0.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />අපේ  project එක full expand කලාම පේන්නේ ඔය වගේ තමයි! දැන් හාස් හූස් ගාන්න එපා මේ මොන හුයන්නවල්ද කියලා! <img src="/styles/default/xenforo/smilies/default/frown.gif"  class="smilie" loading="lazy" alt=":frown:" title="Frown    :frown:" data-shortname=":frown:" />  තඹ සතේකට ගණන් ගන්න එපා! අපි මූව අපිට ඕනේ විදියට හදලා ගමු! <img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" />අපි දැං මෙයාව අපිට ආං බාං කරන්න පුළුවන්  simple view එකකට ගමු පුතාලා!**මේක හැම පාරම කරන්න ඕනේ නෑ බොලව්!Window --> Show view --> Other..<img src="http://i.imgur.com/WfLSUM8.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔය තියෙන්නේ!දැං එන  wizard එකේ  java option එක  expand කරලා, Package Explorer කියන  sub option එක select කරපල්ලා!හා! දැං  OK ඔබපියව්<img src="http://i.imgur.com/r1CWP0o.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන් ඕක කොහෙන් හරි මතු වෙයි! මගේනම් දකුණු පැත්තෙන් මතු උනා. දැන් අපිට තියෙන්නේ එච්චර දරුණු නැති  project view එකක්!මේ....<img src="http://i.imgur.com/pnEJ8Ot.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />** ඔය අනම් මනං view උඹලට ඕනේ විදියට එහෙට මෙහෙට කරලා හදා ගන්න පුළුවං. මම මීට පස්සේ අර  view එක ගනිල්ලා, මේ  view එක ගනිල්ලා කිව්වාම දැං උඹලා දන්නවනේ ගන්න ඕනේ විදිය?(මම ලොකු scene දානවා නෙමෙයි කොල්ලනේ! <img src="/styles/default/xenforo/smilies/default/no.gif"  class="smilie" loading="lazy" alt=":no:" title="No    :no:" data-shortname=":no:" /> උඹලට තවම  IDE එක හුරු නැති හින්දයි මෙච්චර කට්ට කාගෙන දාන්නේ!)2 - අපි දැන් package එකක් හදමු**මේ දැන් කරන ඒවා කරන්නේ අර උඩම තියෙන "src" folder එක ඇතුලේ හොඳේ?<img src="http://i.imgur.com/BqgjJXa.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔව් බොලව් ඒක තමයි!හරි!  දැන් ඒක උඩ  right click කරා  --> New --> Packageඑහෙම  option එකක් පේන්නේ නැත්තං ඉතින් ආයෙත් සුපුරුදු ලෙස  New Wizard එකට යමල්ලා! (src folder එක උඩ  right click කරා  --> New --> Other..)<img src="http://i.imgur.com/rkqXzkc.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැං, උඩ  search textbox එකේ  package කියලා type කරලා, එන option වලින් package කියන option එක  select කරලා Next ඔබපියව්!<img src="http://i.imgur.com/4iFXIGz.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />රායිට්! ඊළඟට, package එකට නමක් දෙන්න ඕනේ.. ඒක බොලාගේ කැමැත්ත! මම දෙන්නේ  com.hello කියලා. නම දීලා Finish කරපියෝ!ඔන්න ඒකත් හරිමේ....<img src="http://i.imgur.com/1w4sq5n.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />මම ආයෙත්  switch වෙනවා Project Explorer කියන  view එකට! <img src="/styles/default/xenforo/smilies/default/dull.gif"  class="smilie" loading="lazy" alt=":dull:" title="Dull    :dull:" data-shortname=":dull:" /> ඒක අපිට ලේසියි මීට වඩා! 3 - Servlet class එකක්  හදමු!දැං අපි හදපු  package එක උඩ right click කලා --> New --> Class<img src="http://i.imgur.com/OqAw3xX.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැක්කනේ කරන විදිය?<img src="http://i.imgur.com/QDK7TRf.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැං මම ඒකට නමක් දෙනවා  ServletDemo කියලා! Name එක දුන්නට පස්සේ  Finish කරපල්ලා.Package කියන තැන පේනවා ඇති බොලාට අපේ  package එකේ  name එක  appear වෙනවා.ඒකත් හරි! මේ..?<img src="http://i.imgur.com/tZCR8eG.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />** බොලා දැන් බයවෙන්න එපා මගේ  Folder structure එක පේන්නේ අමුතු විදියකටනේ කියලා. මතකයිනේ මම  switch උනා  Project Explorer view එකට? වැඩි ලේසියට? ඔය පැත්තකින් පේන්නේ අපි කලින් හිටිය Package explorer view එක. ඕනේ නම් ඒකටයි මේකටයි දෙකටම  switch වෙවී ඉන්න පුළුවන් අදාල වෙන වෙලාවට! <img src="/styles/default/xenforo/smilies/default/rofl.gif"  class="smilie" loading="lazy" alt=":rofl:" title="ROFL    :rofl:" data-shortname=":rofl:" /> 4 - අපි  Servlet class එක  code කරමු!package com.hello;import javax.servlet.http.HttpServlet;public class ServletDemo{}ඔය තියෙන්නේ දැනට අපේ  class එක පේන විදිය.මම  code එකෙන්  code එක explain කරන්නේ නෑ .......නෙමෙයි කරනවා බොලව්! මම තොපිට servlet පොවනවා යකුනේ! <img src="/styles/default/xenforo/smilies/default/growl.gif"  class="smilie" loading="lazy" alt=":growl:" title="Growl    :growl:" data-shortname=":growl:" />අපි දැන් මේකට HttpServlet කියන  class එක  extend කරගන්නවා.class එකක් extend කලාම වෙන්නේ මොනවාද කියලා බොලාට අමුතුවෙන් කියන්න ඕනේ නෑනේ? ** මේ HttpServlet කියන class එකේ තියෙනවා අපිට ඕනේ වෙන  methods ටිකක්. අන්න ඒ ටික අපේ  ServletDemo class එකටත්  apply කරගන්න ඕනේ හින්දයි මේක  extend කරන්නේ.මේ තියෙන්නේ ගොඩාක්ම වැදගත් වෙන methods දෙකක්! 1 - protected void doGet(HttpServletRequest req, HttpServletResponse res)2 - protected void doPost(HttpServletRequest req, HttpServletResponse res) අනිත් ඒවත් වැදගත්! ඒත් තොපිලා දැනට මේ දෙක දැන ගත්තාම ඇති.ඕනේනම් ඔන්න බලපල්ලා!<a href="http://www.javatpoint.com/HttpServlet-class" target="_blank">http://www.javatpoint.com/HttpServlet-class</a>හරි ඔය තියෙන්නේ අපි   HttpServlet කියන  class එක  extend කරගත්තට පස්සේ අපේ ServletDemo class එක!<img src="http://i.imgur.com/cfZSF9g.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />බෑ! තොපිට  codes copy කරන්න බෑ! තොපි මෙව්වා copy, paste කරන හින්දා තමයි  images විදියට දැම්මේ! <img src="/styles/default/xenforo/smilies/default/P.gif"  class="smilie" loading="lazy" alt=":P" title=":P    :P" data-shortname=":P" /><img src="/styles/default/xenforo/smilies/default/rofl.gif"  class="smilie" loading="lazy" alt=":rofl:" title="ROFL    :rofl:" data-shortname=":rofl:" /><img src="/styles/default/xenforo/smilies/default/rofl.gif"  class="smilie" loading="lazy" alt=":rofl:" title="ROFL    :rofl:" data-shortname=":rofl:" />හරි! අපි දැන් අර කලින් කිව්ව methods දෙකෙන් එකක් අපේ ServletDemo class එකේ  implement කරන්න යන්නේ .මුලින්ම  doGet method එක implement කරමු!<img src="http://i.imgur.com/IA5fPT9.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />**Highlight කරලා තියෙන්නේ අළුතෙන් use කරපු  imports ටික.ඕවා අතින් hard-code කරන්න ඕනේ නෑ! Automatically generate කරන්න පුළුවං! මම ඔය method එකත්  automatically generate කළේ! බොලා පොඩි search පාරක් දාල ඒ ක්‍රම හොයා ගන්නවානම් හොඳයි!හරි! දැන් ඔය පේන්න තියෙන ටික code කරපල්ලා!<img src="http://i.imgur.com/5EIUbmu.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Simply, PrintWriter එක අපි මෙතන use කරලා තියෙන්නේ response එකක් යවන්න.5 - Deployment descriptor එක හදමු!මේක ගොඩාක්  important file එකක් අපේ  project එකේ! කොටින්ම කිව්වොත් මෙයා තමයි  describe කරන්නේ, කොහොමද අපේ  project එක deploy වෙන්න ඕනේ කියලා.මේ file එක නැතුව අපිට මේ වැඩේ කරන්න ටිකක් අමාරුයි බොලව්!මේකෙන් කරන්න පුළුවං වැඩ ගොඩායි! ඉස්සරහට බලමු අපි!අපේ  project එකේ folder structure එකේ තියෙනවා WebContent කියලා  folder එකක්. අන්න ඒක ඇතුලේ තියෙනවා WEB-INF කියලා තව  folder එකක්! <img src="http://i.imgur.com/kNXhiHC.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔව් ඔව් බොලව් ඔය තියෙන්නේ?දැං  WEB-INF එක උඩ right click කලා --> New --> File<img src="http://i.imgur.com/qQ6ah6A.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />හරි!දැං ඕකට  web.xml කියලා නම දීපල්ලා! වෙන වෙන හුයන්නවල් දෙන්නනම් එපා හුකෑස් තමයි ඕං!<img src="http://i.imgur.com/eXkqtfQ.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Okay! now click on finish button බොලව්!හා හා! දැං ඔය පහල තියෙන ටික copy කරලා දාපියව්! ඕවා type කරන්න ගියොත් පු* ඈත් වෙනවා! <?xml version="1.0" encoding="UTF-8"?><web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">        <servlet>        <servlet-name>hello</servlet-name>        <servlet-class>com.hello.ServletDemo</servlet-class>    </servlet>        <servlet-mapping>        <servlet-name>hello</servlet-name>        <url-pattern>/hello</url-pattern>    </servlet-mapping></web-app><img src="http://i.imgur.com/8csoe5I.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />** <servlet> එක define කරලා තියෙන <servlet-name> එකට කැමති  value එකක් දෙන්න පුළුවන්.මතක තියාගන්න ඕනේ ඒ දීපු  servlet-name එකම තමයි <servlet-mapping> එකේ <servlet-name> එකටත් දෙන්න ඕනේ!එතකොට තමයි Deployment descriptor එක දැන ගන්නේ, මේ  <servlet> එක  map වෙන්න ඕනේ මොන <servlet-mapping> එකටද කියලා.** <servlet-mapping> එකේ  <url-pattern> එකටත් කැමති name එකක් දෙන්න පුළුවන්.ඒක තමයි අපි browser එකේ ගහලා අපේ  servlet එක  (ServletDemo class එක) access කරන්නේ.(තෙරුනාද මන්දා <img src="/styles/default/xenforo/smilies/default/sorry.gif"  class="smilie" loading="lazy" alt=":sorry:" title="Sorry    :sorry:" data-shortname=":sorry:" />)හරි ! දැන් අමාරුම ටික කරගෙන ඉවරයි! <img src="/styles/default/xenforo/smilies/default/lol.gif"  class="smilie" loading="lazy" alt=":lol:" title="LOL    :lol:" data-shortname=":lol:" />දැන් තියෙන්නේ අපේ project එක tomcat මල්ලී ඇතුලට දාන එක! <img src="/styles/default/xenforo/smilies/default/P.gif"  class="smilie" loading="lazy" alt=":P" title=":P    :P" data-shortname=":P" />මේ තියෙන්නේ  final folder structure එක.<img src="http://i.imgur.com/1JegcAk.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />6 - Project එක deploy කරමු!දැන් Server panel view එක ගනිව්! ඒක පේන්න නැත්තන් , කලින් කලා වගේ  Window --> Show view --> Other.. ගිහිල්ලා  Server කියලා type කරලා  OK කරපල්ලා!හරි! ඊට පස්සේ tomcat මල්ලී උඩ right click කරලා, Add and remove option එක select කරපියව්.<img src="http://i.imgur.com/EAH7QqQ.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />එන  screen එකේ බොලාට අපේ  project එක පේන්න ඕනේ! ඔව් ඔව් ඔය තියෙන්නේ!<img src="http://i.imgur.com/38hSmMy.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />දැන්  project එක select  කරලා,  Add button එක  click කරපල්ලා!<img src="http://i.imgur.com/c29UP2v.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔන්න  add උනා කියලා පෙන්නනවා! දැන්  finish button එක ඔබපල්ලා!<img src="http://i.imgur.com/GCxinfA.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />අපේ  project එක server එකට උනා! Console එකත් පේන්න නැත්තන්, ඒකත් අර  view වලට ගිහිල්ලා හොයා ගනිව්!දැන් ඔය server ඉලව්ව  start කරපියව්!විවිධාකරවූ හුයන්නවල් ගොඩාක් ගිහිල්ලා අන්තිමට server එක start උනා කියන  message එක  console එක through පෙනෙයි!** හරියට බැලුවොතින් ඔය හුයන්නවල් කියවලා ගොඩක් දේවල් හොයාගන්න පුළුවන්!<img src="http://i.imgur.com/GBAaYsH.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />7 - Test in the browser<a href="http://localhost:8080/HelloWorld/hello" target="_blank">http://localhost:8080/HelloWorld/hello</a> කියලා  browser එකේ ගහපුවාම අපිට මේ විදියට output එකක් එන්න ඕනේ! <img src="http://i.imgur.com/vqlsWew.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />ඔය  url එකේ  <a href="http://localhost:8080/" target="_blank">http://localhost:8080/</a> වලට පස්සේ මුලින්ම තියෙන්නේ අපේ  project එකේ නම, ඊට පස්සේ තියෙන්නේ අපි අර Deployment descriptor එකේ  අපේ Servlet එක  map කරලා දුන්න url-pattern එක. මතකයිනේ?හරි! අම්මෝ අත රිදෙනවා යකුනේ! දැන් උඹලා  ServletDemo class  එකේ, (ඒ කියන්නේ  Servlet එකේ) content එක වෙනස් කර කර බලපල්ලා.මතක තියා ගනිල්ලා  Servlet එකේ මොන change එකක් කලත්, tomcat මල්ලීව  restart කරන්න ඕනේ! නැත්තන් කරපු changes apply වෙන්නේ නෑ!ඔන්න අපි දෙයියනේ කියලා, ලොකු පිම්මක් පැන්නා!දැන් බොලා basics දන්නවා! මේකේ  JSP pages නැති එක ගැන  worry වෙන්න එපා! ඊළඟ lesson එක තමයි අපි කොහොමද මේක අස්සට JSP pages ඔබා ගන්නේ කියන එක.මේක pure classic java Servlet එකක්! <img src="/styles/default/xenforo/smilies/default/cool.gif"  class="smilie" loading="lazy" alt=":cool:" title="Cool    :cool:" data-shortname=":cool:" />නිකන්  code copy paste කරන එක නෙමෙයි වැදගත්, අවබෝධයෙන් ඉගෙන ගන්න එකයි වැදගත්! <img src="/styles/default/xenforo/smilies/default/nerd.gif"  class="smilie" loading="lazy" alt=":nerd:" title="Nerd    :nerd:" data-shortname=":nerd:" />මේකට උඹලගේ කැපවීම අනිවාර්යයි! මට පුලුවන් බොලාට මඟ පෙන්නන්න විතරයි! <img src="/styles/default/xenforo/smilies/default/yes.gif"  class="smilie" loading="lazy" alt=":yes:" title="Yes    :yes:" data-shortname=":yes:" />එහෙනම් හැමෝටම ජය!</blockquote>

Verification: Hath warak paha keeyada? (hatha wadikireema paha)

Top Bottom