இந்த பொருள் "எண்டர்பிரைஸ் மேம்பாட்டிற்கான அறிமுகம்" தொடரின் இறுதி பகுதியாகும். முந்தைய கட்டுரைகள்:
உதாரணமாக ஸ்பிரிங் எம்விசியைப் பயன்படுத்தி எம்விசியின் எளிமையான செயலாக்கத்தைப் பார்ப்போம். இதைச் செய்ய, ஸ்பிரிங் பூட்டைப் பயன்படுத்தி ஒரு சிறிய ஹலோ வேர்ல்ட் பயன்பாட்டை எழுதுவோம். நான் உங்களுக்கு படிப்படியான வழிமுறைகளை தருகிறேன், எனவே நீங்கள் எல்லாவற்றையும் மீண்டும் செய்யலாம். முதலில், நாங்கள் ஒரு சிறிய பயன்பாட்டை எழுதுவோம், பின்னர் அதை பகுப்பாய்வு செய்வோம்.
படி 1. IntelliJ IDEA இல் ஸ்பிரிங் பூட் பயன்பாட்டை உருவாக்குதல்.
புதிய திட்டத்தை உருவாக்க கோப்பு -> புதியது -> திட்டம்... பயன்படுத்தவும். திறக்கும் சாளரத்தில், இடது பக்க மெனுவில், Spring Initializr என்பதைத் தேர்ந்தெடுத்து, Project SDKஐத் தேர்ந்தெடுக்கவும். Initializr சேவை URL விருப்பத்திற்கு இயல்புநிலையை விடவும்.
"அடுத்து" பொத்தானை கிளிக் செய்யவும். அடுத்த சாளரத்தில், திட்ட அமைப்புகளைத் தேர்ந்தெடுக்க வேண்டும். நாங்கள் ஒரு மேவன் திட்டத்தைப் பெறப் போகிறோம். வகையாக மேவன் திட்டத்தைத் தேர்ந்தெடுக்கவும். குழு மற்றும் கலைப்பொருள் புலங்களை நிரப்பவும் அடுத்து என்பதைக் கிளிக் செய்யவும்.
அடுத்த சாளரத்தில், நாம் பயன்படுத்தும் ஸ்பிரிங் ஃப்ரேம்வொர்க் கூறுகளைத் தேர்ந்தெடுக்க வேண்டும். இரண்டு போதும் நமக்கு:
- Spring Web என்பது இணையப் பயன்பாடுகளை உருவாக்க உதவும் ஒரு அங்கமாகும். இந்த கூறு ஸ்பிரிங் எம்.வி.சி.
- Thymeleaf எங்கள் டெம்ப்ளேட் இயந்திரம். இது ஜாவாவிலிருந்து HTML பக்கங்களுக்கு தரவை அனுப்பும் ஒரு விஷயம்
அடுத்த சாளரத்தில், கோப்பு முறைமையில் திட்டத்தின் பெயர் மற்றும் இருப்பிடத்தைத் தேர்ந்தெடுக்கவும்:
"பினிஷ்" பொத்தானைக் கிளிக் செய்யவும். திட்டம் உருவாக்கப்பட்டது. பின்வரும் திட்ட அமைப்புடன் முடிவடைகிறோம்:
இங்கே நாங்கள் 2 கோப்புகளில் ஆர்வமாக உள்ளோம்: pom.xml (வரிசைப்படுத்தல் விவரிப்பான்). இந்த விஷயம், எங்கள் திட்டத்தில் பல்வேறு கட்டமைப்புகளில் இருந்து நூலகங்களை விரைவாகவும் எளிதாகவும் இறக்குமதி செய்ய உங்களை அனுமதிக்கிறது. எங்கள் பயன்பாடு எவ்வாறு கட்டமைக்கப்படுகிறது என்பதை நாங்கள் உள்ளமைக்கிறோம். எங்கள் பயன்பாடு Maven ஐப் பயன்படுத்தி கட்டமைக்கப்பட்டுள்ளது, மேலும் pom.xml என்பது இந்த உருவாக்க அமைப்புக்கான உள்ளமைவு கோப்பாகும். ஜாவா வகுப்பு MvcDemoApplication ஆகும். இது எங்கள் பயன்பாட்டின் முக்கிய வகுப்பு. அதிலிருந்து எங்கள் ஸ்பிரிங் பூட் திட்டத்தை தொடங்குவோம். தொடங்க, இந்த வகுப்பின் முக்கிய முறையை இயக்கவும். இந்த வகுப்பிற்கான குறியீடும் pom.xml கோப்பும் இதோ: MvcDemoApplication:
@SpringBootApplication
public class MvcDemoApplication {
public static void main(String[] args) {
SpringApplication.run(MvcDemoApplication.class, args);
}
}
pom.xml:
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.2.2.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.codegym/groupId>
<artifactId>mvc_demo</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>mvc_demo</name>
<description>Spring MVC Demo</description>
<properties>
<java.version>1.8</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
<exclusions>
<exclusion>
<groupId>org.junit.vintage</groupId>
<artifactId>junit-vintage-engine</artifactId>
</exclusion>
</exclusions>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>
படி 2. வலைப்பக்கத்தை உருவாக்குதல்
எங்கள் விண்ணப்பம் மிகவும் எளிமையானதாக இருக்கும். எங்களிடம் ஒரு முக்கிய பக்கம் (index.html) இருக்கும், அதில் வரவேற்புப் பக்கத்திற்கான இணைப்பைக் கொண்டிருக்கும் (greeting.html). வாழ்த்து பக்கத்தில், நாங்கள் ஒரு வாழ்த்துக் காட்டுகிறோம். வாழ்த்தலில் பயன்படுத்த வேண்டிய பெயரை வாழ்த்து.html பக்கத்திற்கு அனுப்ப URL அளவுருக்களைப் பயன்படுத்துவோம். எங்கள் பயன்பாட்டின் பிரதான பக்கத்தை உருவாக்குவோம் — index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Main page</title>
</head>
<body>
<p>Get your greeting <a href="/greeting">here</a></p>
</body>
</html>
இப்போது வாழ்த்து.html பக்கத்தை உருவாக்குவோம்:
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Getting Started: Serving Web Content</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="'Hello, ' + ${name} + '!'" />
</body>
</html>
எங்கள் பக்கத்தில் ஒரு
<p th:text="'Hello, ' + ${name} + '!'" />
குறிச்சொல் உள்ளது, இது HTML க்கு இயல்பானதல்ல.
th
குறிச்சொல்லின் பண்பு தைம்லீஃப்
p
டெம்ப்ளேட் இயந்திரத்தால் பயன்படுத்தப்படும் ஒரு பொறிமுறையாகும். குறிச்சொல்லின்
p
மதிப்பு "ஹலோ," + மாறியின் மதிப்பு
name
, அதை நாம் ஜாவா குறியீட்டில் அமைப்போம்.
படி 3. ஒரு கட்டுப்படுத்தியை உருவாக்குதல்
mvc_demo தொகுப்பின் உள்ளே, ஒரு கன்டோலர் தொகுப்பை உருவாக்குவோம், அதில் எங்கள் கட்டுப்படுத்தியான HelloWorldController ஐ உருவாக்குவோம்:
@Controller
public class HelloWorldController {
@RequestMapping(value = "/greeting")
public String helloWorldController(@RequestParam(name = "name", required = false, defaultValue = "World") String name, Model model) {
model.addAttribute("name", name);
return "greeting";
}
}
ஒருபுறம் மிகக் குறைந்த குறியீடு உள்ளது, ஆனால் மறுபுறம், நிறைய நடக்கிறது. எங்கள் பகுப்பாய்வைத் தொடங்குவோம். @கண்ட்ரோலர் சிறுகுறிப்பு இந்த வகுப்பு ஒரு கட்டுப்படுத்தி என்பதைக் குறிக்கிறது. வசந்த காலத்தில், குறிப்பிட்ட URLகளில் HTTP கோரிக்கைகளை கட்டுப்படுத்திகள் செயலாக்குகின்றன. எங்கள் வகுப்பில் helloWorldController முறை உள்ளது, அது @RequestMapping(மதிப்பு = "/வாழ்த்து") குறிப்புடன் குறிக்கப்பட்டுள்ளது. /வாழ்த்து URL இல் இயக்கப்படும் HTTP GET கோரிக்கைகளை இந்த முறை செயலாக்குகிறது என்பதை இந்த சிறுகுறிப்பு குறிக்கிறது. வேறு வார்த்தைகளில் கூறுவதானால், யாரேனும் / வாழ்த்துக்கு செல்லும்போது இந்த முறை செயல்படுத்தப்படும். இந்த முறை ஒரு சரத்தை வழங்குகிறது. ஸ்பிரிங் MVC இன் படி, கட்டுப்படுத்தி முறை பார்வையின் பெயரைத் திருப்பித் தர வேண்டும். அடுத்து, ஸ்பிரிங் அதே பெயரில் ஒரு HTML கோப்பைத் தேடும், அது HTTP கோரிக்கைக்கு பதில் அளிக்கும். நீங்கள் பார்க்க முடியும் என, எங்கள் முறை 2 வாதங்களை எடுக்கும். அவற்றைப் பார்ப்போம்: அளவுரு 1: @RequestParam(பெயர் = "பெயர்", தேவை = தவறு, இயல்புநிலை மதிப்பு = "உலகம்") சரத்தின் பெயர். @RequestParam சிறுகுறிப்பு, சரம் பெயர் அளவுரு ஒரு URL அளவுரு என்பதைக் குறிக்கிறது. இந்த URL அளவுரு விருப்பமானது (தேவை = தவறானது) என்று சிறுகுறிப்பு சுட்டிக்காட்டினால், அது இல்லாவிட்டால், சரம் பெயர் அளவுருவின் மதிப்பு "உலகம்" (defaultValue = "World") ஆக இருக்கும். அது இருந்தால், URL அளவுரு "பெயர்" (பெயர் = "பெயர்") ஆக இருக்கும். இங்கே உங்களுக்குப் புரியாத விஷயங்கள் நிறைய இருக்கலாம். சில உதாரணங்களை வழங்குவோம். கீழே உள்ள அட்டவணை, சரம் பெயர் அளவுருவின் மதிப்பு என்ன என்பதைக் காட்டுகிறது, அணுகல் /வாழ்த்துக்கான பல்வேறு விருப்பங்கள் (URL அளவுருக்கள் மற்றும் இல்லாமல்)
எடுத்துக்காட்டு URL |
சரம் பெயரின் மதிப்பு |
/வாழ்த்து |
உலகம் |
/வாழ்த்து?பெயர்=அமிகோ |
அமிகோ |
/வாழ்த்து?பெயர்=ஜோர் |
ஜோர் |
அளவுரு 2: இரண்டாவது அளவுரு ஒரு மாதிரி மாதிரி. இந்த அளவுரு சில மாதிரி. இந்த மாதிரி பல்வேறு உள் பண்புகளைக் கொண்டுள்ளது. ஒவ்வொரு பண்புக்கும் ஒரு பெயர் மற்றும் மதிப்பு உள்ளது. முக்கிய மதிப்பு ஜோடிகள் போன்றவை. ஜாவா குறியீட்டிலிருந்து HTML பக்கங்களுக்கு தரவை அனுப்ப இந்த அளவுருவைப் பயன்படுத்தலாம். அல்லது, MVC சொற்களைப் பயன்படுத்தி, மாதிரியிலிருந்து தரவை பார்வைக்கு அனுப்பவும். கடைசி வரியை ஆராய மட்டுமே உள்ளது. ஜாவாவிலிருந்து HTML க்கு அல்லது மாதிரியிலிருந்து பார்வைக்கு தரவை எவ்வாறு அனுப்புகிறோம். முறை பின்வரும் வரியை உள்ளடக்கியது:
model.addAttribute("name", name);
இங்கே நாம் பெயர் எனப்படும் புதிய பண்புக்கூறை உருவாக்கி அதற்கு பெயர் அளவுருவின் மதிப்பை ஒதுக்குகிறோம்.
<p th:text = "'Hello,' + ${name} + '!'" />
நினைவில் கொள்ளுங்கள், நாங்கள் சமீபத்தில் p குறிச்சொல்லின் மதிப்பு "ஹலோ," + பெயர் மாறியின் மதிப்பு என்று நாங்கள் சொன்னதை நாங்கள் விவாதித்தோம் , அதை நாம் ஜாவா குறியீட்டில் அமைப்போம். வரியைப் பயன்படுத்தி இந்த மதிப்பை அமைக்கிறோம்
model.addAttribute("name", name);
படி 5. இயக்கவும்
தொடங்குவதற்கு, நாம் MvcDemoApplication வகுப்பின் முக்கிய முறையை இயக்க வேண்டும்:
பதிவுகளில், எங்கள் வலை பயன்பாடு போர்ட் 8080 இல் தொடங்கப்பட்டதைக் காண்போம்:
இதன் பொருள் உலாவியில்,
http:// இல் உள்ள பக்கத்திற்குச் செல்லலாம். localhost:8080 :
இங்கே நாம் index.html பக்கம் உள்ளது. வாழ்த்துப் பக்கத்திற்கான இணைப்பைப் பின்தொடர்வோம்:
இந்த மாற்றத்தில் எங்கள் கட்டுப்படுத்தி செயல்படுத்தப்பட்டது. URL மூலம் எந்த அளவுருக்களையும் நாங்கள் அனுப்பவில்லை. இதன் விளைவாக, பெயர் பண்புக்கூறு சிறுகுறிப்பில் சுட்டிக்காட்டப்பட்ட இயல்புநிலை மதிப்பை ("உலகம்") எடுக்கும். URL வழியாக அளவுருவை அனுப்ப முயற்சிப்போம்:
அனைத்தும் திட்டமிட்டபடி செயல்படும். இப்போது பெயர் மாறியின் பாதையைக் கண்டறிய முயற்சிக்கவும்:
- பயனர் URL -> இல் "name=Amigo" ஐக் கடந்துவிட்டார்
- கட்டுப்படுத்தி எங்கள் செயலைச் செயல்படுத்தி, பெயர் மாறியைப் பெற்று, பெறப்பட்ட மதிப்புக்கு சமமான பெயர் எனப்படும் மாதிரி பண்புக்கூறை அமைத்தது ->
- இந்தத் தரவு, மாதிரியிலிருந்து பார்க்க வந்தது, வாழ்த்து.html பக்கத்தில் முடிவடைந்து, பயனருக்குக் காட்டப்பட்டது.
இப்போதைக்கு அவ்வளவுதான்!
எம்விசி (மாடல் - வியூ - கன்ட்ரோலர்) இன் பெரிய மற்றும் சுவாரஸ்யமான தலைப்பை இன்று நாங்கள் அறிந்தோம். நிறுவன வளர்ச்சியைத் தொடங்குவதற்கு முன் நீங்கள் தெரிந்து கொள்ள வேண்டியவற்றை உங்களுக்கு அறிமுகப்படுத்தும் வகையில் வடிவமைக்கப்பட்ட தொடரின் முடிவு இதுவாகும்.
கருத்துகளில், நீங்கள் எந்த தலைப்புகளில் ஆர்வமாக உள்ளீர்கள் என்பதை எங்களிடம் கூறுங்கள் - நாங்கள் அவற்றைப் பற்றி பேசுவோம்! |
GO TO FULL VERSION