Springboot+easyUI分栏展示数据库信息及详细信息

该博客介绍了如何使用Springboot和EasyUI在一个页面中分栏展示数据库信息,并实现用户选择信息后,右侧显示详细详情的功能。内容包括数据库表结构、mapper、service、controller、html和js代码的讲解,以及操作效果的截图展示。

信息及详细信息的展示

      本篇博客主要实现信息及用户信息详情的展示,也就是说将一个frame分成两部分,左边一部分显示数据库中的信息,右边一部分显示详细信息(也就是你点击左边一部分时,右边会通过获取左边选中行中的一个属性,作为查询的条件去数据库中另一张表进行检索。)

介绍

      数据库中的表信息如下所示:

这里写图片描述

表一 教学评价表

这里写图片描述

表二 教学评价教师信息表

表三 教学评价信息视图

表三 教学评价信息视图

表三 教学评价信息视图

教学评价信息视图语句

mapper代码

@Select("select count(*) from teaching_evaluate")
    public int getTeachingEvaluateNumber();

    @Select("select * from teaching_evaluate limit #{startRecord},#{pageSize}")
    public List<Teaching_Evaluate> getTeachingEvaluateinfoByPage(@Param("startRecord")int startRecord,@Param("pageSize")int pageSize);

    @Select("select count(*) from teachingevaluate where evaluateNo=#{evaluateNo}")
    public int getTeachingEvaluateListNumberByTno(@Param("evaluateNo") String evaluateNo);

    @Select("select evaluate_no from teaching_evaluate limit 1")
    public String getTeachingEvaluateFirstTrainNo();


    @Select("select * from teachingevaluate  where evaluateNo=#{evaluateNo}  limit #{startRecord},#{pageSize}")
    public List<TeachingEvaluate> getTeachingEvaluateListByTnoByPage(@Param("evaluateNo") String evaluateNo,@Param("startRecord")int startRecord,@Param("pageSize")int pageSize);

service代码

  public int getTeachingEvaluateNumber(){
        return managemapper.getTeachingEvaluateNumber();
    }

    public List<Teaching_Evaluate> getTeachingEvaluateinfoByPage(int startRecord,int pageSize){
        return managemapper.getTeachingEvaluateinfoByPage(startRecord, pageSize);
    }

    public int getTeachingEvaluateListNumberByTno(String evaluateNo){
        return managemapper.getTeachingEvaluateListNumberByTno(evaluateNo);
    }

    public String getTeachingEvaluateFirstTrainNo(){
        return managemapper.getTeachingEvaluateFirstTrainNo();
    }

    public List<Teachin
### 使用Spring Boot和EasyUI实现学生信息管理系统的开发教程 #### 项目概述 构建一个基于Spring Boot和EasyUI的学生信息管理系统能够有效提升学校对学生资料的管理和查询效率。此系统不仅支持基本的信息增删改查操作,还提供了友好的前端界面供管理员使用。 #### 技术栈介绍 - **后端**: Spring Boot作为核心框架负责处理业务逻辑以及与数据库交互的任务[^1]。 - **前端**: EasyUI用于创建响应式的用户界面组件,简化页面布局设计工作并增强用户体验感[^3]。 #### 数据库配置 为了存储学生的个人信息,在`application.properties`文件内定义MySQL数据库连接参数如下所示: ```properties spring.datasource.url=jdbc:mysql://localhost:3306/student_management?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai spring.datasource.username=root spring.datasource.password=yourpasswordhere spring.jpa.hibernate.ddl-auto=update ``` 上述设置指定了要使用的具体数据库实例及其认证凭证,并启用了自动DDL更新功能以便同步实体类结构到表模式中去[^2]。 #### 创建实体类 针对每一条记录建立对应的Java对象来表示它;这里以Student为例展示其属性字段声明方式: ```java @Entity public class Student { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private Integer age; private String gender; // Getters and Setters omitted for brevity. } ``` 这段代码片段展示了如何利用JPA注解标注持久化特性,从而让程序知道哪些成员变量应该映射成表格列项。 #### 控制器编写 通过控制器接收来自客户端发出的各种请求并将它们分派给相应的服务层来进行实际的数据加工处理。下面是一个简单的登录跳转示例[^4]: ```java @Controller @RequestMapping("/student") public class StudentController { @Autowired private StudentService studentService; @GetMapping("/list") public ModelAndView listStudents(ModelAndView modelAndView){ List<Student> students = studentService.getAllStudents(); modelAndView.addObject("students", students); modelAndView.setViewName("studentList"); return modelAndView; } } ``` 此处定义了一个名为`/student/list`路径下的GET接口用来获取全部学员列表,并将其传递至视图模板渲染显示出来。 #### 集成EasyUI 为了让网页具备更美观大方的设计风格,可以在HTML文档头部引入官方提供的CSS样式包和JavaScript脚本资源链接地址: ```html <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/themes/default/easyui.css"> <script src="${pageContext.request.contextPath}/resources/jquery.min.js"></script> <script src="${pageContext.request.contextPath}/resources/jquery.easyui.min.js"></script> ``` 之后便可以借助这些工具快速搭建起诸如对话框、网格面板之类的复杂控件了。 ---
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值