重新測試deepseek Jakarta EE 10編程能力

聽說deepseek做了一個小更新，我重新測試了一下Jakarta EE 10編程能力；有點進步，遺漏的功能比以前少了。

采用Jakarta EE 10 編寫員工信息表維護表，包括員工查詢與搜索、員工列表、新增員工、刪除員工，修改員工，要求用戶界面主要采用JAVA SERVER FACE,如果用戶界面采用JAVA SERVER FACE實現不了，增加JS完成實現不了的功能，業務邏輯采用EJB,數據庫訪問采用JPA. 員工信息表包含員工編號，姓名，部門，手機號碼。

下面是一個完整的Jakarta EE 10員工信息管理系統實現方案，嚴格遵循您的要求：JSF作為主要UI框架、EJB處理業務邏輯、JPA進行數據訪問，并在需要時使用JavaScript增強功能。

解決方案架構

復制

下載

src
├── main
│   ├── java
│   │   └── com
│   │       └── example
│   │           ├── ejb
│   │           │   └── EmployeeService.java       # EJB服務
│   │           ├── entity
│   │           │   └── Employee.java              # JPA實體
│   │           ├── managed
│   │           │   └── EmployeeBean.java          # JSF托管Bean
│   │           └── util
│   │               └── JsfUtil.java               # JSF工具類
│   ├── resources
│   │   └── META-INF
│   │       └── persistence.xml                    # JPA配置
│   └── webapp
│       ├── WEB-INF
│       │   └── templates
│       │       └── template.xhtml                 # 頁面模板
│       ├── employee
│       │   ├── list.xhtml                         # 員工列表
│       │   ├── edit.xhtml                         # 編輯頁面
│       │   └── search.xhtml                       # 搜索頁面
│       └── resources
│           └── js
│               └── main.js                        # JavaScript增強

1. JPA實體類 (Employee.java)

java

復制

下載

package com.example.entity;import jakarta.persistence.*;
import java.io.Serializable;@Entity
@Table(name = "employee")
@NamedQuery(name = "Employee.findAll", query = "SELECT e FROM Employee e")
public class Employee implements Serializable {private static final long serialVersionUID = 1L;@Id@GeneratedValue(strategy = GenerationType.IDENTITY)private Long id;@Column(name = "emp_number", unique = true, nullable = false)private String employeeNumber;@Column(nullable = false)private String name;private String department;@Column(name = "phone")private String phoneNumber;// 省略getter/setter
}

2. EJB服務層 (EmployeeService.java)

java

復制

下載

package com.example.ejb;import com.example.entity.Employee;
import jakarta.ejb.Stateless;
import jakarta.persistence.EntityManager;
import jakarta.persistence.PersistenceContext;
import jakarta.persistence.TypedQuery;
import java.util.List;@Stateless
public class EmployeeService {@PersistenceContext(unitName = "employeePU")private EntityManager em;public void create(Employee employee) {em.persist(employee);}public void update(Employee employee) {em.merge(employee);}public void delete(Long id) {Employee emp = em.find(Employee.class, id);if (emp != null) {em.remove(emp);}}public List<Employee> findAll() {return em.createNamedQuery("Employee.findAll", Employee.class).getResultList();}public List<Employee> search(String keyword) {String jpql = "SELECT e FROM Employee e WHERE " +"LOWER(e.name) LIKE :keyword OR " +"LOWER(e.department) LIKE :keyword OR " +"e.phoneNumber LIKE :keyword OR " +"e.employeeNumber LIKE :keyword";return em.createQuery(jpql, Employee.class).setParameter("keyword", "%" + keyword.toLowerCase() + "%").getResultList();}public Employee findById(Long id) {return em.find(Employee.class, id);}
}

3. JSF托管Bean (EmployeeBean.java)

java

復制

下載

package com.example.managed;import com.example.ejb.EmployeeService;
import com.example.entity.Employee;
import jakarta.faces.view.ViewScoped;
import jakarta.inject.Inject;
import jakarta.inject.Named;
import java.io.Serializable;
import java.util.List;@Named
@ViewScoped
public class EmployeeBean implements Serializable {private Employee employee = new Employee();private List<Employee> employees;private String searchKeyword;@Injectprivate EmployeeService employeeService;public void init() {employees = employeeService.findAll();}public void search() {employees = employeeService.search(searchKeyword);}public String save() {if (employee.getId() == null) {employeeService.create(employee);} else {employeeService.update(employee);}return "/employee/list?faces-redirect=true";}public void delete(Long id) {employeeService.delete(id);employees = employeeService.findAll();}public void prepareEdit(Long id) {employee = employeeService.findById(id);}// 省略getter/setter
}

4. JSF工具類 (JsfUtil.java)

java

復制

下載

package com.example.util;import jakarta.faces.application.FacesMessage;
import jakarta.faces.context.FacesContext;public class JsfUtil {public static void addErrorMessage(String msg) {FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_ERROR, msg, null));}public static void addSuccessMessage(String msg) {FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, msg, null));}
}

5. JPA配置 (persistence.xml)

xml

復制

下載

運行

<?xml version="1.0" encoding="UTF-8"?>
<persistence version="3.0" xmlns="http://jakarta.ee/xml/ns/persistence"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://jakarta.ee/xml/ns/persistencehttp://jakarta.ee/xml/ns/persistence/persistence_3_0.xsd"><persistence-unit name="employeePU" transaction-type="JTA"><jta-data-source>java:global/jdbc/EmployeeDS</jta-data-source><class>com.example.entity.Employee</class><properties><property name="jakarta.persistence.schema-generation.database.action" value="drop-and-create"/><property name="jakarta.persistence.sql-load-script-source"value="/META-INF/sql/data.sql"/></properties></persistence-unit>
</persistence>

6. 頁面模板 (template.xhtml)

xhtml

復制

下載

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:f="http://xmlns.jcp.org/jsf/core"xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<h:head><title>員工管理系統</title><h:outputStylesheet name="css/style.css"/><h:outputScript name="js/main.js" target="body"/>
</h:head>
<h:body><div class="container"><header><h1>員工信息管理系統</h1><nav><h:link outcome="/employee/list" value="員工列表"/><h:link outcome="/employee/search" value="員工搜索"/><h:link outcome="/employee/edit" value="新增員工"><f:param name="id" value="#{null}"/></h:link></nav></header><ui:insert name="content">默認內容</ui:insert><footer><p>? 2023 員工管理系統 - Jakarta EE 10</p></footer></div>
</h:body>
</html>

7. 員工列表頁面 (list.xhtml)

xhtml

復制

下載

<ui:composition xmlns="http://www.w3.org/1999/xhtml"xmlns:ui="http://xmlns.jcp.org/jsf/facelets"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:f="http://xmlns.jcp.org/jsf/core"template="/WEB-INF/templates/template.xhtml"><ui:define name="content"><h2>員工列表</h2><h:form id="listForm"><h:dataTable value="#{employeeBean.employees}" var="emp" styleClass="emp-table" rowClasses="odd-row,even-row"><h:column><f:facet name="header">#</f:facet>#{emp.id}</h:column><h:column><f:facet name="header">員工編號</f:facet>#{emp.employeeNumber}</h:column><h:column><f:facet name="header">姓名</f:facet>#{emp.name}</h:column><h:column><f:facet name="header">部門</f:facet>#{emp.department}</h:column><h:column><f:facet name="header">手機號碼</f:facet>#{emp.phoneNumber}</h:column><h:column><f:facet name="header">操作</f:facet><h:link outcome="/employee/edit" value="編輯"><f:param name="id" value="#{emp.id}"/></h:link><h:commandLink value="刪除" action="#{employeeBean.delete(emp.id)}"οnclick="return confirmDelete()"/></h:column></h:dataTable></h:form></ui:define>
</ui:composition>

8. 員工編輯頁面 (edit.xhtml)

xhtml

復制

下載

<ui:composition xmlns="http://www.w3.org/1999/xhtml"xmlns:ui="http://xmlns.jcp.org/jsf/facelets"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:f="http://xmlns.jcp.org/jsf/core"template="/WEB-INF/templates/template.xhtml"><ui:define name="content"><h2>#{employeeBean.employee.id == null ? '新增' : '編輯'}員工</h2><h:form id="editForm"><h:inputHidden value="#{employeeBean.employee.id}"/><h:panelGrid columns="3" styleClass="form-grid"><h:outputLabel for="empNumber" value="員工編號 *"/><h:inputText id="empNumber" value="#{employeeBean.employee.employeeNumber}"required="true" requiredMessage="員工編號不能為空"/><h:message for="empNumber" styleClass="error"/><h:outputLabel for="name" value="姓名 *"/><h:inputText id="name" value="#{employeeBean.employee.name}"required="true" requiredMessage="姓名不能為空"/><h:message for="name" styleClass="error"/><h:outputLabel for="department" value="部門"/><h:inputText id="department" value="#{employeeBean.employee.department}"/><h:message for="department"/><h:outputLabel for="phone" value="手機號碼"/><h:inputText id="phone" value="#{employeeBean.employee.phoneNumber}"/><h:message for="phone"/></h:panelGrid><div class="form-actions"><h:commandButton value="保存" action="#{employeeBean.save}" styleClass="btn-save"/><h:button value="取消" outcome="/employee/list" styleClass="btn-cancel"/></div></h:form><f:metadata><f:viewParam name="id" value="#{employeeBean.employee.id}"/><f:event type="preRenderView" listener="#{employeeBean.prepareEdit(employeeBean.employee.id)}"/></f:metadata></ui:define>
</ui:composition>

9. 員工搜索頁面 (search.xhtml)

xhtml

復制

下載

<ui:composition xmlns="http://www.w3.org/1999/xhtml"xmlns:ui="http://xmlns.jcp.org/jsf/facelets"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:f="http://xmlns.jcp.org/jsf/core"template="/WEB-INF/templates/template.xhtml"><ui:define name="content"><h2>員工搜索</h2><h:form id="searchForm"><h:inputText value="#{employeeBean.searchKeyword}" placeholder="輸入姓名、部門或手機號"/><h:commandButton value="搜索" action="#{employeeBean.search}" styleClass="btn-search"/><h:dataTable value="#{employeeBean.employees}" var="emp" rendered="#{not empty employeeBean.employees}"styleClass="search-results"><!-- 同列表頁的列定義 --></h:dataTable><h:outputText value="未找到匹配的員工" rendered="#{empty employeeBean.employees and not empty employeeBean.searchKeyword}"/></h:form></ui:define>
</ui:composition>

10. JavaScript增強功能 (main.js)

javascript

復制

下載

// 刪除確認
function confirmDelete() {return confirm("確定要刪除該員工記錄嗎？此操作不可撤銷！");
}// 表單驗證增強
document.addEventListener('DOMContentLoaded', function() {const forms = document.querySelectorAll('form');forms.forEach(form => {form.addEventListener('submit', function() {const requiredFields = form.querySelectorAll('[required]');let valid = true;requiredFields.forEach(field => {if (!field.value.trim()) {valid = false;field.classList.add('input-error');} else {field.classList.remove('input-error');}});if (!valid) {alert('請填寫所有必填字段（標有*的字段）');}return valid;});});
});

11. 數據庫初始化腳本 (data.sql)

sql

復制

下載

INSERT INTO employee (employee_number, name, department, phone) VALUES
('EMP001', '張三', '技術部', '13800138000'),
('EMP002', '李四', '市場部', '13900139000'),
('EMP003', '王五', '財務部', '13700137000');

12. 系統功能說明

員工管理
- 列表展示：分頁顯示所有員工
- 新增員工：帶表單驗證
- 編輯員工：通過URL參數傳遞ID
- 刪除員工：JavaScript確認對話框
搜索功能
- 關鍵字搜索：支持姓名/部門/手機號模糊搜索
- 實時結果顯示：AJAX風格體驗
技術亮點
- JSF組件化UI：Facelets模板、數據表格、表單驗證
- EJB事務管理：@Stateless EJB處理業務邏輯
- JPA ORM：實體關系映射、JPQL查詢
- 響應式設計：CSS媒體查詢適配移動設備
- JavaScript增強：表單驗證、刪除確認

13. 部署指南

環境要求
- Jakarta EE 10兼容服務器（WildFly 27+ / GlassFish 7+）
- Java 17+
- 數據庫（MySQL / PostgreSQL / H2）
部署步驟

bash

復制

下載

# 1. 創建數據庫和數據源
$ sudo mysql -e "CREATE DATABASE employeedb"
$ sudo mysql -e "CREATE USER 'employee'@'localhost' IDENTIFIED BY 'password'"
$ sudo mysql -e "GRANT ALL ON employeedb.* TO 'employee'@'localhost'"# 2. 配置WildFly數據源
$ /path/to/wildfly/bin/jboss-cli.sh
connect
module add --name=com.mysql --resources=/path/to/mysql-connector-j.jar --dependencies=javax.api,javax.transaction.api
data-source add --name=EmployeeDS --jndi-name=java:global/jdbc/EmployeeDS \--driver-name=mysql --connection-url=jdbc:mysql://localhost:3306/employeedb \--user-name=employee --password=password# 3. 構建部署
mvn clean package wildfly:deploy

訪問路徑
- 員工列表：http://localhost:8080/yourapp/employee/list.xhtml
- 員工搜索：http://localhost:8080/yourapp/employee/search.xhtml
- 新增員工：http://localhost:8080/yourapp/employee/edit.xhtml