HTML5期末作业:员工管理系统网站设计-蓝色OA企业员工管理系统页面html(10页) HTML+CSS+期末作业HTML代码学生网页课程设计期末作业下载网页设计制作
常见的网页设计作业主题包括个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、故乡、鲜花、礼品、汽车等网页设计主题,A+级作业,可满足大学生网页设计需求,喜欢的话可以下载哦!
>>>点击进入>>>300例HTML期末作业源码
1. 临近学期末,你仍在设计 HTML 网页的期末作业。 是否对老师布置的家庭作业感到不知所措? 无法开始 HTML 作业? 总页面请求太多?
2.没有合适的模板? 等等一系列问题。 你要解决的问题在这篇博文中基本可以满足你的需求~
3.原创HTML+CSS+JS页面设计,大学生网页设计作业源码,这是一个很好的网页制作,图片灵动,非常适合初学者学习和使用。
作品介绍
1、网页作品简介:大学生期末A+级HTML网页设计作业,喜欢的可以下载,文章页面支持移动PC响应式布局。 总共有10页。
2、网页作品编辑:该作品是学生期末作业的网页设计主题。 该代码是用简单的学生级 html+css 布局编写的。 下载作品后,您可以使用任何HTML编辑软件(如:DW、、、、、++等任何HTML软件来编辑、修改网页)。
3、网页作品布局:网页整体布局为响应式布局、LOGO、导航、主要内容布局。 子页面有多种布局。 兴趣爱好内容采用图片列表布局。 结果页面插入一个表格。 联系我们使用图片对齐来设置左对齐。
4、网页作品技术:使用DIV+CSS制作网页、背景图片、音乐、视频、flash、鼠标悬停和选中的导航变色效果、下划线等。提交表单、评论留言,并使用制作好的表单进行判断(提交时表单不能为空)。
文章目录
一、作品展示 1、部门管理
2、人员管理
3.我的日程安排
4. 角色管理
5. 修改密码
2、文件目录
3. 代码实现
DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/amazeui.min.css">
<link rel="stylesheet" href="css/admin.css">
<link rel="stylesheet" href="css/app.css">
<style>
.admin-main{
padding-top: 0px;
}
style>
head>
<body>
<body>
<header class="am-topbar am-topbar-inverse admin-header">
<div class="am-topbar-brand">
<strong>OAstrong> <small>管理系统small>
div>
<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}">
<span class="am-sr-only">导航切换span> <span class="am-icon-bars">span>
button>
<div class="am-collapse am-topbar-collapse" id="topbar-collapse">
<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
<li>
<a href="javascript:;"><span class="am-icon-envelope-o">span> 收件箱 <span class="am-badge am-badge-warning">5span> a>
li>
<li class="am-dropdown" data-am-dropdown="">
<a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;"> <span class="am-icon-users">span> admin<span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content">
<li onClick="updatePwd('修改密码',2)">
<a href="javascript:void(0)"><span class="am-icon-cog">span> 修改密码a>
li>
<li>
<a href="account/logOut.action"><span class="am-icon-power-off">span> 退出
a>
li>
ul>
li>
<li class="am-hide-sm-only">
<a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt">span>
<span class="admin-fullText">开启全屏span> a>
li>
ul>
div>
header>
<div class="am-cf admin-main">
<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
<div class="am-offcanvas-bar admin-offcanvas-bar">
<ul class="am-list admin-sidebar-list">
<li>
<a href="admin-index.html"><span class="am-icon-home"> 首页span>
<li class="admin-parent">
<a class="am-cf" ><span class="am-icon-file">span> 人事管理<span class="am-icon-angle-right am-fr am-margin-right">span> a>
<ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
<li>
<a href="depart.html" target="right" class="am-cf"><span class="am-icon-check">span> 部门管理
<span class="am-icon-star am-fr am-margin-right admin-icon-yellow">span>
a>
li>
<li>
<a href="user.html" target="right" class="am-cf"><span class="am-icon-check">span> 用户管理
<span class="am-icon-star am-fr am-margin-right admin-icon-yellow">span>
a>
li>
ul>
li>
<li class="admin-parent">
<a class="am-cf"><span class="am-icon-file">span> 日程管理<span class="am-icon-angle-right am-fr am-margin-right">span> a>
<ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
<li>
<a href="schedule.html" target="right" class="am-cf"><span class="am-icon-check">span> 我的日程
<span class="am-icon-star am-fr am-margin-right admin-icon-yellow">span>
a>
li>
ul>
li>
<li class="admin-parent">
<a class="am-cf" ><span class="am-icon-file">span> 系统管理<span class="am-icon-angle-right am-fr am-margin-right">span> a>
<ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
<li>
<a href="role.html" target="right" class="am-cf"><span class="am-icon-check">span> 角色管理
<span class="am-icon-star am-fr am-margin-right admin-icon-yellow">span>
a>
li>
ul>
li>
<li onClick="updatePwd('修改密码',${)">
<a href="javascript:void(0)" onClick="updatePwd('修改密码',5)"><span class="am-icon-sign-out">span> 修改密码a>
li>
<li>
<a href="account/logOut.action"><span class="am-icon-sign-out">span> 注销a>
li>
ul>
<div class="am-panel am-panel-default admin-sidebar-panel">
<div class="am-panel-bd">
<p>
<span class="am-icon-bookmark">span> 公告
p>
<p>时光静好,与君语;细水流年,与君同p>
div>
div>
div>
div>
<div class="admin-content">
<div class="admin-content-body">
<iframe src="depart.html" width="100%" height="1100" name="right" style="border: none;">iframe>
div>
div>
<footer class="admin-content-footer">
<hr>
<p class="am-padding-left">© 2020, Inc. Licensed under MIT license.p>
footer>
div>
div>
<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}">a>
<footer>
<hr>
<p class="am-padding-left">© 2020, Inc. Licensed under MIT license.p>
footer>
<script src="js/jquery-1.11.3.min.js">script>
<script src="js/amazeui.min.js">script>
<script src="js/app.js">script>
<script type="text/javascript" src="js/plugs.js">script>
<script type="text/javascript">
//添加编辑弹出层
function updatePwd(title, id) {
$.jq_Panel({
title: title,
iframeWidth: 500,
iframeHeight: 300,
url: "updatePwd.html"
});
}
script>
html>
四、web前端(学习资料)
Web前端零基础-入门进阶(视频+源码+开发软件+学习资料+面试题)全套(教程)
适合初学者到高级童鞋~免费1000套HTML+CSS+模板网站
5、源码获取
❉1. 如果您看到这里,请【点赞+收藏】连续三连支持。 您的“点赞、收藏”是我创作的动力。
❉ 2.关注我~每天带你学习:各种前端插件、七夕告白网页制作、3D炫酷效果、图片展示、文字效果、全站模板、大学生毕业HTML模板、网页期末作业模板等! “开发者前后,一起讨论前端、JAVA、Node知识,互相学习”!
❉3. 以上内容相关的技术问题可以互相学习,更多源码可以在韦行公Z >>> Web前端日记中获取!