js php mysql_js+php+mysql实现的学生成绩管理系统

最新推荐文章于 2022-09-06 19:06:25 发布
最新推荐文章于 2022-09-06 19:06:25 发布
阅读量271 收藏 1
点赞数
文章标签： js php mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39663602/article/details/113164076
版权

js+php的简单学生管理系统,自己建个students的数据库

实现的效果如下图所示：

注册

0fcbaff1ff432e9cb90d04a8f69e11ab.png

登录

2f42024e33af0c1734889c42f10af68d.png

系统主页

1ee668d5d5374f9de68784a691447d8a.png

新增页面

cfbfd88513f20b623db48fa66a223128.png

修改页面

dc39c0e5d3f3474d27e0478170e5b075.png

注册页面--register.html

Document

html,body{

width: 100%;

height: 100%;

}

body{

background: url(./1.png) no-repeat 100% 100%;

}

body .container{

width: 100%;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

}

#register{

width: 400px;

}

.panel-footer{

display: flex;

/* 垂直方向 */

align-items: center;

/* 水平方向 */

justify-content: space-between;

}

.alert{

margin: 0px;

padding: 2px;

text-align: center;

display: none;

}

注册

用户名：

密码：

确认密码：

...

马上登陆

注册

import {$post, antiShake} from "./ajax.js";

var oBtn = document.querySelector("#registerBtn");

var aInputs = document.querySelectorAll(".panel-body input");

var aAlert = document.querySelector(".alert");

//函数防抖

oBtn.onclick = antiShake(download, 1000);

function download(){

$post({

url: "register.php",

data: {

username: aInputs[0].value,

password: aInputs[1].value,

repassword: aInputs[2].value,

createTime: (new Date().getTime())

},

success: function(result){

// console.log(result);

var obj = JSON.parse(result);

aAlert.style.display = 'block';

if(obj.code){

//错误

aAlert.className = 'alert alert-danger';

aAlert.innerHTML = obj.msg;

}else{

aAlert.className = 'alert alert-success';

//成功

aAlert.innerHTML = obj.msg;

setTimeout(() => {

location.assign("login.html");

}, 500);

}

},

error: function(msg){

console.log(msg);

}

})

}

注册的php代码-register.php

header('content-type:text/html;charset="utf-8"');

$responseData = array("code" => 0, "msg" => "");

/*

在后台再进行一次数据校验

*/

$username = $_POST['username'];

$password = $_POST['password'];

$repassword = $_POST['repassword'];

$createTime = $_POST['createTime'];

//1、判断用户名是否存在

if(!$username){

$responseData['code'] = 1;

$responseData['msg'] = "用户名不能为空";

echo json_encode($responseData);

exit;

}

if(!$password){

$responseData['code'] = 2;

$responseData['msg'] = "密码不能为空";

echo json_encode($responseData);

exit;

}

if($password != $repassword){

$responseData['code'] = 3;

$responseData['msg'] = "两次输入不一致";

echo json_encode($responseData);

exit;

}

$link = mysqli_connect("127.0.0.1", "root", "123456abc");

if(!$link){

$responseData['code'] = 4;

$responseData['msg'] = "服务器忙";

echo json_encode($responseData);

exit;

}

mysqli_set_charset($link, "utf8");

mysqli_select_db($link, "qd2002");

$sql = "SELECT * FROM users WHERE username='{$username}'";

//mysql result

$res = mysqli_query($link, $sql);

//取出一行

$row = mysqli_fetch_assoc($res);

//已经注册

if($row){

$responseData['code'] = 5;

$responseData['msg'] = "用户名已经存在";

echo json_encode($responseData);

exit;

}

//加密

$str = md5(md5(md5($password).'qianfeng').'xiaoming');

//准备sql，插入

$sql2 = "INSERT INTO users (username,password,createTime) VALUES('{$username}','{$str}',{$createTime})";

$res = mysqli_query($link, $sql2);

if($res){

$responseData['msg'] = "注册成功";

echo json_encode($responseData);

}else{

$responseData['code'] = 6;

$responseData['msg'] = "注册失败";

echo json_encode($responseData);

exit;

}

mysqli_close($link);

?>

登录页面-login.html

Document

html,body{

width: 100%;

height: 100%;

}

body{

background: url(./1.png) no-repeat 100% 100%;

}

body .container{

width: 100%;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

}

#login{

width: 400px;

}

.panel-footer{

display: flex;

/* 垂直方向 */

align-items: center;

/* 水平方向 */

justify-content: space-between;

}

.alert{

margin: 0px;

padding: 2px;

text-align: center;

display: none;

}

登陆

用户名：

密码：

...

马上注册

登陆

import {$post, antiShake} from "./ajax.js";

var oBtn = document.querySelector("#loginBtn");

var aInputs = document.querySelectorAll(".panel-body input");

var aAlert = document.querySelector(".alert");

//函数防抖

oBtn.onclick = antiShake(download, 1000);

function download(){

$post({

url: "login.php",

data: {

username: aInputs[0].value,

password: aInputs[1].value,

},

success: function(result){

// console.log(result);

var obj = JSON.parse(result);

aAlert.style.display = 'block';

if(obj.code){

//错误

aAlert.className = 'alert alert-danger';

aAlert.innerHTML = obj.msg;

}else{

aAlert.className = 'alert alert-success';

//成功

aAlert.innerHTML = obj.msg;

}

},

error: function(msg){

console.log(msg);

}

})

}

登录页面-login.php

header('content-type:text/html;charset="utf-8"');

$responseData = array("code" => 0, "msg" => "");

/*

在后台再进行一次数据校验

*/

$username = $_POST['username'];

$password = $_POST['password'];

//1、判断用户名是否存在

if(!$username){

$responseData['code'] = 1;

$responseData['msg'] = "用户名不能为空";

echo json_encode($responseData);

exit;

}

if(!$password){

$responseData['code'] = 2;

$responseData['msg'] = "密码不能为空";

echo json_encode($responseData);

exit;

}

//天龙八部

//1、链接数据库

$link = mysqli_connect("127.0.0.1", "root", "123456abc");

//2、判断数据库是否链接成功

if(!$link){

$responseData['code'] = 4;

$responseData['msg'] = "服务器忙";

echo json_encode($responseData);

exit;

}

//3、设置访问字符集

mysqli_set_charset($link, "utf8");

//4、选择我们要访问的数据库

mysqli_select_db($link, "qd2002");

//5、准备sql语句，进行登陆

//加密

$str = md5(md5(md5($password).'qianfeng').'xiaoming');

$sql = "SELECT * from users WHERE username='{$username}' AND password='{$str}'";

//6、发送sql语句

$res = mysqli_query($link, $sql);

//查询，取出其中的行

$row = mysqli_fetch_assoc($res);

// var_dump($row);

if($row){

$responseData['msg'] = "登陆成功";

echo json_encode($responseData);

}else{

$responseData['code'] = 5;

$responseData['msg'] = "用户名或密码错误";

echo json_encode($responseData);

exit;

}

mysqli_close($link);

?>

主页面 show.html

<

Document

.box{

box-sizing: border-box;

width: 100%;

height: 100%;

padding: 100px;

position: absolute;

top: 0%;

left: 0%;

background-color: rgba(200, 200, 200, .7);

display: none;

}

.panel-footer{

display: flex;

justify-content: center;

align-items: center;

}

学生成绩管理系统

获取学生成绩

添加学生成绩

学生学号学生姓名语文成绩数学成绩英语成绩操作

学生姓名：

语文成绩：

数学成绩：

英语成绩：

取消

确定

import {post} from "./ajax.js";

var oBtain = document.querySelector(".select");

var oAdd = document.querySelector(".add")

var oTb = document.querySelector("#tb");

var oBox = document.querySelector(".box");

var oCancel =document.querySelector(".cancel");

var oSubmit = document.getElementById("submit");

//展示信息

function show(){

post({

url:"show.php",

success:function(result){

var arr = JSON.parse(result);

var str = '';

for(var i = 0;i

str +=`

${arr[i].id}${arr[i].username}${arr[i].chinese}${arr[i].math}${arr[i].english}删除修改`

}

oTb.innerHTML=str;

},

error:function(error){

console.log(error)

}

})

}

oBtain.onclick = function(){

show()

}

var aIput = document.querySelectorAll("input");

//插入信息

oAdd.onclick = function(){

oBox.style.display="block";

oSubmit.onclick = function(){

post({

url:"insert.php",

data:{

username:aIput[0].value,

chinese:aIput[1].value,

math:aIput[2].value,

english:aIput[3].value,

},

success:function(result){

if(result=="success"){

alert("添加成功")

}else{

alert("添加失败，请重试")

}

},

error:function(error){

console.log(error)

}

})

}

}

oCancel.onclick = function(){

oBox.style.display="none";

}

//删除和修改学生信息

oTb.onclick = function(eve){

var e = eve||window.event;

var target = e.target ||e.srcElement;

if(target.nodeName.toLocaleLowerCase() == 'button'){

switch(target.className){

//删除

case 'btn btn-danger':

post({

url:"delete.php",

data:{

id:target.id

},

success:function(result){

if(result=="success"){

oTb.removeChild(target.parentNode.parentNode);

alert("删除成功")

}else{

alert("删除失败")

}

}

});

break;

//修改

case 'btn btn-warning':

post({

url:"update.php",

data:{

id:target.id

},

success:function(result){

var arr = JSON.parse(result);

oBox.style.display="block";

aIput[0].value=arr[0].username,

aIput[1].value=arr[0].chinese,

aIput[2].value=arr[0].math,

aIput[3].value=arr[0].english;

var id = arr[0].id;

oSubmit.οnclick=function(){

post({

url:"update1.php",

data:{

id:id,

username:aIput[0].value,

chinese:aIput[1].value,

math:aIput[2].value,

english:aIput[3].value,

},

success:function(result){

if(result=="success"){

alert("修改成功")

}else{

alert("请重新修改")

}

}

})

}

}

})

}

}

}

通过ajax传数据-ajax.js

export{

post,

get,

ajax

}

function post(){

var argus =Object.assign({"method" :"post"},...arguments)

var g = new Ajax(argus);

g.init();

g.type()

}

function get(){

var argus =Object.assign({"method" :"get"},...arguments)

var g = new Ajax(argus);

g.init();

g.type()

}

// function ajax(){

// var a =new Ajax(...arguments);

// a.init();

// a.type();

// }

function ajax(){

var a = new Ajax(...arguments);

a.init();

a.type()

}

class Ajax{

constructor({method,url,data,success,error}){

this.method = method;

this.url = url;

this.data = data;

this.success = success;

this.error = error;

}

init(){

var xhr = null;

try{

xhr = new XMLHttpRequest;

}catch{

xhr = new ActiveXObject("XMLHTTP");

}

return xhr;

}

type(){

var xhr= this.init()

var querystring=""

if(this.data){

querystring = this.queryString(this.data);

}

if(this.method=="get"){

xhr.open(this.method,this.url+"?"+querystring,true);

xhr.send();

}else{

xhr.open(this.method,this.url,true);

xhr.setRequestHeader('content-type', "application/x-www-form-urlencoded");

xhr.send(querystring);

}

xhr.onreadystatechange = ()=>{

if(xhr.readyState ==4){

if(xhr.status==200){

if(this.success){

this.success(xhr.responseText)

}

}else{

if(this.error){

this.error("error"+xhr.status)

}

}

}

}

}

queryString(dataObj){

var str='';

for(var attr in dataObj){

str+=`${attr}=${dataObj[attr]}&`

}

return str.substring(0,str.length-1)

}

}

分页-paging.php

header("content-type:text/html,charset='utf8'");

$page = $_POST['page'] ? $_POST['page'] :1;

$limit = $_POST['limit'] ? $_POST['limit']:10;

$count = 0; //总条数

$pages = 0; //总页数

$skip = 0; //跳过的条数

$link=mysqli_connect("localhost","root","root");

if(!$link){

echo "服务器忙，请重试";

exit;

}

mysqli_set_charset($link,"utf8");

mysqli_select_db($link,"nz");

$sql = "SELECT COUNT(*) FROM students";

$res=mysqli_query($link,$sql);

$row = mysqli_fetch_assoc($res);

$count = $row['COUNT(*)'];

// echo $count;

$pages = ceil($count / $limit);

$page = max(1, $page);

$page = min($page, $pages);

$skip = ($page -1) * $limit;

$msg =array(

"page" => $page,

"count" => $count,

"pages" => $pages,

"limit" => $limit,

"skip" => $skip,

"userlist" => array()

);

$sql2 = "SELECT * FROM students LIMIT {$skip}, {$limit}";

$res2 = mysqli_query($link, $sql2);

while($row2 = mysqli_fetch_assoc($res2)){

array_push($msg['userlist'], $row2);

}

echo json_encode($msg);

mysqli_close($link);

?>

数据添加 insert.php

header("content-type:text/html,charset='utf8'");

$username = $_POST['username'];

$chinese = $_POST['chinese'];

$math = $_POST['math'];

$english = $_POST['english'];

$link = mysqli_connect("localhost","root","root");

if(!$link){

echo "服务器忙，请稍后重试";

exit;

};

mysqli_set_charset($link,"utf8");

mysqli_select_db($link,"nz");

$sql ="insert into students (username,chinese,math,english) values('{$username}','{$chinese}','{$math}','{$english}')";

$res = mysqli_query($link,$sql);

if($res){

echo "success";

}else{

echo "error";

};

mysqli_close($link);

?>

数据删除 delete.php

header('content-type:text/html,charset="utf8"');

$id=$_POST['id'];

$link=mysqli_connect("localhost","root","root");

if(!$link){

echo "服务器忙，请重试";

exit;

};

mysqli_set_charset($link,"utf8");

mysqli_select_db($link,"nz");

$sql="delete from students where id={$id}";

$res = mysqli_query($link,$sql);

if($res){

echo "success";

}else{

echo "error";

};

mysqli_close($link);

?>

数据修改-查找update.php

header("content-type:text/html,charset='utf8'");

$id=$_POST['id'];

$link=mysqli_connect("localhost","root","root");

if(!$link){

echo "服务器忙，请重试";

exit;

}

mysqli_set_charset($link,"utf8");

mysqli_select_db($link,"nz");

$sql="select * from students where id ='{$id}'";

$res=mysqli_query($link,$sql);

$arr = array();

while($row=mysqli_fetch_assoc($res)){

array_push($arr,$row);

};

echo json_encode($arr);

mysqli_close($link);

?>

数据修改-更新 update1.php

header("content-type:text/html,charset='utf8'");

$id = $_POST['id'];

$username = $_POST['username'];

$chinese = $_POST['chinese'];

$math = $_POST['math'];

$english = $_POST['english'];

$link=mysqli_connect("localhost","root","root");

if(!$link){

echo "服务器忙，请重试";

exit;

}

mysqli_set_charset($link,"utf8");

mysqli_select_db($link,"nz");

// $sql="delete from students where id={$id}";

$sql = "UPDATE students SET username ={$username} ,chinese ={$chinese},math={$math},english={$english} where id={$id}";

$res=mysqli_query($link,$sql);

if($res){

echo "success";

}else{

echo "error";

};

mysqli_close($link);

?>

weixin_39663602
关注
php学生成绩管理系统
06-20
php学生成绩管理系统，大三的php课程设计，有实验报告和源代码加mysql数据库备份文件。可以直接拿来用
学生成绩管理系统PHP
04-02
简单的 学生成绩管理系统，用于对学生信息作相应的管理，其中包括对学生信息的一些增删查改，也包含的了管理对整个成绩系统的整体管理。
基于php的学生成绩管理系统
QQ626162193的博客
09-06 987
本课题开发的是一个学生成绩管理系统,其主要功能是完成对学生成绩的基本管理,主要模块包括：用户管理模块,学生信息模块,课程模块,成绩管理模块,管理员管理模块。 学生成绩管理作为一所高校对学生评价的一个标杆,它直接的体现了学生在校学习的成果。由于近年来很多学校都在扩大规模,在校学生数量甚至破万,倘若单一的采用人工记录成绩的方法明显已经显得力不从心,因此我们需要电脑来帮助我们进行管理学生成绩,这就是学生成绩管理系统。该系统可以做到数据备份入库,快速查询,安全性好,让人一目了然,可以节约大量时间,同时最大程度地避
PHP学生成绩管理系统
05-09
这是一款高校成绩管理软件，在这份文件中详细的说明了php以及数据库是如何实现的。而且其中还有参考文献。
js+php+mysql实现的学生成绩管理系统
07-14
《JS+PHP+MySQL实现的学生成绩管理系统详解》 在信息技术日新月异的今天，利用编程语言构建管理系统已经成为教育、企事业单位不可或缺的一部分。本文将深入探讨如何使用JavaScript（简称JS）、PHP以及MySQL数据库...
mysq.rar_mysq_php mysq_php 学生管理_php 学生管理 系统_php+mysq
09-20
标题中的“mysq.rar_mysq_php mysq_php 学生管理_php 学生管理 系统_php+mysq”表明这是一个与MySQL数据库和PHP编程相关的压缩文件，主要用于构建一个学生管理系统。在这个系统中，PHP作为服务器端脚本语言与MySQL...
php.rar_php mysql_php mysql 成绩_php 学生成绩_php 成绩_成绩
09-21
这个 PHP 学生成绩管理系统可能还涉及到错误处理、安全性措施（如 SQL 注入防护）、权限控制（如教师查看所有成绩，学生只能看自己的），以及可能的图表展示（如使用 PHP 的图表库如 Chart.js 或 Google Charts 分析...
学生成绩管理系统（PHP + MYSQL）
09-06
【学生成绩管理系统（PHP + MYSQL）】 在IT领域，构建一个学生成绩管理系统是常见的实践项目，尤其在教育信息化的背景下，这类系统对于教学管理至关重要。本项目使用了PHP和MySQL这一经典组合，旨在实现对学生成绩...
php+mysql学生成绩管理系统
02-25
学生成绩管理系统，分三个模块：学生，教师和管理员。 管理员模块：负责学生、老师信息的增删改；发布课程信息的增删改，以便让学生选课；审核老师提交的学生成绩并且打印成绩存档；按照课号查询每个课号的学生成绩...
学生成绩管理系统（php+mysql）
07-01
用php写的学生成绩管理系统，比较简陋，见谅。 sms.sql用来导入数据库。
学籍管理系统php
11-19
初学php的时候做的学籍管理系统，比较简单，只有简单的前台和后台，没有涉及到javascript,前台样式做感觉得还是不错的，比较清晰，里面附带涉及的表sql文件
PHP+MySQL学生宿舍/学籍管理系统
09-26
本系统运用了MYSQL为后台数据库，以PHP为前端开发工具，系统实现了系统维护、宿舍管理、学生管理、宿舍分配、信息查询等必需的功能，其操作简单，界面友好，运行比较稳定，适用于大学院校大学生宿舍管理。
基于php+mysql+Apache的学生成绩管理系统
12-29
本文采用php5.4+apache2.4，使用Mysql5.7数据库实现了网页版学生成绩管理系统，本系统分为三个模块：系统管理员模块、教师模块、学生模块。其中教师模块可以录入选课学生的成绩、修改成绩、查看成绩；学生模块可以选课，查看成绩；系统管理员拥有最高的权限，可以对学生的成绩进行审核，添加修改学生、教师、课程。我是在netbeans集成环境上进行开发的，希望能帮到需要的人，包含完整的项目包，使用说明、课程设计报告、使用说明，有不懂了可以留言啊。
基于PHP的学生成绩管理系统(多用户版)
专注PHP源码
10-09 4539
此成绩管理系统用户分为学生和教师，界面友好，可搭建在phpstudy下实现快速部署！ 技术栈 原生php+mysql+navicat+vscode学生 0 登录/注销 1 我的成绩(查看自己所有课程的成绩) 2 各科成绩(查看所有人各科成绩) 3 分页功能 教师 0 登录/注销 1 学生管理(增删改查学生信息) 2 成绩管理(增删改查学生成绩) 3 课程管理 4 各科成绩(查看所有人各科成绩) 5 一键管理(搜素学生，查询课程平均分，查最高分，查不及格，查优秀)基于PHP的学生成绩管理系统(多用户版)
基于PHP的学生在线成绩管理系统
毕业作品网站
06-29 5604
提供了丰富的功能，是数据库管理轻松便捷，除了常规的数据库管理功能，如编辑或设计表、数据写入、SQL转储、创建或编辑用户，其他有用的功能包括：导入/导出向导、报表创建工具、数据模型、查询创建工具、自动完成代码、数据/结构同步，批处。发布课程信息的增删改，以便让学生选课；查看自己所教的课程及选择该课程的学生并且给该课号的学生录入平时成绩，考试成绩，系统可以按照该课程的比例自动算出总分，提交给管理员，等待审核；管理员，教师，学生这三种用户权限，功能明确，各自独立，而又存在着一定的联系，让教学管理的效率提高了。
构建高效学生成绩管理系统：PHP+MySQL+HTML实现
资源摘要信息: "基于php+mysql+html学生成绩管理系统（高分项目）" 本项目是一个采用PHP语言与MySQL数据库以及HTML前端技术构建的B/S架构学生成绩管理系统。该系统能够满足学生、老师和系统管理员不同的功能需求，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值