精华内容
下载资源
问答
  • 学生管理系统(界面+源代码)
    千次阅读
    2020-12-29 13:24:04

    《学生管理系统(界面+源代码)》由会员分享,可在线阅读,更多相关《学生管理系统(界面+源代码)(16页珍藏版)》请在人人文库网上搜索。

    1、内蒙古信息工程系学 实 训 报 告系部:信息技术系课程名称:网站网页制作专业班级:14计算机网络技术一班姓名:xxx任课老师:xxx实验实训项目名称网站制作实验类型验证型实验室思科网络实验室实验时间实验方案设计(步骤)实验目的:1. 熟练掌握SQL语句的编写。2. 掌握使用VS2010对网页的设计。实验步骤:1. 登录页面主要代码:protected void Button1_Click(object sender, EventArgs e)string username = TextBox1.Text;string password = TextBox2.Text;string connSt。

    2、r = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(select * from UserInfo where username= + username + and password= + password + , conn);conn.Open();SqlDataReader reader = cmd.ExecuteReader();/记?录?集if (reader.Read()。

    3、Response.Redirect(main.aspx);elseLabel1.Text = 用?户名?或者?密码?错洙?误!?!?;conn.Close();2. 主页面+用户信息管理页面左侧主要运用了TreeView控件,然后用户信息运用了GridView控件,链接数据源,在页面中展示用户信息,主要代码: DeleteCommand=DELETE FROM UserInfo WHERE Userid = Userid InsertCommand=INSERT INTO UserInfo (Userid, UserName, Password, Email) VALUES (Userid, 。

    4、UserName, Password, Email) SelectCommand=SELECT * FROM UserInfo UpdateCommand=UPDATE UserInfo SET UserName = UserName, Password = Password, Email = Email WHERE Userid = Userid3. 学籍信息添加页面主要代码:protected void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=。

    5、StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(insert into StudentXj(Sno,Sname,Ssex,Sbrithday,DepartNo,ClassNo,Tel,Srxtime,xuezhi,xueli,address,youbian,zzmm,pingjia)values( + this.TextBox1.Text + , + this.TextBox2.Text + , + RadioButtonList1.Text + , +。

    6、 this.TextBox3.Text + , + this.TextBox12.Text + , + this.TextBox4.Text + , + this.TextBox5.Text + , + this.TextBox6.Text + , + this.TextBox7.Text + , + this.TextBox8.Text + , + this.TextBox9.Text + , + this.TextBox10.Text + , + DropDownList1.Text + , + this.TextBox11.Text + ), conn);conn.Open();cmd.。

    7、ExecuteNonQuery();conn.Close();4. 学籍信息修改本页面也是用GridView控件,与数据库连接,展示出学籍信息,然后生成“修改”,单击“修改”方可进行修改,主要代码: DeleteCommand=DELETE FROM StudentXj WHERE Sno = Sno InsertCommand=INSERT INTO StudentXj (Sno, Sname, Ssex, Sbrithday, DepartNo, ClassNo, Tel, Srxtime, xuezhi, xueli, address, youbian, zzmm, pingjia) V。

    8、ALUES (Sno, Sname, Ssex, Sbrithday, DepartNo, ClassNo, Tel, Srxtime, xuezhi, xueli, address, youbian, zzmm, pingjia) SelectCommand=SELECT * FROM StudentXj UpdateCommand=UPDATE StudentXj SET Sname = Sname, Ssex = Ssex, Sbrithday = Sbrithday, DepartNo = DepartNo, ClassNo = ClassNo, Tel = Tel, Srxtime 。

    9、= Srxtime, xuezhi = xuezhi, xueli = xueli, address = address, youbian = youbian, zzmm = zzmm, pingjia = pingjia WHERE Sno = Sno5. 学籍信息查询本页面运用GridView控件展示出学生信息,设置三种条件查询,按学号、姓名、系别方可查询出学生信息,主要代码:protected void Page_Load(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=Stu。

    10、dentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentXj, conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();protected void Button1_Click(object sender, EventArgs e)string connStr = server=(loc。

    11、al);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentXj where Sno= + this.TextBox1.Text + or Sname= + this.TextBox2.Text + or DepartNo= + this.TextBox3.Text + , conn);DataSet ds = new DataSet();da.Fill(ds)。

    12、;GridView1.DataSource = ds;GridView1.DataBind();6. 课程信息添加主要代码:protected void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(insert into Course(Courseid,Course。

    13、Name,Credit,Datetime)values( + this.TextBox1.Text + , + this.TextBox2.Text + , + this.TextBox3.Text + , + this.TextBox4.Text + ), conn);conn.Open();cmd.ExecuteNonQuery();conn.Close();Label1.Text = 添?加成功|!?!?!?;7. 课程信息修改本页面运用了GridView控件,并启用了“修改”,单击修改方可实现修改功能,主要代码: DeleteCommand=DELETE FROM Course WHE。

    14、RE Courseid = Courseid InsertCommand=INSERT INTO Course (Courseid, CourseName, Credit, Datetime) VALUES (Courseid, CourseName, Credit, Datetime) SelectCommand=SELECT * FROM Course UpdateCommand=UPDATE Course SET CourseName = CourseName, Credit = Credit, Datetime = Datetime WHERE Courseid = Courseid8。

    15、. 课程信息查询添加了GridView控件,使它与数据源连接,查询课程信息分三个条件,按课程编号、课程名称、日期方可查询,主要代码:protected void Page_Load(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from Course, conn)。

    16、;DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();protected void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(se。

    17、lect * from Course where Courseid= + this.TextBox1.Text + or CourseName= + this.TextBox2.Text + or Datetime= + this.TextBox3.Text + , conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();9. 课程信息删除 主要代码: DeleteCommand=DELETE FROM Course WHERE Courseid = Courseid。

    18、 InsertCommand=INSERT INTO Course (Courseid, CourseName, Credit, Datetime) VALUES (Courseid, CourseName, Credit, Datetime) SelectCommand=SELECT * FROM Course UpdateCommand=UPDATE Course SET CourseName = CourseName, Credit = Credit, Datetime = Datetime WHERE Courseid = Courseid10. 学生成绩添加主要代码:protecte。

    19、d void Button1_Click(object sender, EventArgs e)string connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlCommand cmd = new SqlCommand(insert into StudentCJ(Sno,Sname,CourseName,Score)values( + this.TextBox1.Text + , + this.TextBox2.Text +。

    20、 , + this.TextBox3.Text + , + this.TextBox4.Text + ), conn);conn.Open();cmd.ExecuteNonQuery();conn.Close();Label1.Text = 添?加成功|!?!?!?;11. 学生成绩修改主要代码: DeleteCommand=DELETE FROM StudentCJ WHERE Sno = Sno InsertCommand=INSERT INTO StudentCJ (Sno, Sname, CourseName, Score) VALUES (Sno, Sname, CourseName。

    21、, Score) SelectCommand=SELECT * FROM StudentCJ UpdateCommand=UPDATE StudentCJ SET Sname = Sname, CourseName = CourseName, Score = Score WHERE Sno = Sno12. 学生成绩查询添加了GridView控件,使它与数据源连接,查询课程信息分三个条件,按课程名称、学号、姓名方可查询,主要代码:protected void Page_Load(object sender, EventArgs e)string connStr = server=(local)。

    22、;uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentCJ, conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();protected void Button2_Click(object sender, EventArgs e)str。

    23、ing connStr = server=(local);uid=sa;pwd=;database=StudentManager;SqlConnection conn = new SqlConnection(connStr);SqlDataAdapter da = new SqlDataAdapter(select * from StudentCJ where CourseName= + this.TextBox1.Text + or Sno= + this.TextBox2.Text + or Sname= + this.TextBox3.Text + , conn);DataSet ds = new DataSet();da.Fill(ds);GridView1.DataSource = ds;GridView1.DataBind();13. 学生成绩删除 主要代码:asp:GridView ID=GridView1 runat=server。

    更多相关内容
  • 学生登录系统后可以进行信息更换、增加、删除,并查询自己的考试成绩;后台操作人员登录系统后,可以根据操作人员所属角色进行指定的系统操作。 (2)具备数据管理功能。数据管理主要是对班级基本信息、学生基本信息...
  • 完整版学生管理系统界面用java写的,这是第一步界面。主要是针对简单的增删查找
  • 毕业设计管理系统学生界面:选择课题,提交作业,查看个人信息。(只有页面部分!)
  • 学生宿舍管理系统HTML

    2019-02-16 14:52:06
    学生宿舍管理系统HTML,包含所有图片、HTML、CSS、JS等代码,适用于各大公司管理系统
  •  该成绩管理系统分为教师登录学生登录,有不同的权限。  2、菜单功能 教师管理 (1)学生信息管理:添加学生;删除学生;查看所有学生信息;评价 (2)学生成绩管理:录入成绩;修改成绩 (3)学生成绩统计...
  • HTML+JS+CSS实现学生信息管理系统效果页面增删改查翻页代码难点难点1难点2难点3难点4结语 效果 话不多说,直接看效果,本次代码较为复杂,希望大家可以耐心阅读,不懂的可以评论或者邮箱联系我(1079349989@qq.com)...
  • 简单学生选课系统登录界面

    万次阅读 2017-06-12 13:40:27
    学生选课系统 body{margin:0} .whole{ width:1520px; height:800px; background:url(timg.jpg); } .head{ height:300px; width:1520px; } .lhead{ float:right; } .main{ width:1520px; height:500px; } ...

    图片


    代码:

    checkcode.jsp

    var code ; //在全局定义验证码   
    //产生验证码  
    function createCode(){
         code = "";   
         var codeLength = 4;//验证码的长度 
         var checkCode = document.getElementById("checkCode");
         var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',  
         'S','T','U','V','W','X','Y','Z');//随机数  
         for(var i = 0; i < codeLength; i++) {//循环操作  
            var index = Math.floor(Math.random()*36);//取得随机数的索引(0~35)  
            code += random[index];//根据索引取得随机数加到code上  
            //把code值赋给验证码  
            if (checkCode) {
                checkCode.className = "code";
                checkCode.value = code;
                checkCode.blur();
            }
        } 
    }
         function validate(){
        	    var inputCode = document.getElementById("test").value;
        	    if (inputCode.length <= 0) {
        	        alert("请输入验证码!");
        	        return false;
        	    } else if (inputCode.toUpperCase() != code) {
        	        alert("验证码输入错误!");
        	        createCode();// 刷新验证码
        	        return false;
        	    }
        	    register.submit();    
         }
    test.js 

    function check(register){
    	var no=register.studentno.value;
    	var pass=register.password.value;
    	var tests=register.test.value;
    	if(no==""){
    		alert("学号不能为空!");
    		register.studentno.focus();
    		register.studentno.select();
    	}
    	else if(pass==""){
    		alert("密码不能为空!");
    		register.password.focus();
    		register.password.select();
    	}
    	else if(tests==""){
    		alert("验证码不能为空!");
    		register.test.focus();
    		register.test.select();
    	}
    	else if(type==""){
    		alert("类型不能为空!");
    	}
    	return true;
    }
    date.js

    var time,year,month,day,hour,minute,second;
    				  var today=new Date();
    				  month=today.getMonth()+1;
    				  day=today.getDay();
    				  var s=today.getFullYear()+"年"+month+"月"+today.getDate()+"日"+today.getHours()+"时"+today.getMinutes()+"分"+today.getSeconds()+"秒"+"\t";
    				  document.write(s);
    				   switch(day){
    				    case 1:document.write("星期一");break;
    					case 2:document.write("星期二");break;
    					case 3:document.write("星期三");break;
    					case 4:document.write("星期四");break;
    					case 5:document.write("星期五");break;
    					case 6:document.write("星期六");break;
    					case 7:document.write("星期日");break;
    				  }
    firstpage.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>学生选课系统</title>
    <style type="text/css">
    body{margin:0}
    .whole{
          width:1520px;
          height:800px;
          background:url(timg.jpg);
          
    }
    .head{
         height:300px;
         width:1520px;
    }
    .lhead{
         float:right;
    }
    .main{
         width:1520px;
         height:500px;
    }
    </style>
    <script type="text/javascript" src="checkcode.js"></script>
    <script type="text/javascript" src="test.js"></script>
    </head>
    <body>
    <div class="whole">
          <div class="head">
            <div class="lhead">
               <script type="text/javascript" src="date.js"></script>
    				  </div>
    				  <h style="font-size:60px;color:#ffff00"><marquee behavior="alternate";scrolldelay="10";>欢迎进入选课系统</marquee></h>
          </div>
          <div class="main">
          <center>
          <form action="dofirstpage.jsp" name="register" method="post" onClick="return check(this)">
    		  学 号:<input type="text" name="studentno" value=""><br>
    		  密 码:<input type="password" name="password" value=""><br>
    		  验证码:<input type="text" id="test" style="width:90px">
    		<input type="text" onClick="createCode();" readonly="readonly" id="checkCode" class="unchanged" style="width: 56px;cursor:pointer"  />
    		<br>
    		类 型:
    		<input type="radio" name="types" value="学生">学生
    		<input type="radio" name="types" value="管理员">管理员<br>
    		  <input type="submit"  value="登录" onClick="validate();">
    		<input type="reset" value="重置">
    	 </form>
          </center>
          </div>
    </div>
    </body>
    </html>





    展开全文
  • 学生信息管理页面

    2019-03-19 22:05:28
    学生信息管理系统界面,才有html编写,供大家参考交流使用
  • 添加学生信息界面:添加学生实现代码:需求:1、点击确定按钮时,能够获取当前界面的所有控件的输入信息,在一个新的确认信息界面进行显式,等待确认。2、在确认界面中,确认ok,点击确定按钮能够将学生信息写入到...

    添加学生信息界面:

    添加学生实现代码:

    需求:

    1、点击确定按钮时,能够获取当前界面的所有控件的输入信息,在一个新的确认信息界面进行显式,等待确认。

    2、在确认界面中,确认ok,点击确定按钮能够将学生信息写入到文件中保存起来,同时,将添加学生信息的界面恢复到初始值状态。

    1 /*********addstudents.h********/

    2 #ifndef ADDSTUDENTS_H3 #define ADDSTUDENTS_H

    4

    5 #include

    6 #include

    7

    8 namespaceUi {9 classAddStudents;10 }11

    12 class AddStudents : publicQDialog13 {14 Q_OBJECT15

    16 public:17 explicit AddStudents(QWidget *parent =nullptr);18 ~AddStudents();19 void clear_on_addstudent_ok(); //确认界面点击确定之后,恢复添加学生信息界面的初始值

    20 void write_to_file(QString src); //写文件

    21

    22 privateslots:23 void my_add_students_info_ok_slots(); //添加学生信息界面的确定按钮槽函数

    24 void my_add_students_info_cancel_slots();//添加学生信息界面的取消按钮槽函数

    25 private:26 QButtonGroup *sexGroup; //存放性别单选按钮

    27 QButtonGroup *habbitGroup; //存放爱好多选按钮

    28 Ui::AddStudents *ui; //添加学生信息界面的UI

    29 };30

    31 #endif //ADDSTUDENTS_H

    在addstudents.cpp中:

    1、首先看构造函数:

    1>需要绑定当前界面的按钮与槽函数,需要点击发送信号的有两个按钮:确定按钮+取消按钮

    2>对于性别一栏,两个单选按钮,是互斥的,只能选择其中一个,当一个被选中,那么另外一个一定是未选中状态。

    3>对于爱好一栏:四个选项是多选的,可以被同时选中、部分被选中、或者都不选。

    这里做些支持处理,使其具有单选功能/多选功能,编组——QButtionGroup

    1 AddStudents::AddStudents(QWidget *parent) :QDialog(parent),ui(newUi::AddStudents)2 {3 ui->setupUi(this);4

    5 //单选按钮放进组,多选按钮放进组

    6 sexGroup = new QButtonGroup(this);7 sexGroup->addButton(this->ui->rb_male,0);8 sexGroup->addButton(this->ui->rb_female,1);9 this->ui->rb_male->setChecked(true); //default

    10

    11 habbitGroup = new QButtonGroup(this);12 habbitGroup->addButton(this->ui->cb_1,0);13 habbitGroup->addButton(this->ui->cb_2,1);14 habbitGroup->addButton(this->ui->cb_3,2);15 habbitGroup->addButton(this->ui->cb_4,3);16 //设置不互斥

    17 habbitGroup->setExclusive(false);//这样的话就支持多选了。18

    19 //连接“确认”按钮到槽函数

    20 connect(this->ui->btn_ok,SIGNAL(clicked()),this,SLOT(my_add_students_info_ok_slots()));21 //连接“取消”按钮到槽函数

    22 connect(this->ui->btn_cancel,SIGNAL(clicked()),this,SLOT(my_add_students_info_cancel_slots()));23 }

    点击确定按钮的槽函数:

    1>获取当前控件的信息,然后拼接成QString的字符串,

    2>由于要在确认界面中进行学生信息显式,所以用'\n'拼接,显式出来更加容易确认,但是这样的拼接不适用文件保存,文件保存的设计想法:一条学生记录,放在一行来完成。这样可以通过readline方法一次性获取。方便后续进行查询。

    3>QMessageBox窗口,作为确认界面,响应确定按钮的之后,实现写文件操作+恢复添加学生信息界面默认值,这里可以直接通过返回值类型标识点击的按钮,不用再绑定信号与槽

    1 voidAddStudents::my_add_students_info_ok_slots(){2

    3 QString context = ""; //context用来拼接当前界面所有控件的信息4

    5 //获取姓名+学号

    6 QString name = this->ui->lineedit_name->text();7 QString id = this->ui->lineedit_id->text();8

    9 context +=name+'\n'+id+'\n';10

    11 //获取年龄和院系

    12 QString age = this->ui->cb_age->currentText();13 QString sche = this->ui->cb_sche->currentText();14

    15 context += age+'\n'+sche+'\n';16

    17 //获取性别

    18 QString sex = this->sexGroup->checkedButton()->text();19

    20 context += sex+'\n';21

    22 //获取兴趣,遍历

    23 QList ins_list = habbitGroup->buttons();24 QString ins="";25 for(int i =0 ;iisChecked())29 ins += che->text() + " ";30 }31 context += ins+'\n';32 //检查当前是否姓名,学号,爱好都填写完毕

    33 if(context.length() != 0 && name != "" && id !="" && ins.length()!= 0){34 int res = QMessageBox::information(this,"请确认信息",context,"确认","取消"); //context用来显示在确认界面

    35 if(res == 0){ //点击确定36 //由于准备采用readline的方式来读取文件,所以不能是用'\n'来拼接字符串,换成' '符号来重新拼接

    37 QString src_s = name +' ' + id+' '+sex+' '+sche+' '+age+' '+ins+'\n';38 write_to_file(src_s);39 //恢复添加界面属性值为初始值

    40 clear_on_addstudent_ok();41 }42 }else{ //当前是否姓名,学号,爱好有一项未填写就返回错误提示界面

    43

    44 QMessageBox::critical(this,"请确认信息","信息不完整,请重新输入!","确认","取消");45 //重新设置光标位置。这里设置name对应的lineEdit控件获取光标

    46 this->ui->lineedit_name->setFocus();47 }48 }

    1 //当点击添加学生信息界面的确定之后,需要恢复当前界面的初始值,等待继续添加

    2 voidAddStudents::clear_on_addstudent_ok(){3 //this->ui->lineedit_name->setText("");

    4 this->ui->lineedit_name->clear();5 this->ui->lineedit_id->clear();6

    7 //对于sex的单选框,只需要设置默认为男性就好

    8 this->ui->rb_male->setChecked(true);9

    10 //下拉菜单恢复设置

    11 this->ui->cb_age->setCurrentIndex(0);12 this->ui->cb_sche->setCurrentIndex(0);13

    14 //多选框恢复到都未勾选状态

    15 QList ins_list = habbitGroup->buttons();16 QString ins;17 for(int i =0 ;isetChecked(false);21 }22

    23 //重新设置光标位置。这里设置name对应的lineEdit控件获取光标

    24 this->ui->lineedit_name->setFocus();25 }26

    27 //保存添加学生信息界面的数据到文本

    28 voidAddStudents::write_to_file(QString src){29 QFile file("stu.txt");30 if (!file.open(QIODevice::Append |QIODevice::Text)){31 QMessageBox::critical(this,"打开文件错误","确认");32 return;33 }34 QTextStream out(&file);35 out <

    38 //取消按钮的槽函数

    39 voidAddStudents::my_add_students_info_cancel_slots(){40 this->close();41 }

    进入添加学生信息界面:

    填写完整新增学生信息:

    确认界面:

    点击确认界面的确定之后,添加学生信息的界面恢复默认值:

    同时,在当前编译目录下,生成了stu.txt文本

    填写学生信息不完整时,弹出错误窗口:

    当前知识点:

    1> button编组

    2> Qfile文件读写

    3> QMessagBox窗口以及预定义四种窗口,以及自定义控件、返回值获取

    4>Grid layout布局

    5>设置光标位置

    展开全文
  • 学生选课系统,代码易懂,界面美观,带有框架,可直接用于课程设计
  • 静态网页 学生管理系统 学生信息管理系统 页面设计。 静态网页 学生管理系统 学生信息管理系统 页面设计。 这是一个网页模板,里面有10多个页面,没有采用前端框架 静态网页 学生管理系统
  • 基本满足了课程实训学生宿舍管理系统所需要的全部网页等前端需求,没有包括后端部分。
  • html5+css3简单实现教务系统登录界面 成品展示 HTML代码 在这里插入代码片<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...

    html5+css3简单实现教务系统登录界面


    成品展示 在这里插入图片描述
    HTML代码

    在这里插入代码片<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="./jiaowuxitong.css">
    
    </head>
    
    <body>
        <div id="header_color">
            <div id="Nr">
                <div id="TB_XT">
                    <img>
                    <div id="XT_color">
                        <strong>教 务 管 理 系 统</strong>
                    </div>
                </div>
                <div id="GS">
                    <strong>&nbsp;&nbsp;ZFsoft</strong><br>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;陈帅帅电子工程有限责任公司</span><br>
                    <span>&nbsp;&nbsp;&nbsp;chenshuaishuaidianziyouxianzerenggongsi</span>
                </div>
                <div id="DL_color">
                    <img id="DL_left" src="./picture/login_left.jpg" alt="">
                </div>
                <div id="DL_right">
                    <div id="DL_JM_color">
                        <div id="DL_JM_color01"></div>
                        <div id="Yhdl">
                            <strong>用户登录</strong>
                            <span id="XG">&nbsp;/</span>
                            <span id="LOGIN">LOGIN</span>
                        </div>
                        <form>
                            <label id="Yhm">用户名:</label>
                            <input id="text01" type="text"><br>
                            <label id="Mm">&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;</label>
                            <input id="text01" type="password"><br>
                            <label id="Yzm">验证码:</label>
                            <input id="text01" type="text"><br>
                            <div id="Dan">
                                <input type="radio" name="1">
                                <label id="JiaoShi">教师</label>&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="radio" name="1">
                                <label id="Xs">学生</label>
                            </div>
                            <div id="An">
                                <button id="btn">登录</button>
                                <button id="btn">重置</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div>
                <span id="Bqsy">嘤嘤嘤@ 2021&nbsp;版权所有--->陈帅帅</span>
            </div>
        </div>
    
    
    </body>
    
    </html>
    

    css外部文件代码

    在这里插入代码片#header_color{
        width: 100%;
        height: 500px;
        background-color: #9cacc9;
        background-image: linear-gradient(#9cacc9,#ffffff);
        position: relative;
    
    }
    #Nr{
        position: absolute;
        left: 100px;
    }
    img{
        margin-top: 50px;
        margin-left: 50px;
    }
    #XT_color{
        color: #304c7ce3;
        margin-top:8px;
        margin-left: 55px;
        font-family: "Times New Roman", Times, serif;
    }
    strong{
        word-spacing: 5px;
        margin-left: 6em;
        font-size: 25px;
    }
    #GS{
        position: absolute;
        top: 25px;
        left: 800px;
        color: #11449E;
        font-size: 10px;
    }
    #DL_color{
        margin-top: 15px;
        margin-left: 50px;
        border: 1px solid;
        border-radius: 20px;
        width:935px ;
        height: 268px;
        background-color: #87a6d2;
        
    }
    #DL_left{
        position: absolute;
        top: 117px;
        left: 0px;
        border-radius: 20px 0px;
        float: left;
    }
    #DL_right{
        position: absolute;
        top: 160px;
        left: 470px;
        width: 500px;
        height: 290px;
        border: 1px solid ;
        border-radius: 15px;
        background-color: #87a6d2;
        box-shadow: 0px 25px 0px #edf0f5;
    
    }
    #DL_JM_color{
        margin-top: 10px;
        margin-left: 10px;
        width: 480px;
        height: 265px;
        border-radius: 10px;
        border: 2px solid rgb(190, 190, 214);
        background-color: white;
        background-image: linear-gradient(#ffffff,#9cb1d8);
    }
    #Yhdl{
        color: #11449E;
        opacity: 0.8;
    }
    #DL_JM_color01{
        width: 480px;
        height: 35px;
        border-radius: 10px 10px 0px 0px;
        background-color: rgb(242, 242, 247);
        background-image: linear-gradient(rgb(242, 242, 247),#b6c6e6);
    
    }
    #XG{
        font-size: 29px; 
        color: rgb(32, 90, 145);   
    }
    #LOGIN{
        color:rgb(124, 121, 121) ;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: bold;
        font-style:italic
    }
    form{
        margin: 10px;
        text-align: center;
        color:#11449E ;
        line-height: 33px;
        
    }
    button{
        color: #11449E;
    }
    #text01{
        background:transparent;
        border:1px solid #b7bbf5
    }
    #Dan{
        padding: 5px;
    }
    #btn{
        
        /* border: 1px solid #11449E; */
    
        border-radius: 5px;
    }
    #Bqsy{
        position: absolute;
        top: 480px;
        left: 500px;
        font-size: 10px;
        color: #11449E;
        
    }
    

    欢迎大家一起学习交流呦!
    ---------(如有侵权,联系删除)

    展开全文
  • 选课系统静态网页html

    2018-02-26 21:34:42
    可供参考的学生选课系统静态页面,只有静态页面,内含未测试的 sql 数据库表,(一些代码已经备注,取消注释可以实现多种信息显示)
  • 本管理系统是一个对学生信息进行管理的系统,其主要目的是更好地掌握在ASP运行机制,更好地了解三层构架搭载的管理平台,因此功能非常基础。麻雀虽小五脏俱全,尽管本系统比较简单,但是数据的增删查改功能的实现...
  • 先运行学生登录注册.py,没有账号密码就先注册,如果有的话就可以登陆,登录成功后转到学生信息管理页面.py,然后可以对学生信息进行...和 学生信息 都分别写入了本地(json文件)学生登录注册.pyimport module.file_mana...
  • Python学生管理系统(web网页版)

    热门讨论 2018-11-02 11:28:27
    Python学生管理系统(web网页版),前面发布了python的控制台版本的学生管理系统和使用tkinter界面版的学生管理系统,这次是使用Django开发基于学生的实体类的增删改查,里面包含项目演示录屏和完整的项目源码与...
  • PAGE 2永城职业学院毕 业 论 文题目学生管理系统的设计与实现系别电子信息工程系专业计算机应用技术日期2012年10月25目录TOC \o "1-3" \h \z \u HYPERLINK \l "_Toc327516882" 目录 PAGEREF _Toc327516882 \h 2...
  • 学生信息管理系统设计使用Java语言,采用基于 MVC模式的JavaEE技术进行开发,使用 MyEclipse 2017 CI 10 编译器编写,数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介,配合前台HTML+CSS 技术完成...
  • 到此这篇关于基于php+MySql实现学生信息管理系统实例的文章就介绍到这了,更多相关php+MySql实现学生信息管理系统内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网!
  • 运行截图项目说明:本系统界面我个人就从简设计了,本来打算使用windowbuilder插件设计的,可想到使用windowbuilder插件之后导致代码冗余,会影响到代码可读性,可能对小白不友好。虽然界面设计简单,但是功能上我会...
  • %@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PUBLIC "-//W3C//DTD
  • java编写的学生成绩管理系统GUI界面,实现了增删改查、保存和排序的功能, 下载链接:https://download.csdn.net/download/qq_52889967/20089409 教学视频: 运行结果: 按总分排序: 按某科目排序 保存: ...
  • jsp实验--用eclipse设计教师与学生不同登陆界面,验证码随机生成;提交后分别转向教师页面和学生页面进行判断用户名和密码正确性;如果正确,3秒后,转向成功页面,否则跳回验证页面; 亲测可用。
  • 6.1.3学生页面模块实现 17 6.1.4房间信息页面模块实现 18 6.1.5来访信息页面模块实现 19 6.1.6物品报修信息页面模块实现 20 6.2日志功能模块 21 6.3安装部署 22 第七章 系统测试 23 7.1系统调试的目的和意义 23 7.2...
  • 学生端的功能主要有:注册、登录、浏览课程、选择课程、退出课程、搜索课程信息、查看热门课程、查看已选课程、查看个人资料、编辑个人信息等。 教秘端(管理员端)的功能主要有:开设专业管理、学生信息管理、教师...
  • 学生信息管理系统jsp课程设计.doc

    千次阅读 2021-06-11 13:32:49
    455ss百度文库理学院Shoole of Sciences课程设计报告设计名称:综合训练学生姓名:xxxxx学生学号:xxxxx所在班级:xxxxx所在专业:信息与计算科学指导教师:xxxxxx设计场所:理学院机房设计时间:第七学期课程设计...
  • java web简单学生信息管理系统 项目描述 利用Java以及jsp等技术实现学生信息管理,学生可以自己注册登记,教师进行学生管理,快捷方便合理利用资源。 运行环境 jdk7+tomcat8+mysql+IntelliJ IDEA 项目技术(必填...
  • 基于SSM学生选课系统

    2022-03-23 16:07:22
    基于jsp+mysql+Spring+mybatis的SSM学生选课管理系统 主要功能说明: 管理员角色包含以下功能:管理员登录,学生管理,教师管理,课程管理等功能。 教师角色包含以下功能:登录界面,查看课程,建立课程计划,管理教学...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 31,618
精华内容 12,647
关键字:

学生登录系统的html界面

友情链接: MOcode.rar