学生管理前端

文章目录


首页

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,对应三个在数据库查询的方法。后来想一想,完全没必要,无非是参数的改变。全部查询,姓名"%%"模糊查询,不查询专业;其他的把姓名前后加上"%"(不要姓名查询就是"%%",全部都能查询到,此时取决于专业),有专业就带上专业参数。

相关推荐
晓得迷路了13 小时前
栗子前端技术周刊第 98 期 - NPM 生态遭受攻击、Rspack 1.5.3、Storybook 10 beta...
前端·javascript·css
江城开朗的豌豆13 小时前
解密DVA:React应用的状态管理利器
前端·javascript·react.js
码猿宝宝13 小时前
浏览器中javascript时间线,从加载到执行
开发语言·javascript·ecmascript
带娃的IT创业者13 小时前
《Python Web部署应知应会》No3:Flask网站的性能优化和实时监测深度实战
前端·python·flask
weixin_4316004413 小时前
使用 vue-virtual-scroller 实现高性能传输列表功能总结
前端·javascript·vue.js
OEC小胖胖13 小时前
App Router vs. Pages Router:我应该如何选择?
开发语言·前端·前端框架·web·next.js
潘潘潘潘潘潘潘潘潘潘潘潘13 小时前
【MySQL】从零开始学习MySQL:基础与安装指南
linux·运维·服务器·数据库·学习·mysql
GDAL13 小时前
Knockout.js Google Closure Compiler 工具模块详解
javascript·knockout
寻星探路13 小时前
数据库造神计划第八天---增删改查(CRUD)(4)
数据库·sql·mysql
软件技术NINI13 小时前
js趣味游戏 贪吃蛇
javascript