作业2登录页面和教务中心

最新推荐文章于 2024-07-18 14:29:38 发布
最新推荐文章于 2024-07-18 14:29:38 发布
阅读量487 收藏 9
点赞数 8
文章标签： css 前端 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_81583196/article/details/139634119
版权

教务中心

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>教务系统</title>

    <style>

.item1{

    height: 30px;

    background-color: rgb(35, 64, 213);

}

.item1>div{

    float: left;

}

.box1{

    height: 400px;

    width: 30%;

    background-color: rgba(10, 55, 138, 0.854);

    display: flex;

    justify-content: left;

    align-items: center;

    padding-right: 10pxs;

}

.box2{

    height: 400px;

    width: 15%;

    background-color: rgb(23, 110, 141);

    display: flex;

    justify-content: center;

    align-items: center;

}

.box3{

    height: 400px;

    width: 52%;

    background-color: chartreuse;

   

}

.box1,.box2,.box3{

    float: left;

}

.A,.B{

    height: 200px;

    background-color: rgb(99, 37, 50);

}

.item21,.item22{

    float: left;

    display: flex;

    justify-content: center;

    align-items: center;

}

.item21{

    width:29% ;

    height: 200px;

    background-color: hwb(210 1% 27%);

}

.item22{

    width: 70%;

    height: 200px;

    background-color: rgb(228, 55, 139);

}

.box11,.box22{

    float: left;

    display: flex;

    justify-content: center;

    align-items: center;

}

.box11{

    width:29% ;

    height: 200px;

    background-color: rgba(136, 104, 151, 0.817);

}

.box22{

    width: 70%;

    height: 200px;

    background-color: rgb(167, 80, 179);

}

.eat1,.eat2,.eat3,.eat4,.eat5,.eat6{

    float: left;

    width:16.1% ;

    height: 200px;

    display: flex;

    justify-content: center;

    align-items: center;

   

}

.eat1{

    background-color: rgb(21, 125, 129);

}

.eat2{

    background-color: chartreuse;

}

.eat3{

    background-color: rgb(177, 98, 19);

}

.eat4{

    background-color: rgb(138, 193, 215);

}

.eat5{

    background-color: rgb(94, 63, 123);

}

.eat6{

    background-color: mediumblue;

}

img{

    max-width: 100%;

    max-height: 100%;

}

    </style>

</head>

<body>

    <div>

        <div><img src="../img登录页面2.jpg" alt=""></div>

    </div>


 

    <div class="item1" >

        <div><img src="../微信图片_20240607201636.png" alt="" height="30px"></div>

        <div>我的桌面</div>

        <div>培养管理</div>

        <div>考试报名</div>

        <div>教学评价</div>

    </div>

    <br>

<div>

    <div class="box1"><img src="../微信图片1_20240607214321.png" alt="center">

    </div>

    <div class="box2"><img src="../微信图片2_20240607214546.png" alt=""></div>

    <div class="box3">

        <div class="A">

            <div class="item21"><img src="../微信图片3_20240607214336.png" alt=""></div>

            <div class="item22"><img src="../微信图片4_20240607214413.png" alt=""></div>

        </div>

        <div class="B">

            <div class="box11"><img src="../微信图片5_20240607214635.png" alt=""></div>

            <div class="box22"><img src="../微信图片6_20240607214430.png" alt=""></div>

        </div>

    </div>

</div>

<div>

    <div class="eat1"><img src="../微信图片7_20240607214452.png" alt=""></div>

    <div class="eat2"><img src="../微信图片8_20240607214726.png" alt=""></div>

    <div class="eat3"><img src="../微信图片9_20240607215931.png" alt=""></div>

    <div class="eat4"><img src="../微信图片91020240607214733.png" alt=""></div>

    <div class="eat5"><img src="../微信图片11_20240607214740.png" alt=""></div>

    <div class="eat6"><img src="../微信图片12_20240607215948.png" alt=""></div>

</div>

   

   

</body>

</html>

登录页面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>登录页面</title>

    <style>



 

.item3{font-size: 10px;

}

.item2,.item3{

  float: left;

  margin-left: 30px;

}

.item4{

  width: 1200px;

  height: 300px;

  background-color: rgb(208, 205, 205);

}

.A{

  padding-left: 160px;

}

.item5,.item6

{

  float: left;

}

.item6{

  padding-left: 600px;

}

    </style>

</head>

<body>

    <div class="box">

      <div class="item1">

        <img style="padding-top:80px" src="../img登录页面2.jpg" width="474px" height="61px" alt="center">

         

     

        <div class="item4">

            <div class="item2">  <img src="../img登录页面.jpg" alt="" width="474pc" h1100px></div>

            <div class="item3">

              <div style="font-size: 30px;">用户登录</div>

             

              <div style="font-size: 20px;">用户名 </div>

              <div><input type="text" id="userAccount" width="90px" height="30px" top:7px;"></div>

               <div style="font-size: 20px;"> 密码</div>

               <div><input type="password" id="userPassword" width="90px" height="30px" top:54px;" ></div>

               <div class="A"><img src="../微信图片_20240607135526.png" alt="margin-left" width="80px" height="50px"></div>

            </div>

           

      </div>

      <div class="item5">湖南强智科技发展有限公司 版权所有</div>

      <div class="item6">隐私声明|设为首页</div>

    </div>

</html>

2301_81583196
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java教务管理系统源代码_基于jsp的教务管理系统-JavaEE实现教务管理系统 - java项目源码...
weixin_42521628的博客
02-25 1676
基于jsp+servlet+pojo+mysql实现一个javaee/javaweb的教务管理系统, 该项目可用各类java课程设计大作业中, 教务管理系统的系统架构分为前后台两部分, 最终实现在线上进行教务管理系统各项功能,实现了诸如用户管理, 登录注册, 权限管理等功能, 并实现对各类教务管理系统相关的实体进行管理。该教务管理系统为一个采用mvc设计模式进行开发B/S架构项目,并采用分层架构对...
优索教务管理系统-.net
06-13
优索教务管理系统适用于高校、中学教务管理，采用VS2019开发，数据库访问组件和Access2003/SQL2000/2005/2008/2012/2016无缝结合，采用AJAX无刷新更新。系统包括了学校教务必须使用的大部分功能，包括： 教务管理...
程序设计大作业：教务管理系统（C语言）
俊夫小瞳的博客
05-11 3063
写在前头： 这个大作业是大一写的，所以比较低能，全篇只涉及C语言相关知识，且有些内容我自己看了都嫌弃。嘿嘿。 我整理了资源，可以免费下载：程序设计大作业：教务管理系统（C语言）-C文档类资源-CSDN文库 下面我说一下可能需要注意的点： 1、还是想再说一下，代码没什么技术含量，不涉及数据库的知识，所有数据都在TXT文件中。 2、没什么问题的话，大家下载了源代码，只要保证源代码中的文件路径正确就可以直接运行了。 3、有一个看课表的功能我写的是弹出一张图片，课表的图片也是我随便找的，但是其实这样是非
java课程大作业——学生教务系统（IDEA+SqlServer 2008）
z2528876500的博客
12-12 7236
一个利用IDEA和SqlServer2008做成的java结课大作业
Java实现带界面的教务管理系统（结合数据库）
热门推荐
Mu_yongheng的博客
07-09 3万+
这学期学了Java程序设计，当然是最基础的部分。。结课作业就是自己实现一个简单的系统或者算法，在网上找了一些资料，然后扩展了一下，最终做出来了一个最简单的教务管理系统。适合新手练手用，所以打算写下来可以对一些人有帮助。其中主要就是用到了Java中的swing做界面，结合数据库来实现信息的查询。（最后得了97分呦，哈哈哈） 最后我会附上全部代码的，下面这些讲解几乎是从我的课程报告上copy下来的，要写报告的同学们也可以参考一下。 学生管理系统参考博客 数据库连接方法 系统主要功能 1、此管理系统可以让用户以学
教务管理系统登录页面仿写
浪荡子爱自由的博客
04-16 1560
第一步：创建站点，即新建一个文件夹，命名为【学号姓名】。在此文件夹里面创建一个【images】文件夹，用于存放所有图片素材。第二步：网页布局，并添加背景图片。
用selenium全自动化爬取教务系统作业清单
凌寻的博客
10-20 684
什么？？用selenium和简易爬虫就可以轻松实现爬取课程网站未完成作业的清单？快来试试！
数据库系统课设——教务管理系统
记录了个人在学习生活中的所思所想，在反思自己的同时希望也能够帮到你
11-23 2万+
这两个星期学校进行数据库的课程设计，我利用所学知识做出来了一个较为简单的教务管理系统，具体功能包括登录、人员管理、教师课程申请、管理员审批课程、管理员安排课程、学生选课、教师给学生评分等等。分享一下我的课程设计，记录一下自己的成长过程。《教务管理系统》项目演示前端采用Vue2，后端采用Spring，数据库使用MySQL。系统主要有以下几大模块：用户登录、人员管理、课程申请、课程审批、课程安排、课程选课、成绩评定。
selenium自动化教务系统登入
Lorrey_的博客
04-30 1383
通过学习了selenium后，我们可以写一个自动化登录的脚本，就拿登录教务系统为例吧 第一步，依旧确定要用的库 先安装库，命令行输入pip install selenium，具体可参考这篇文章pip安装库遇到的问题_Lorrey_的博客-CSDN博客 接着就可以导入 from selenium import webdriver #从模块selenium中导入webdriver定义 import time #用来休眠，为了能成功进入页面后再进行下一步 第二步，要下载浏览器驱动，根据自己的浏.
[附源码]java毕业设计教务系统
bishe507的博客
11-17 2552
项目运行环境配置：Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：SSM + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。
SpringBoot+Mybatis+MySQL实现简单教务处管理系统
Mr_wyl的博客
12-14 1581
首先我们需要先设计一下数据库都需存储哪些数据，作为简单地教务处管理系统我们就让他可以管理学生，教师和课程，正常来说应该还有班级，因为都是一样的处理逻辑，所以这里就没有进行设计班级管理。
web前端期末节课大作业~html学生信息管理系统模板
06-18
web前端期末节课大作业 ,...有个人中心、我的信息、班级信息、短信息、学院通知、我的异议、教务中心、我的报考、我的成绩、我的书籍、学习中心、资料下载、学习历程、财务中心、我的财务、教学系统等系统功能菜单。
Java web 期末大作业，完成度100%附带文档.
12-25
采用servlet+jsp+jdbc的技术以及mvc模式进行项目开发，本次开发的内容主要以实现CRUD核心功能为主的教务管理系统，分为学生端和教师端，前端采用jquery进行数据传输以及处理，bootstap写界面。 2. 技术架构 运行...
C语言作业：学生管理系统EasyX版
10-09
初学EasyX,利用了C语言链表、EasyX图形库,实现了图形界面，基本键鼠操作，账号密码的基本登录,学生信息的录入.删除.修改.查找,载入文件数据，保存信息等功能，方便简单，下载积分是系统自己乱设的我也没办法。。。。
青果教务系统提交表单
05-24
"青果教务系统提交表单"这一主题涉及到的是如何通过系统界面来提交相关数据，如学生作业、教师评分或者课程申请等。 首先，"青果系统提交表单"可能指的是用户需要填写并提交的一系列信息，这些表单通常包含了诸如...
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1334
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
Web前端-Web开发CSS基础2-选择器
a15735748145a的博客
07-16 591
58. 按顺序，选中所有未访问过的类名为class1的标签、访问过的类名为class1的标签、鼠标悬停时的类名为class1的标签、按下不放时的类名为class1的标签；59. 按顺序，选中所有未访问过的id为happy的标签、访问过的id为happy的标签、鼠标悬停时的id为happy的标签、按下不放时的id为happy的标签；60. 按顺序，选中所有未访问过的id为sad的标签、访问过的id为sad的标签、鼠标悬停时的id为sad标签、按下不放时的id为sad的标签；
Web前端-Web开发CSS基础7-网格
a15735748145a的博客
07-17 738
22. 在网格容器中，设置grid-template-areas: 'header header header header' 'left left right right' 'left left right right' 'footer footer footer footer'19. 在网格容器中，设置grid-template-areas: 'header header header' 'main main main' 'footer footer footer'grid-row-start: 2;
拖拽上传（预览图片）
最新发布
喵喵的博客
07-18 361
/创建一个url的blob ，在当前会话下生效，不像base64那样在哪里都能用，如在浏览器中用，当你关掉浏览器再开浏览器用则不生效，是一种临时文件。/* 触发file类型的Input上传文件不一定要点击上传按钮，点在Input身上即可 */点击+上传图片，或直接拖拽图片到红色方框里面也可上传图片，上传后预览图片。//拿到input当前上传的文件，拿不到url，想在页面展示必须有url。//通过FileReader的result可以拿到文件的url。//生成一个临时地址blob，不可持续。
教务管理系统 包含管理员登录和学生登陆c语言
05-26
教务管理系统可以分为管理员和学生两个角色，其中管理员可以管理学生信息、课程信息、成绩信息等，而学生可以查询自己的课程信息和成绩信息。以下是一个简单的教务管理系统的代码示例： 管理员登录： ``` #include...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值