java制作一个课表,使用css美化
时间: 2024-10-23 17:21:46 浏览: 27
在Java中创建一个课表,并使用CSS美化可以分为两个部分:数据结构和UI设计。首先,我们创建一个简单的Java类来表示课程,然后使用HTML和CSS来展示这个课表。
1. 数据模型:定义一个`Course`类,包含属性如课程名、教师、时间和地点等。示例代码如下:
```java
public class Course {
private String courseName;
private String teacher;
private LocalTime time;
private String location;
// getters and setters
}
```
2. 创建课表列表:使用Java集合(例如ArrayList或LinkedList)存储课程实例,然后遍历它们生成HTML字符串。
```java
List<Course> courses = ...; // 初始化课程列表
StringBuilder htmlBuilder = new StringBuilder();
htmlBuilder.append("<table class='schedule'>");
for (Course course : courses) {
htmlBuilder.append("<tr>");
htmlBuilder.append("<td>" + course.getCourseName() + "</td>");
htmlBuilder.append("<td>" + course.getTeacher() + "</td>");
htmlBuilder.append("<td>" + course.getTime().toString() + "</td>");
htmlBuilder.append("<td>" + course.getLocation() + "</td>");
htmlBuilder.append("</tr>");
}
htmlBuilder.append("</table>");
String scheduleTable = htmlBuilder.toString();
```
3. 使用CSS美化:创建一个`.schedule`的CSS样式,包括颜色、字体、边距等,为课表添加美观的外观。例如:
```css
.schedule {
border-collapse: collapse;
width: 80%;
margin: auto;
}
.schedule th, .schedule td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}
.schedule th {
background-color: #f2f2f2;
font-weight: bold;
}
.day {
color: #666;
}
.location {
color: #999;
}
```
将HTML和CSS合并到一起,你就得到一个简单的Java课表了。记得将实际的课程数据填充到`courses`列表中。如果你需要更复杂的功能,比如搜索、排序等,也可以根据需求进行扩展。
阅读全文