一站式网上办事大厅

小李：嘿，小张，最近我听说学校要搞一个“一站式网上服务大厅”，这到底是个什么玩意儿？

小张：哦，这个啊，就是把原本分散在各个部门的线上服务整合到一个平台上，方便师生一站式办理各种事务，比如选课、成绩查询、请假申请等等。

小李：听起来挺方便的，但具体怎么实现呢？是不是得用很多技术？

小张：没错，这涉及到前后端开发、数据库设计、接口调用、权限管理等多个方面。我们先从整体架构说起吧。

小李：那整个系统是怎么搭建的？有没有什么特别的技术栈？

小张：一般来说，我们会采用前后端分离的架构。前端使用Vue.js或React这样的现代前端框架，后端用Spring Boot或者Django来处理业务逻辑。数据库的话，一般会用MySQL或者PostgreSQL。

小李：那这些技术之间是怎么通信的？是不是要用RESTful API？

小张：对，没错。前端和后端之间通过RESTful API进行数据交互。比如，用户在前端填写表单，点击提交按钮后，前端会向后端发送一个POST请求，后端处理完数据后返回响应。

小李：那权限管理怎么处理？不同角色的用户访问权限不一样吧？

小张：是的，高校的系统通常会有多个角色，比如学生、教师、管理员。我们需要在后端做权限控制，通常使用JWT（JSON Web Token）来进行身份验证。当用户登录后，服务器生成一个token，并将其返回给前端。后续请求中，前端需要携带这个token，后端才会允许访问。

小李：那具体的代码怎么写呢？能不能给我看个例子？

小张：当然可以。下面是一个简单的Spring Boot后端示例，用于用户登录并返回token。

// User.java
public class User {
    private String username;
    private String password;
    // getters and setters
}

// LoginRequest.java
public class LoginRequest {
    private String username;
    private String password;
    // getters and setters
}

// JwtUtil.java
import io.jsonwebtoken.Jwts;
import io.jsonwebtoken.SignatureAlgorithm;
import io.jsonwebtoken.security.Keys;
import java.security.Key;
import java.util.Date;

public class JwtUtil {
    private static final Key SECRET_KEY = Keys.secretKeyFor(SignatureAlgorithm.HS256);
    private static final long EXPIRATION_TIME = 86400000; // 1 day

    public static String generateToken(String username) {
        return Jwts.builder()
                .setSubject(username)
                .setExpiration(new Date(System.currentTimeMillis() + EXPIRATION_TIME))
                .signWith(SECRET_KEY)
                .compact();
    }

    public static String getUsernameFromToken(String token) {
        return Jwts.parserBuilder()
                .setSigningKey(SECRET_KEY)
                .build()
                .parseClaimsJws(token)
                .getBody()
                .getSubject();
    }
}

// AuthController.java
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/auth")
public class AuthController {
    @PostMapping("/login")
    public ResponseEntity login(@RequestBody LoginRequest request) {
        // 这里应该去数据库验证用户名和密码
        if ("admin".equals(request.getUsername()) && "123456".equals(request.getPassword())) {
            String token = JwtUtil.generateToken(request.getUsername());
            return ResponseEntity.ok(token);
        } else {
            return ResponseEntity.status(401).body("Invalid credentials");
        }
    }
}
    

小李：哇，这个代码看起来挺完整的。那前端怎么调用这个API呢？

小张：前端可以用Axios或者Fetch API来发送请求。下面是一个简单的Vue.js示例，展示如何调用登录接口。

// Login.vue



    

小李：明白了。那除了登录之外，其他功能怎么实现？比如选课系统？

小张：选课系统涉及的数据量比较大，所以需要用到更复杂的数据库设计。通常我们会用MySQL来存储课程信息、学生信息、选课记录等。

小李：那数据库结构是怎样的？能举个例子吗？

小张：好的，下面是一个简单的课程表和选课表的SQL示例：

-- 课程表
CREATE TABLE course (
    id INT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(100) NOT NULL,
    teacher VARCHAR(100),
    time VARCHAR(50),
    max_students INT
);

-- 学生表
CREATE TABLE student (
    id INT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(100) NOT NULL,
    student_id VARCHAR(20) UNIQUE NOT NULL
);

-- 选课记录表
CREATE TABLE enrollment (
    id INT PRIMARY KEY AUTO_INCREMENT,
    student_id INT,
    course_id INT,
    FOREIGN KEY (student_id) REFERENCES student(id),
    FOREIGN KEY (course_id) REFERENCES course(id)
);
    

小李：这样设计好像挺合理的。那前端怎么显示这些数据？

小张：前端可以通过Axios请求后端的REST API获取数据，然后渲染到页面上。比如，选课页面可能会展示所有课程列表，学生可以选择课程并提交。

小李：那如果学生选了超过课程容量怎么办？

小张：这时候就需要后端进行校验。在插入选课记录之前，先查询该课程当前的学生数量，如果已经满了，就拒绝添加。

小李：那权限控制是不是还需要考虑？比如管理员可以管理课程，学生只能查看和选课？

小张：对，权限控制是关键。我们可以使用Spring Security来实现基于角色的访问控制（RBAC）。例如，只有管理员角色才能访问管理界面，普通学生只能访问选课界面。

小李：那具体怎么配置Spring Security呢？

小张：这里是一个简单的配置示例：

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http
            .csrf().disable()
            .authorizeRequests()
            .antMatchers("/api/course/**").hasRole("ADMIN")
            .anyRequest().authenticated()
            .and()
            .httpBasic();
    }
}
    

小李：看来这套系统确实挺复杂的。不过有了这些技术，应该能很好地满足高校的需求。

小张：没错，一站式服务大厅不仅提升了用户体验，也大大提高了学校的管理效率。

小李：谢谢你详细讲解，我对这个项目有了更深的理解。

小张：不客气，如果你感兴趣，我们可以一起研究更多细节。