学生管理前端

文章目录


首页

SpringBoot前端html页面放在static文件夹下:/src/main/resources/static

默认首页为index.html,我们可以用两个超链接或者两个button跳转到对应的页面。这里只是单纯的跳转页面,不需要提交表单等其他操作,我们用超链接是个不错的选择。

html 复制代码
<title>首页</title>
</head>
<body>
	<div align="center">
	<a href="student.html">学生管理</a>
		<a href="scoreinfo.html">成绩管理</a>
	</div>
</body>

student.html

功能介绍:跳转到该界面后自动显示所有学生信息,顶部有新增按钮,查询按钮,每一条记录后面有修改和删除按钮。

首先在body处增加onload,表示每次进入该界面会自动执行此函数。

查询功能

1.进入student.html做一次全部查询。

2.姓名模糊查询

3.专业查询

4.姓名专业联合查询

我刚开始在Controller写了三个url,对应三个在数据库查询的方法。后来想一想,完全没必要,无非是参数的改变。全部查询,姓名"%%"模糊查询,不查询专业;其他的把姓名前后加上"%"(不要姓名查询就是"%%",全部都能查询到,此时取决于专业),有专业就带上专业参数。

相关推荐
程序媛小果4 分钟前
基于Spring Boot + Vue的常规应急物资管理系统设计与实现
vue.js·spring boot·后端
m0_7482509315 分钟前
Spring Boot 2.7.x 至 2.7.18 及更旧的版本,漏洞说明
java·spring boot·后端
mua码1 小时前
二十三种设计模式
java·设计模式
飞3001 小时前
腾讯集团软件开发-后台开发方向内推
java·mysql·业界资讯
码熔burning3 小时前
(十 五)趣学设计模式 之 命令模式!
java·设计模式·命令模式
暴怒的代码3 小时前
云原生监控篇——全链路可观测性与AIOps实战
数据库·sql·mysql
gentle coder4 小时前
【框架】Spring、SpringBoot和SpringCloud区别
spring boot·spring·spring cloud
诸葛亮的芭蕉扇4 小时前
Vue3核心编译库@vuecompiler-core内容分享
前端·javascript·vue.js
Hopebearer_5 小时前
Vue3生命周期以及与Vue2的区别
前端·javascript·vue.js·前端框架·vue3
雅望天堂i6 小时前
vue的diff算法
前端·javascript·vue.js