本案例使用 Servlet+JSP 製作,用 IDEA 和 MySQL 數據庫進行搭建,詳細介紹了搭建過程及知識點。
主要功能有:
-
用戶註冊
-
用戶登錄
-
用戶列表展示
-
用戶信息修改
-
用戶信息刪除
涉及到的知識點有:
-
JDBC
-
Servlet
-
過濾器
-
EL 與 JSTL 表達式
1、首先打開 MySQL 數據庫新建一個數據庫 test,然後生成對應的表結構
CREATE TABLE `user` (
`id` int(11) NOT NULL auto_increment,
`name` varchar(255) NOT NULL,
`pwd` varchar(255) NOT NULL,
`sex` varchar(255) NOT NULL,
`home` varchar(255) NOT NULL,
`info` varchar(255) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;
INSERT INTO `user` VALUES ('3', '123', '123', '123', '123', '123');
INSERT INTO `user` VALUES ('4', '123123', '123123', '男', '北京', '123123');
2、然後打開 IDEA 新建一個 Web 項目
3、在 WEB-INF 下的 lib 中導入 MySQL 的驅動 jar 包,驅動下載可參考 MySQL 官網下載各版本連接驅動
4、建立對應的包結構
com.filter // 過濾器,解決中文字符集亂碼
com.util // 數據庫連接工具類
com.entity // 實體類
com.dao // 數據操作類
com.servlet // Servlet 類
5、在 filter 下新建一個 EncodingFilter 用來解決中文字符集亂碼,它需要實現 Filter 接口,並重寫 doFilter 函數
package com.filter;
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
public class EncodingFilter implements Filter{
public EncodingFilter(){
System.out.println("過濾器構造");
}
public void destroy() {
System.out.println("過濾器銷燬");
}
public void doFilter(ServletRequest request, ServletResponse response,FilterChain chain)
throws IOException, ServletException {
request.setCharacterEncoding("utf-8"); // 將編碼改爲 utf-8
response.setContentType("text/html;charset=utf-8");
chain.doFilter(request, response);
}
public void init(FilterConfig arg0) throws ServletException {
System.out.println("過濾器初始化");
}
}
6、到 web.xml 下進行對 EncodingFilter 相應的配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<display-name></display-name>
<filter>
<filter-name>EncodingFilter</filter-name>
<filter-class>com.filter.EncodingFilter</filter-class><!-- 全路徑,從根包開始一直到類名 -->
</filter>
<filter-mapping>
<filter-name>EncodingFilter</filter-name>
<url-pattern>/*</url-pattern> <!--過濾所有-->
</filter-mapping>
<welcome-file-list>
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
</web-app>
7、在 util 下新建一個 DBconn 類用來處理對數據庫的連接操作(用戶名或密碼按照自己的數據庫更改)
package com.util;
import java.sql.*;
public class DBconn {
static String url = "jdbc:mysql://localhost:3306/test?useunicuee=true&characterEncoding=utf8";
static String username = "root";
static String password = "123";
static Connection conn = null;
static ResultSet rs = null;
static PreparedStatement ps =null;
public static void init(){
try {
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection(url,username,password);
} catch (Exception e) {
System.out.println("init [SQL 驅動程序初始化失敗!]");
e.printStackTrace();
}
}
public static int addUpdDel(String sql){
int i = 0;
try {
PreparedStatement ps = conn.prepareStatement(sql);
i = ps.executeUpdate();
} catch (SQLException e) {
System.out.println("sql 數據庫增刪改異常");
e.printStackTrace();
}
return i;
}
public static ResultSet selectSql(String sql){
try {
ps = conn.prepareStatement(sql);
rs = ps.executeQuery(sql);
} catch (SQLException e) {
System.out.println("sql 數據庫查詢異常");
e.printStackTrace();
}
return rs;
}
public static void closeConn(){
try {
conn.close();
} catch (SQLException e) {
System.out.println("sql 數據庫關閉異常");
e.printStackTrace();
}
}
}
8、在 entity 下新建一個 User 實體類(實體即抽象出來的用戶對象,對應數據庫中的 user 表,表中每個字段在實體中爲一個屬性,一個 User 對象對應數據庫中的 user 表的一條記錄)
package com.entity;
public class User {
private int id;
private String name;
private String pwd;
private String sex;
private String home;
private String info;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPwd() {
return pwd;
}
public void setPwd(String pwd) {
this.pwd = pwd;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public String getHome() {
return home;
}
public void setHome(String home) {
this.home = home;
}
public String getInfo() {
return info;
}
public void setInfo(String info) {
this.info = info;
}
}
9、在 dao 下新建一個 UserDao 接口 以及對應的方法實現類(使用接口類是爲了規範開發)
UserDao.java
package com.dao;
import java.util.List;
import com.entity.User;
public interface UserDao {
public boolean login(String name,String pwd);// 登錄
public boolean register(User user);// 註冊
public List<User> getAllUsers();// 返回用戶信息集合
public boolean delete(int id) ;// 根據 id 刪除用戶
public boolean update(int id,String name, String pwd,String sex, String home,String info) ;// 更新用戶信息
}
新建 UserDaoImpl.java 實現 UserDao 接口,及未實現的方法(SQL 語句建議在 MySQL 中測試以下,沒有問題然後再拿到實現類中使用)
本例子 SQL 使用字符串拼接的方式,其實還有一種更安全的預加載的方式,這裏不介紹。
package com.dao;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
import com.entity.User;
import com.util.DBconn;
public class UserDaoImpl implements UserDao{
public boolean register(User user) {
boolean flag = false;
DBconn.init();
int i =DBconn.addUpdDel("insert into user(name,pwd,sex,home,info) " +
"values('"+user.getName()+"','"+user.getPwd()+"','"+user.getSex()+"','"+user.getHome()+"','"+user.getInfo()+"')");
if(i>0){
flag = true;
}
DBconn.closeConn();
return flag;
}
public boolean login(String name, String pwd) {
boolean flag = false;
try {
DBconn.init();
ResultSet rs = DBconn.selectSql("select * from user where name='"+name+"' and pwd='"+pwd+"'");
while(rs.next()){
if(rs.getString("name").equals(name) && rs.getString("pwd").equals(pwd)){
flag = true;
}
}
DBconn.closeConn();
} catch (SQLException e) {
e.printStackTrace();
}
return flag;
}
public List<User> getAllUsers() {
List<User> list = new ArrayList<User>();
try {
DBconn.init();
ResultSet rs = DBconn.selectSql("select * from user");
while(rs.next()){
User user = new User();
user.setId(rs.getInt("id"));
user.setName(rs.getString("name"));
user.setPwd(rs.getString("pwd"));
user.setSex(rs.getString("sex"));
user.setHome(rs.getString("home"));
user.setInfo(rs.getString("info"));
list.add(user);
}
DBconn.closeConn();
return list;
} catch (SQLException e) {
e.printStackTrace();
}
return null;
}
public boolean update(int id,String name, String pwd,String sex, String home,String info) {
boolean flag = false;
DBconn.init();
String sql ="update user set name ='"+name
+"' , pwd ='"+pwd
+"' , sex ='"+sex
+"' , home ='"+home
+"' , info ='"+info+"' where id = "+id;
int i =DBconn.addUpdDel(sql);
if(i>0){
flag = true;
}
DBconn.closeConn();
return flag;
}
public boolean delete(int id) {
boolean flag = false;
DBconn.init();
String sql = "delete from user where id="+id;
int i =DBconn.addUpdDel(sql);
if(i>0){
flag = true;
}
DBconn.closeConn();
return flag;
}
}
10、在 servlet 下創建 LoginServlet 用來實現對用戶登錄的操作
LoginServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
public class LoginServlet extends HttpServlet { // 需要繼承 HttpServlet 並重寫 doGet doPost 方法
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response); // 將信息使用 doPost 方法執行對應 JSP 頁面中的 form 表單中的 method
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String name = request.getParameter("name"); // 得到 JSP 頁面傳過來的參數
String pwd = request.getParameter("pwd");
UserDao ud = new UserDaoImpl();
if(ud.login(name, pwd)){
request.setAttribute("msg", "歡迎用戶"+name); // 向 request 域中放置信息
request.getRequestDispatcher("/success.jsp").forward(request, response);// 轉發到成功頁面
}else{
response.sendRedirect("index.jsp"); // 重定向到首頁
}
}
}
有兩點要注意的地方:
一:getParameter 與 getAttribute 兩者的區別
request.setAttribute("msg", "歡迎用戶"+name);
:向 request 域中放置信息( 鍵值對的形式) 名字爲 msg 內容爲"歡迎用戶"+name
request.getAttribute("msg");
:得到 request 域中放置名字爲 msg 的信息
request.getParameter("name");
:得到 request 域的參數信息(得到 JSP 頁面傳過來的參數)
getAttribute 表示從 request 範圍取得設置的屬性,必須要先 setAttribute 設置屬性,才能通過 getAttribute 來取得,設置與取得的爲 Object 對象類型 。
getParameter 表示接收參數,參數爲頁面提交的參數,包括:表單提交的參數、URL 重寫(就是 xxx?id=1 中的 id)傳的參數等,因此這個並沒有設置參數的方法(沒有 setParameter),而且接收參數返回的不是 Object,而是 String 類型
二:轉發與重定向的區別
(1)重定向的執行過程:Web 服務器向瀏覽器發送一個 http 響應--》瀏覽器接受此響應後再發送一個新的 http 請求到服務器--》服務器根據此請求尋找資源併發送給瀏覽器。它可以重定向到任意 URL,不能共享 request 範圍內的數據。
(2)重定向是在客戶端發揮作用,通過新的地址實現頁面轉向。
(3)重定向是通過瀏覽器重新請求地址,在地址欄中可以顯示轉向後的地址。
(4)轉發過程:Web 服務器調用內部方法在容器內部完成請求和轉發動作--》將目標資源發送給瀏覽器,它只能在同一個 Web 應用中使用,可以共享 request 範圍內的數據。
(5)轉發是在服務器端發揮作用,通過 forward() 方法將提交信息在多個頁面間進行傳遞。
(6)轉發是在服務器內部控制權的轉移,客戶端瀏覽器的地址欄不會顯示出轉向後的地址。
11、在 servlet 下創建一個 RegisterServlet 用來實現用戶註冊的操作
RegisterServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
import com.entity.User;
public class RegisterServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String name = request.getParameter("name"); // 獲取 JSP 頁面傳過來的參數
String pwd = request.getParameter("pwd");
String sex = request.getParameter("sex");
String home = request.getParameter("home");
String info = request.getParameter("info");
User user = new User(); // 實例化一個對象,組裝屬性
user.setName(name);
user.setPwd(pwd);
user.setSex(sex);
user.setHome(home);
user.setInfo(info);
UserDao ud = new UserDaoImpl();
if(ud.register(user)){
request.setAttribute("username", name); // 向 request 域中放置參數
//request.setAttribute("msg", "註冊成功");
request.getRequestDispatcher("/login.jsp").forward(request, response); // 轉發到登錄頁面
}else{
response.sendRedirect("index.jsp");// 重定向到首頁
}
}
}
12、在 servlet 下創建 SearchallServlet 用來返回數據庫中所有用戶信息
ListAll.java
package com.servlet;
import java.io.IOException;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
import com.entity.User;
public class ListAll extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
UserDao ud = new UserDaoImpl();
List<User> allUsers = ud.getAllUsers();
request.setAttribute("allUsers", allUsers);
request.getRequestDispatcher("/listAll.jsp").forward(request, response);
}
}
13、在 servlet 下創建 DeleteServlet 用來刪除用戶操作
DeleteServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
public class DeleteServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String id = request.getParameter("id");
int userId = Integer.parseInt(id);
UserDao ud = new UserDaoImpl();
if(ud.delete(userId)){
request.setAttribute("msg", "刪除成功");
request.getRequestDispatcher("/ListAll").forward(request, response);
}else{
response.sendRedirect("index.jsp");
}
}
}
14、在 servlet 下創建 UpdateServlet 操作用來更新用戶信息
UpdateServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
import com.entity.User;
public class UpdateServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String id = request.getParameter("id");
int userId = Integer.parseInt(id);
String name = request.getParameter("name");
String pwd = request.getParameter("pwd");
String sex = request.getParameter("sex");
String home = request.getParameter("home");
String info = request.getParameter("info");
System.out.println("------------------------------------"+userId);
UserDao ud = new UserDaoImpl();
if(ud.update(userId, name, pwd, sex, home, info)){
request.setAttribute("msg", "更新成功");
request.getRequestDispatcher("/ListAll").forward(request, response);
}else{
response.sendRedirect("index.jsp");
}
}
}
15、在 web.xml 中配置 Servlet
<?xml version="1.0" encoding="UTF-8"?>
<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_4_0.xsd"
version="4.0">
<display-name></display-name>
<filter><!-- 過濾器配置 -->
<filter-name>EncodingFilter</filter-name>
<filter-class>com.filter.EncodingFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>EncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<servlet><!--servlet 類路徑配置 -->
<servlet-name>LoginServlet</servlet-name>
<servlet-class>com.servlet.LoginServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>RegisterServlet</servlet-name>
<servlet-class>com.servlet.RegisterServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>ListAll</servlet-name>
<servlet-class>com.servlet.ListAll</servlet-class>
</servlet>
<servlet>
<servlet-name>DeleteServlet</servlet-name>
<servlet-class>com.servlet.DeleteServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>UpdateServlet</servlet-name>
<servlet-class>com.servlet.UpdateServlet</servlet-class>
</servlet>
<servlet-mapping><!--servlet 類映射配置 -->
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/LoginServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>RegisterServlet</servlet-name>
<url-pattern>/RegisterServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>ListAll</servlet-name>
<url-pattern>/ListAll</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>DeleteServlet</servlet-name>
<url-pattern>/DeleteServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>UpdateServlet</servlet-name>
<url-pattern>/UpdateServlet</url-pattern>
</servlet-mapping>
<welcome-file-list><!-- 默認首頁地址 -->
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
</web-app>
16、新建 JSP 頁面
login.jsp 用戶登錄頁面 默認頁面進入項目後 先進入該頁面(web.xml 中配置)
form 表單中需要注意的是<form action="LoginServlet" method="post">
其中 action 即爲要跳轉的 Servlet 路徑(即在 web.xml 中配置的 servlet-mapping:<url-pattern>/LoginServlet</url-pattern>
)中寫在 / 後的內容。
method="post" 爲請求類型,有兩種,第一種 get,第二種 post,表單一般用 post。
另一個需要注意的是用戶名:<input type="text" name="name" value="">
,input 標籤一定要有 name 屬性,如 name="name"
name 屬性的作用就是讓後臺通過request.getParterment("name");
來取值。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登錄註冊頁面</title>
</head>
<body>
<form action="LoginServlet" method="post" style="padding-top:-700px;">
用戶名:<input type="text" name="name" value=""><br><br>
密碼: <input type="password" name="pwd" value=""><br><br>
<input type="submit" value="登錄" name="login"><input type="reset" value="重置"><br>
</form>
<form action="register.jsp">
<input type="submit" value="新用戶註冊">
</form>
</body>
</html>
register.jsp(用戶註冊頁面)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'BB.jsp' starting page</title>
</head>
<body >
<form action="RegisterServlet" method="post" style="padding-top:-700px;">
輸入用戶名:<input name="name" type="text"><br><br>
輸入密碼:<input name="pwd" type="password"><br><br>
選擇性別:<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女<br><br>
選擇家鄉:
<select name="home">
<option value="上海">上海</option>
<option value="北京" selected>北京</option>
<option value="紐約">紐約</option>
</select><br>
填寫個人信息:<br>
<textarea name="info" row="5" cols="30"></textarea><br>
<input type="reset" value="重置"><input type="submit" value="註冊">
</form>
</body>
</html>
index.jsp(失敗頁面)
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<body>
<h1>失敗</h1>
</body>
</html>
success.jsp(成功頁面)
${msg} 爲 EL 表達式 獲取 request 域中的鍵名爲 msg 的值
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'success.jsp' starting page</title>
</head>
<body>
${msg}<br>
<a href="ListAll">查看所有用戶</a>
</body>
</html>
listAll.jsp(展現所有用戶頁面)
頁面使用的到 JSTL 表達式,即 c 標籤。使用 c 標籤需要下載 jakarta-taglibs-standard-1.1.2.zip,將其中的 下載 jstl.jar 和 standard.jar 加入 lib 文件夾,並使用<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
引入頭文件。
需要注意的的是 El 標籤配合 JSTl 標籤的使用,<c:forEach var="U" items="${userAll}">
中 foeEach 標籤的遍歷的內容即爲 EL 表達式獲取的${userAll}
,每個遍歷的元素指定別名爲 "U"。
c 標籤內遍歷的屬性也需要用${ }
獲取。此時別名 U 即爲當前集合中的 User 對象,想得到屬性只需要用${ U.屬性名 }
即可
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>所有用戶頁面</title>
</head>
<body>
<h1>${msg}</h1>
<table width="600" border="1" cellpadding="0" >
<tr>
<th>ID</th>
<th>姓名</th>
<th>性別</th>
<th>密碼</th>
<th>家鄉</th>
<th>備註</th>
<th>操作</th>
</tr>
<c:forEach var="U" items="${allUsers}" >
<form action="UpdateServlet" method="post">
<tr>
<td><input type="text" value="${U.id}" name="id" ></td>
<td><input type="text" value="${U.name}" name="name"></td>
<td><input type="text" value="${U.sex}" name="sex"></td>
<td><input type="text" value="${U.pwd}" name="pwd"></td>
<td><input type="text" value="${U.home}" name="home"></td>
<td><input type="text" value="${U.info}" name="info"></td>
<td><a href="DeleteServlet?id=${U.id}">刪除</a> <input type="submit" value="更新"/></td>
</tr>
</form>
</c:forEach>
</table>
</body>
</html>
項目結構