Hệ thống quản lý hỗ trợ sinh viên dựa trên WeChat Mini Program, Spring Boot và Vue.js

Công nghệ sử dụng

Spring Boot

Spring Boot là nền tảng phát triển ứng dụng Java với khả năng tự động cấu hình và tích hợp nhiều tiện ích mở rộng. Khác biệt nổi bật là tích hợp sẵn máy chủ web và hỗ trợ triển khai nhanh chóng.


@SpringBootApplication
@RestController
public class DemoApplication {
    public static void main(String[] args) {
        SpringApplication.run(DemoApplication.class, args);
    }

    @GetMapping("/api/test")
    public String getResponse() {
        return "Kết nối thành công!";
    }
}

Đoạn mã trên minh họa cách khởi tạo ứng dụng Spring Boot với endpoint API trả về thông báo đơn giản. Khi chạy ứng dụng, có thể truy cập http://localhost:8080/api/test để kiểm tra.

Vue.js

Vue.js là framework JavaScript nổi bật với cơ chế phản hồi dữ liệu hai chiều và virtual DOM. Ví dụ sau minh họa cách binding dữ liệu:


<div id="app">
  <p>{{ noiDung }}</p>
  <input v-model="noiDung" placeholder="Nhập dữ liệu">
</div>

<script>
new Vue({
  el: '#app',
  data: {
    noiDung: 'Xin chào Vue!'
  }
});
</script>

Khi người dùng nhập liệu vào ô input, giá trị sẽ tự động cập nhật hiển thị trên thẻ <p> nhờ cơ chế phản hồi của Vue.

MyBatis

MyBatis cung cấp giải pháp ánh xạ quan hệ giữa Java objects và cơ sở dữ liệu thông qua file cấu hình XML hoặc annotation. Ví dụ:


@Mapper
public interface SinhVienMapper {
    @Select("SELECT * FROM sinh_vien WHERE id = #{id}")
    SinhVien selectById(Long id);
    
    @Insert("INSERT INTO sinh_vien(ho_ten, diem) VALUES(#{hoTen}, #{diem})")
    void insert(SinhVien sv);
}

Interface này định nghĩa các phương thức truy vấn và thêm mới bản ghi sinh viên vào cơ sở dữ liệu.

Cơ sở dữ liệu

Thiết kế bảng sinh_vien:


CREATE TABLE sinh_vien (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    ho_ten VARCHAR(100) NOT NULL,
    ngay_sinh DATE,
    diem DECIMAL(5,2),
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

Quy trình kiểm thử

Áp dụng phương pháp kiểm thử hộp đen để kiểm tra chức năng đăng nhập:

Nhập liệuKết quả kỳ vọngKết quả thực tế
Tài khoản: admin, Mật khẩu: 123456Đăng nhập thành công
Tài khoản: user1, Mật khẩu: saiBáo lỗi xác thực

Thẻ: Spring Boot Vue.js WeChat Mini Program mybatis Java

Đăng vào ngày 1 tháng 6 lúc 14:05