第一题 HTML
第二题 CSS
第三题 JavaScript实现某个功能
第四题 JSP
第五题 Servelet
第六题 数据库连接
第一题：HTML
题目：创建一个HTML页面，包含一个标题、一段文本和一个按钮。点击按钮后，页面会弹出一个提示框显示“你好，世界！”。
参考答案：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML示例</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的HTML页面。</p>
<button onclick="alert('你好，世界！')">点击我</button>
</body>
</html>
第二题：CSS
题目：使用CSS为一个HTML页面设置样式，要求：
- 页面背景颜色为浅蓝色。
- 所有段落文字颜色为深灰色，字体大小为16px。
- 按钮背景颜色为红色，鼠标悬停时变为绿色。
参考答案：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS示例</title>
<style>
body {
background-color: lightblue;
}
p {
color: darkgray;
font-size: 16px;
}
button {
background-color: red;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
}
button:hover {
background-color: green;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的HTML页面。</p>
<button>点击我</button>
</body>
</html>
第三题：JavaScript实现某个功能
题目：使用JavaScript实现一个简单的计数器功能。页面上有一个按钮和一个显示数字的文本框。每次点击按钮，数字加1。
参考答案：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript计数器</title>
</head>
<body>
<h1>点击按钮增加计数</h1>
<p>当前计数：<span id="counter">0</span></p>
<button onclick="increment()">点击我</button>
<script>
function increment() {
let counter = document.getElementById("counter");
let currentValue = parseInt(counter.textContent);
counter.textContent = currentValue + 1;
}
</script>
</body>
</html>
第四题：JSP
题目：创建一个简单的JSP页面，显示当前时间。
参考答案：
<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JSP示例</title>
</head>
<body>
<h1>当前时间</h1>
<p>现在的时间是：<%= new java.util.Date() %></p>
</body>
</html>
第五题：Servlet
题目：编写一个简单的Servlet，当用户访问时，返回“欢迎访问我的Servlet！”。
参考答案：
// 文件名：HelloServlet.java
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class HelloServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.println("<!DOCTYPE html>");
out.println("<html><head><title>Servlet示例</title></head><body>");
out.println("<h1>欢迎访问我的Servlet！</h1>");
out.println("</body></html>");
}
}
web.xml配置：
<web-app ...>
<servlet>
<servlet-name>HelloServlet</servlet-name>
<servlet-class>HelloServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>HelloServlet</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
</web-app>
第六题：数据库连接
题目：使用Java编写代码，连接到MySQL数据库，并查询users表中的所有记录。
参考答案：
import java.sql.*;
public class DatabaseExample {
public static void main(String[] args) {
String url = "jdbc:mysql://localhost:3306/mydatabase"; // 数据库URL
String user = "root"; // 数据库用户名
String password = "password"; // 数据库密码
try (Connection conn = DriverManager.getConnection(url, user, password)) {
Statement stmt = conn.createStatement();
ResultSet rs = stmt.executeQuery("SELECT * FROM users");
while (rs.next()) {
System.out.println("ID: " + rs.getInt("id") + ", Name: " + rs.getString("name"));
}
} catch (SQLException e) {
e.printStackTrace();
}
}
}
复习建议
- HTML：熟悉基本标签和属性，理解页面结构。
- CSS：掌握选择器、布局和样式设置。
- JavaScript：学会操作DOM，理解事件处理和基本功能实现。
- JSP：了解JSP的基本语法和动态内容生成。
- Servlet：掌握Servlet生命周期和基本操作。
- 数据库连接：熟悉JDBC的基本使用，能够进行简单的数据库操作。
希望这些例题对你复习有所帮助！
