如何在SSM架构中编写出优雅而直观的前端代码,用于展示学生信息(学生信息包括学号,姓名,专业)?
时间: 2024-10-23 08:05:45 浏览: 10
在Spring MVC (SSM)架构中,编写优雅且直观的前端代码来显示学生信息通常涉及以下几个步骤:
1. **模型层**(Model): 创建一个Student实体类,例如`Student.java`:
```java
public class Student {
private String studentId;
private String name;
private String major;
// getters and setters
}
```
2. **服务层**(Service): 实现一个`StudentService.java`,通过`@Repository`注解连接数据库查询学生信息:
```java
@Service
public class StudentService {
@Autowired
private StudentRepository repository;
public List<Student> getAllStudents() {
return repository.findAll();
}
}
```
3. **控制器层**(Controller): 在`StudentController.java`中处理HTTP请求和响应,比如GET请求获取所有学生:
```java
@RestController
@RequestMapping("/students")
public class StudentController {
@Autowired
private StudentService service;
@GetMapping
public List<Student> getStudents() {
return service.getAllStudents();
}
}
```
4. **模板引擎**(如Thymeleaf、Freemarker等): 在前端页面`studentList.html`中,使用JSP或Thymeleaf语法遍历返回的学生列表并展示:
```html
<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Major</th>
</tr>
<c:forEach items="${students}" var="student">
<tr>
<td>${student.studentId}</td>
<td>${student.name}</td>
<td>${student.major}</td>
</tr>
</c:forEach>
</table>
```
5. **路由配置**(WebMvcConfigurer或@Configuration): 如果使用Spring Boot, 可能需要设置静态资源路径:
```java
@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
}
}
```
现在前端可以访问`/students` URL来查看学生信息列表。每次更新数据库,只要服务层相应地改变,前端展示的数据就会自动同步。
阅读全文