Tạo dự án web đơn giản nhất trong IntelliJ IDEA Enterprise. Từng bước, với hình ảnh

Kiến thức cần thiết để hiểu bài viết: Bạn đã ít nhiều tìm hiểu về Java Core và muốn xem xét các công nghệ JavaEE và lập trình web . Sẽ hợp lý nhất nếu bạn hiện đang nghiên cứu nhiệm vụ Bộ sưu tập Java, nhiệm vụ liên quan đến các chủ đề gần với bài viết. Hiện tại, tôi sử dụng IntelliJ IDEA Enterprise Edition ( lưu ý của biên tập viên: đây là phiên bản mở rộng trả phí của IDE; nó thường được sử dụng trong phát triển chuyên nghiệp). Làm việc với các dự án web trong đó dễ dàng hơn nhiều so với trong Phiên bản Cộng đồng miễn phí . Trong Phiên bản doanh nghiệp , theo đúng nghĩa đen, một cú nhấp chuột sẽ xây dựng dự án, thả nó vào một thùng chứa servlet, khởi động máy chủ và thậm chí mở một trang web cho dự án trong trình duyệt. Trong phiên bản IDEA miễn phí, bạn sẽ phải tự mình thực hiện nhiều việc này, tức là "thủ công". Tôi sử dụng Apache Mavenđể xây dựng dự án và quản lý vòng đời của nó. Tôi chỉ sử dụng một phần nhỏ khả năng của nó (quản lý gói/phụ thuộc) trong dự án này. Là máy chủ ứng dụng/bộ chứa servlet, tôi đã chọn Apache Tomcat phiên bản 9.0.12.

Bắt đầu nào

Đầu tiên, hãy mở IntelliJ IDEA và tạo một dự án Maven trống . Ở bên trái, chọn Maven và kiểm tra xem JDK của dự án đã được chọn ở trên chưa. Nếu không có, hãy chọn một từ danh sách hoặc nhấp vào Mới ... và chọn một từ máy tính. Trong cửa sổ này, bạn cần chỉ định GroupId và ArtifactId . GroupId đề cập đến mã định danh duy nhất của công ty phát hành dự án . Thông lệ phổ biến là sử dụng tên miền của công ty, nhưng theo thứ tự ngược lại. Không giống như một tấm gương mặc dù. Ví dụ: nếu tên miền của một công ty là maven.apache.org thì GroupId của nó sẽ là org.apache.maven. Đó là, trước tiên chúng tôi viết tên miền cấp cao nhất, thêm dấu chấm, sau đó là tên miền cấp hai, v.v. Đây là cách tiếp cận thường được chấp nhận. Nếu bạn đang tự mình "xây dựng" dự án (chứ không phải là một phần của công ty), thì bạn đặt tên miền cá nhân của mình ở đây (cũng theo thứ tự ngược lại!). Nếu bạn có một, tất nhiên. :) Nếu không, đừng lo lắng. Bạn thực sự có thể viết bất cứ điều gì ở đây . Trong ví dụ này, tôi sẽ sử dụng miền hư cấu: fatlady.info.codegym.cc . Theo đó, tôi nhập cc.codergym.info.fatlady vào trường GroupId . ArtifactId chỉ đơn giản là tên dự án của chúng tôi. Bạn có thể sử dụng các chữ cái và một số ký hiệu (ví dụ: dấu gạch ngang) để phân tách các từ. "Tạo tác" của chúng tôi sẽ được đặt tên chính xác như những gì chúng tôi viết ở đây. Trong ví dụ này, tôi sẽ sử dụng my-super-project . Đừng chạm vào trường phiên bản—cứ để nguyên như vậy. Và đây là cửa sổ IDEA tiêu chuẩn khi bạn tạo một dự án mới. Theo truyền thống, hãy gọi nó là siêu dự án của tôi . Dự án được tạo ra! Chúng tôi thấy rằng nó hiện chứa dữ liệu chính xác mà chúng tôi đã nhập khi tạo dự án Maven : groupId , artifactId và phiên bản (chúng tôi đã không chạm vào dữ liệu cuối cùng đó).

Cấu trúc dự án của chúng tôi

Dự án Maven này có một cấu trúc cụ thể. Như bạn có thể thấy, thư mục gốc có:

• một thư mục .idea chứa các cài đặt IDEA của dự án hiện tại;
• một thư mục src , nơi chúng tôi tạo mã nguồn của mình;
• tệp my-super-project.iml , là tệp dự án do IDEA tạo;
• tệp pom.xml (tệp dự án Maven mà tôi đã đề cập trước đó), hiện đang mở. Nếu tôi đề cập đến pom.xml ở đâu đó, thì đây là tệp tôi đang nói đến.

Bên trong thư mục src , có hai thư mục con:

• chính - cho mã của chúng tôi;
• kiểm tra - để kiểm tra mã của chúng tôi.

Trong main và test , có một thư mục java . Bạn có thể coi những thư mục này giống như cùng một thư mục, ngoại trừ thư mục chính dành cho mã nguồn và thư mục trong bài kiểm tra dành cho mã kiểm tra. Hiện tại, chúng tôi không sử dụng thư mục tài nguyên . Chúng tôi sẽ không sử dụng nó. Nhưng cứ để đó.

Biến nó thành một dự án web

Đã đến lúc chúng ta chuyển đổi dự án Maven của mình thành một dự án web. Để thực hiện việc này, nhấp chuột phải vào tên dự án trong cây này và chọn Thêm hỗ trợ khung … Một cửa sổ mở ra nơi chúng ta có thể thêm hỗ trợ cho các khung khác nhau vào dự án của mình. Nhưng chúng tôi chỉ cần một: Ứng dụng web . Ans đó là một trong những chúng tôi chọn. Đảm bảo rằng hộp kiểm Ứng dụng web được chọn và cửa sổ chính cho biết rằng chúng tôi muốn tệp web.xml được tạo tự động (Tôi khuyên bạn nên chọn hộp kiểm này, nếu nó chưa được chọn). Sau đó, chúng tôi thấy rằng thư mục web đã được thêm vào cấu trúc dự án của chúng tôi. Đây là gốc của dự án web của chúng tôi với địa chỉ/. Nói cách khác, nếu chúng ta nhập ' localhost ' trong trình duyệt (tất nhiên là khi dự án đang chạy), thì nó sẽ tìm ở đây, tại thư mục gốc của dự án web. Nếu chúng ta nhập localhost/addUser , thì nó sẽ tìm tài nguyên có tên addUser trong thư mục web . Trong web , có một thư mục bắt buộc có tên là WEB-INF , nơi chứa tệp web.xml , tức là tệp mà chúng tôi đã yêu cầu chương trình tạo ở bước cuối cùng. Hãy mở nó. Bạn có thể thấy rằng nó chưa có gì thú vị, chỉ có một tiêu đề. Nhân tiện, nếu bạn không yêu cầu tạo tệp, thì bạn sẽ phải tạo tệp theo cách thủ công, tức là nhập tất cả các tiêu đề bằng tay. Hoặc ít nhất là tìm kiếm một phiên bản làm sẵn trên Internet. Chúng ta cần web.xml để làm gì? Để lập bản đồ. Đây là nơi chúng ta sẽ đánh vần cho Tomcat URL nào yêu cầu chuyển đến servlet nào. Nhưng chúng ta sẽ làm điều đó sau. Hiện tại, hãy để trống. Thư mục web cũng có tệp index.jsp. Mở nó ra. Có thể nói, đây là tệp sẽ được thực thi theo mặc định. Nói cách khác, đó chính xác là những gì chúng ta sẽ thấy khi bắt đầu dự án. Về cơ bản, jsp là một tệp HTML thông thường , ngoại trừ bạn có thể thực thi mã Java bên trong nó.

Một chút về nội dung tĩnh và động

Nội dung tĩnh là nội dung không thay đổi theo thời gian. Mọi thứ chúng tôi viết trong tệp HTML được hiển thị không thay đổi, giống như khi nó được viết. Nếu chúng ta viết " xin chào thế giới ", văn bản này sẽ được hiển thị ngay khi chúng ta mở trang, sau 5 phút, ngày mai, tuần và năm. Nó sẽ không thay đổi. Nhưng nếu chúng ta muốn hiển thị ngày hiện tại trên trang thì sao? Nếu chúng ta chỉ viết " Ngày 27 tháng 10 năm 2017", thì ngày mai chúng tôi sẽ thấy cùng một ngày, và một tuần sau, và một năm sau. Nhưng chúng tôi muốn ngày đó là hiện tại. Đây là lúc khả năng thực thi mã ngay trên trang hữu ích. Chúng tôi có thể lấy date, chuyển đổi nó sang định dạng mong muốn và hiển thị nó trên trang. Sau đó, mỗi ngày khi chúng tôi mở trang, ngày sẽ luôn là hiện tại. Nếu chúng tôi chỉ cần nội dung tĩnh, thì chúng tôi chỉ cần một máy chủ web thông thường và Các tệp HTML. Chúng tôi không cần Java, Maven hoặc Tomcat. Nhưng nếu chúng tôi muốn sử dụng nội dung động, thì chúng tôi cần tất cả các công cụ đó. Nhưng bây giờ, hãy quay lại với index.jsp của chúng tôi . Hãy chỉ ra một cái gì đó khác với tiêu đề tiêu chuẩn, ví dụ: " Siêu ứng dụng web của tôi! " Sau đó, trong phần nội dung, hãy viết " Tôi còn sống! " Chúng ta gần như đã sẵn sàng để bắt đầu dự án của mình! Thật không may, hình tam giác màu xanh lá cây thông thường để bắt đầu chương trình không hoạt động. Nhấp vào nút ở bên trái của nó (được chỉ định trên màn hình bằng mũi tên màu đỏ) và chọn Chỉnh sửa cấu hình ... Điều đó sẽ mở ra một cửa sổ trong đó chúng tôi được mời nhấp vào dấu cộng màu xanh lá cây để thêm một số cấu hình. Nhấp vào nó (ở góc trên bên trái của cửa sổ). Chọn Máy chủ Tomcat > Cục bộ . Một cửa sổ với nhiều tùy chọn sẽ mở ra, nhưng các giá trị mặc định phù hợp với chúng tôi cho hầu hết mọi thứ. Chúng tôi có thể đặt cho cấu hình của mình một cái tên đẹp thay vì tiêu chuẩn Chưa được đặt tên (ở trên cùng). Chúng tôi cũng cần xác minh rằng IDEA đã tìm thấy thành công Tomcat trên hệ thống của chúng tôi (bạn đã tải xuống và cài đặtđúng?). Nếu nó không được tìm thấy (điều này khó xảy ra), hãy nhấn vào mũi tên xuống và chọn nơi nó được cài đặt. Hoặc chọn một phiên bản khác, nếu bạn đã cài đặt nhiều phiên bản. Tôi chỉ có một và nó đã được cài đặt. Đó là lý do tại sao nó trông giống như trên màn hình của tôi. Và ở dưới cùng của cửa sổ, chúng tôi thấy một cảnh báo, cho chúng tôi biết rằng cho đến nay không có thành phần tạo tác nào được chỉ định để triển khai cho máy chủ. Ở bên phải của cảnh báo này là một nút gợi ý chúng tôi sửa lỗi này. Chúng tôi nhấp vào nó và thấy rằng IDEA có thể tự tìm thấy mọi thứ, tự tạo mọi thứ còn thiếu và tự định cấu hình tất cả các cài đặt. Chúng ta có thể thấy rằng nó đã chuyển chúng ta từ tab Máy chủ sang tab Triển khai , trong phần Triển khai khi khởi động máy chủphần, và bây giờ chúng tôi có một vật phẩm được triển khai. Nhấp vào Áp dụng và OK. Và lần đầu tiên chúng tôi thấy rằng ở dưới cùng của cửa sổ, một phần đã xuất hiện với máy chủ Tomcat cục bộ của chúng tôi, nơi phần tạo tác của chúng tôi sẽ được đặt. Thu gọn phần này bằng cách nhấp vào nút tương ứng ở bên phải cửa sổ. Bây giờ chúng ta thấy rằng tam giác phóng màu xanh lá cây đang hoạt động. Đối với những người muốn kiểm tra lại mọi thứ, bạn có thể nhấp vào nút cài đặt dự án (ở bên phải các nút khởi chạy, được biểu thị bằng mũi tên màu đỏ), chuyển đến phần Cổ vật và đảm bảo rằng tạo tác đã thực sự được tạo. Nó không ở đó cho đến khi chúng tôi nhấn Fix đónút, nhưng bây giờ mọi thứ đều ổn. Và cấu hình này hoàn toàn phù hợp với chúng tôi. Tóm lại, sự khác biệt giữa my-super-project:war và my-super-project:war đã bùng nổ là my-super-project:war chỉ bao gồm một tệp chiến tranh (chỉ là một tệp lưu trữ) và phiên bản đã phát nổ đơn giản là cuộc chiến "giải nén" . Và theo cá nhân tôi, đó là tùy chọn mà tôi thấy thuận tiện hơn, vì nó cho phép bạn nhanh chóng gỡ lỗi các thay đổi nhỏ trên máy chủ. Về bản chất, tạo phẩm là dự án của chúng tôi, vừa được biên dịch—và nơi có cấu trúc thư mục đã được thay đổi để cho phép Tomcat truy cập trực tiếp vào nó. Nó sẽ trông giống như thế này: Bây giờ mọi thứ đã sẵn sàng để khởi động dự án của chúng tôi. Nhấn nút khởi động màu xanh lá cây quý giá và tận hưởng kết quả! :)