Comment utiliser Java pour écrire la fonction d'affichage frontal du système CMS-javaDidacticiel-php.cn

Comment utiliser Java pour écrire la fonction d'affichage frontal du système CMS

WBOY

Libérer： 2023-08-06 21:33:04

original

1134 Les gens l'ont consulté

Comment utiliser Java pour écrire la fonction d'affichage frontal d'un système CMS

Avec le développement d'Internet, les sites Web sont devenus l'un des moyens importants permettant aux utilisateurs d'obtenir des informations et de montrer leur force. Cependant, afin de permettre aux sites Web d'être gérés et entretenus de manière plus efficace et plus pratique, le CMS (Content Management System) a vu le jour. Dans cet article, nous présenterons comment utiliser Java pour écrire la fonction d'affichage frontal du système CMS.

1. Mettre en place un environnement de développement

Avant de commencer à écrire la fonction d'affichage frontal du système CMS, nous devons configurer l'environnement de développement correspondant. Tout d’abord, assurez-vous que Java JDK et Eclipse IDE sont installés sur l’ordinateur. Ensuite, créez un nouveau projet Web Java dans Eclipse.

2. Définir le modèle de données

Avant de concevoir un système CMS, nous devons d'abord définir le modèle de données correspondant. En supposant que notre système CMS gère principalement les articles, nous pouvons alors définir une classe Article pour représenter l'article, y compris le titre, le contenu, l'auteur, la date de publication et d'autres attributs de l'article. Créez un fichier Article.java dans le répertoire src du projet Eclipse. Le code est le suivant :

public class Article {
    private String title;
    private String content;
    private String author;
    private Date publishDate;

    // 省略构造方法和getter/setter方法
}

Copier après la connexion

3. Écrivez la logique d'arrière-plan

Avant d'écrire la fonction d'affichage front-end du système CMS, nous devons écrire l'arrière-plan. traitement logique en premier. Tout d’abord, nous pouvons créer une classe Java nommée ArticleService dans le projet pour gérer la logique liée aux articles. Le code est le suivant :

public class ArticleService {
    public List<Article> getAllArticles() {
        // 从数据库或其他数据源中获取所有文章的信息，并返回一个List<Article>对象
    }

    public Article getArticleById(int id) {
        // 根据文章的ID从数据库或其他数据源中获取相应的文章信息，并返回一个Article对象
    }
}

Copier après la connexion

Dans le code ci-dessus, nous avons défini deux méthodes : getAllArticles est utilisé pour obtenir toutes les informations sur l'article, et getArticleById est utilisé pour obtenir les informations sur l'article correspondant en fonction de l'ID de l'article. Ces deux méthodes doivent être mises en œuvre en fonction de la situation réelle, comme par exemple l'obtention de données à partir de la base de données.

4. Écrivez l'interface d'affichage frontale

Après avoir terminé le traitement logique back-end, nous pouvons commencer à écrire l'interface d'affichage frontale. Créez un fichier nommé index.jsp dans le répertoire WebContent du projet Eclipse. Le code est le suivant :

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CMS系统</title>
</head>
<body>
    <h1>欢迎使用CMS系统</h1>
    <ul>
        <c:forEach var="article" items="${articles}">
            <li>
                <h2>${article.title}</h2>
                <p>${article.content}</p>
                <p>作者：${article.author} 发布日期：${article.publishDate}</p>
            </li>
        </c:forEach>
    </ul>
</body>
</html>

Copier après la connexion

Dans le code ci-dessus, nous utilisons JSP et JSTL pour générer dynamiquement la page d'affichage. Utilisez la balise pour parcourir la liste des articles obtenus à partir de la base de données et afficher les informations correspondantes sur la page.

5. Configurez le fichier Web.xml

Enfin, nous devons effectuer quelques configurations dans le fichier Web.xml du projet Web afin de distribuer les requêtes vers les fichiers Servlet et JSP correspondants. Créez un fichier nommé web.xml dans le répertoire WebContent/WEB-INF avec le code suivant :

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    version="3.1">
    <display-name>CMS</display-name>
    
    <servlet>
        <servlet-name>ArticleServlet</servlet-name>
        <servlet-class>com.example.ArticleServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>ArticleServlet</servlet-name>
        <url-pattern>/article</url-pattern>
    </servlet-mapping>
    
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

Copier après la connexion

Dans le code ci-dessus, nous avons configuré une classe Servlet nommée ArticleServlet et mappé son URL sur /article. En même temps, définissez le fichier index.jsp comme page par défaut au démarrage du projet.

6. Écrire la classe Servlet

Enfin, nous devons écrire une classe Servlet pour gérer la demande de page d'affichage frontale et renvoyer les informations de réponse à la page frontale. Créez une classe Java nommée ArticleServlet dans le projet. Le code est le suivant :

@WebServlet("/article")
public class ArticleServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        ArticleService articleService = new ArticleService();
        List<Article> articles = articleService.getAllArticles();
        
        request.setAttribute("articles", articles);
        request.getRequestDispatcher("index.jsp").forward(request, response);
    }
}

Copier après la connexion

Dans le code ci-dessus, nous utilisons l'annotation @WebServlet pour lier la classe ArticleServlet à l'URL de /article. Lorsqu'une demande de page d'accueil est envoyée à /article, la méthode doGet sera appelée pour traiter la demande. Dans la méthode doGet, nous créons d’abord une instance de ArticleService et appelons sa méthode getAllArticles pour obtenir toutes les informations sur l’article. Ensuite, ajoutez les informations d'article obtenues à l'objet de requête et distribuez la requête dans le fichier index.jsp pour l'affichage de la page.

À ce stade, nous avons terminé la fonction d'affichage frontal du système CMS écrit en Java. Grâce aux étapes ci-dessus, nous avons mis en œuvre un système CMS simple et pouvons afficher les informations sur les articles à la réception. Grâce aux exemples de code ci-dessus, nous espérons que les lecteurs pourront avoir une compréhension préliminaire de la fonction d'affichage frontal d'un système CMS écrit en Java. Bien entendu, les méthodes spécifiques de mise en œuvre dans les projets réels doivent encore être ajustées et modifiées en fonction des besoins réels.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!