<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--设置浏览器的视口,只在移动端浏览器下起作用-->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>医院药房管理系统</title>
<!--引入bootstrap的css样式文件-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<!--判断如果IE9以下,引入兼容H5元素的js文件,注意空格位置-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.min.js" ></script>
<script type="text/javascript" src="js/respond.min.js" ></script>
<![end if] -->
<style type="text/css">
/* 设置 placeholder文字颜色*/
::-webkit-input-placeholder {
color: blue;
}
</style>
</head>
<body>
<!--导航条开始-->
<nav class="navbar navbar-fixed-top">
<!--内容容器开始-->
<br class="container-fluid">
<!--头部开始-->
<!-- <div class="navbar-header">-->
<!-- <!–响应式菜单开始–>-->
<!-- <span class="icon-bar"></span>-->
<!-- <span class="icon-bar"></span>-->
<!-- <span class="icon-bar"></span>-->
<!-- </div>-->
<!--响应式菜单结束-->
<!--logo开始-->
<a href="#" class="navbar-brand">药房管理系统</a>
<!--logo结束-->
</div>
<!--头部结束-->
<!--菜单内容开始-->
<div id="navMenu" class="navbar-collapse collapse">
<!--菜单列表结束-->
<!--普通文本开始-->
<p class="navbar-text">
当前用户:
<a href="#" class="navbar-link"> </a>
</p>
<!--普通文本结束-->
<!--表单开始-->
<form class="navbar-form navbar-left visible-xs-block visible-md-block visible-lg-block">
<div >
<input type="text" name="username" placeholder="用户名" autocomplete="off">
<input type="password" name="password" placeholder="密码" autocomplete="off">
<button lay-submit lay-filter="login" class="layui-btn layui-btn-radius">登录</button>
<button lay-submit lay-filter="zc" class="layui-btn layui-btn-normal layui-btn-radius">注册</button>
</div>
</form>
<!--表单结束-->
<!--退出登录-->
<a class="btn btn-success pull-right" style="height:available">忘记密码 </a>
<a class="btn btn-success pull-right" style="height: auto">退出登录</a>
<!--退出登录-->
</div>
<!--菜单内容结束-->
</div>
<!--内部容器结束-->
</nav>
<!--导航条结束-->
<!--外层容器开始-->
<div class="container" style="margin-top: 60px;">
<!--最外层行开始-->
<div class="row">
<!--左侧区域开始-->
<div class="col-sm-9">
<!--巨幕开始-->
<button type="button" class="btn btn-info btn-xs pull-right">咨询我们</button>
<div class="jumbotron">
<h1>医院药房管理系统</h1>
<img src="-582942251_696468449_493500527.jpg" alt="..." class="img-circle">
<input type="text" placeholder="请输入搜索内容" id="myInput">
<script type="text/javascript">
//获取文本框对象
var myInput=document.getElementById("myInput");
myInput.onfocus=function () {
this.placeholder="";
this.style.background="blue";
}
myInput.onblur=function () {
if(myInput.value==""){
this.placeholder="";
}
}
</script>
</div>
<!--巨幕结束-->
<!--列表开始-->
<div class="row" style="background: #2aabd2">
<div class="col-lg-4 col-xs-6">
<h3>药品公告</h3>
<p>
今日药品入库1200库存
<br />
退烧止痛类药品到货
</p>
<p>
<button class="btn btn-default">查看详细»</button>
</p>
</div>
<div class="col-lg-4 col-xs-6">
<h3>药品价格公示</h3>
<p>
消炎类
<br>
保健品类
<br>
外伤类
</p>
<p>
<button class="btn btn-default">查看详细»</button>
</p>
</div>
<div class="col-lg-4 col-xs-6">
<h3>在线客服</h3>
<p>
客服机器人
<br />
人工客服
<br>
留言板
</p>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="R-C%20(1).jfif" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
<img src="R-C.jfif" alt="...">
<div class="carousel-caption">
...
</div>
</div>
...
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!--列表结束-->
</div>
<!--左侧区域结束-->
<!--右侧区域开始-->
<div class="col-sm-3">
<div class="list-group">
<a href="" class="list-group-item active">补益类用药</a>
<a href="http://www.baidu.com" class="list-group-item disabled">维生素钙</a>
<a href="" class="list-group-item">消化系统</a>
<a href="" class="list-group-item">感冒用药</a>
<a href="" class="list-group-item">儿科用药</a>
<a href="" class="list-group-item">皮肤用药</a>
<a href="" class="list-group-item">呼吸系统</a>
<a href="" class="list-group-item">风湿骨外伤用药</a>
<a href="" class="list-group-item">
止痛镇痛
<span class="badge">17</span>
</a>
</div>
</div>
<!--右侧区域结束-->
</div>
<!--最外层行结束-->
<hr />
</div>
<!--外层容器结束-->
<!--网页底部开始-->
<footer>
<div class="container">
<div class="row">
<div class="col-md-6">
<h4 class="text-center">BootStrap中文网</h4>
<p>
本网站所列开源项目的中文版文档全部由<a href="">Bootstrap中文网</a>成员翻译整理,
并全部遵循 <a href="">CC BY 3.0</a>协议发布。
</p>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-xs-3">
<h4>关于</h4>
<ul class="list-unstyled">
<li><a href="">购物指南</a></li>
<li><a href="">常见问题</a></li>
<li><a href="">联系客服</a></li>
<li><a href="">广告合作</a></li>
<li><a href="">友情链接</a></li>
</ul>
</div>
<div class="col-xs-3">
<h4>配送方式</h4>
<ul class="list-unstyled">
<li><a href="">药房自提</a></li>
<li><a href="">上门配送</a></li>
<li><a href="">配送费收取标准</a></li>
</ul>
</div>
<div class="col-xs-3">
<h4>支付方式</h4>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。
资源推荐
资源详情
资源评论
收起资源包目录
前端项目15.rar (61个子文件)
项目1
01f53e5d81e5dda801211d53e8bc56.jpg@1280w_1l_2o_100sh.jpg 535KB
76-综合排版布局实例.html 9KB
js
html5shiv.min.js 3KB
bootstrap.js 68KB
npm.js 484B
bootstrap.min.js 36KB
respond.min.js 6KB
jquery.js 268KB
img
2.jpg 21KB
Thumbs.db 56KB
10.png 7KB
9.png 3KB
download.png 3KB
3.png 1KB
desktop.jpg 34KB
22.jpg 318KB
logo.png 3KB
12.png 1KB
stickup.png 8KB
tablet.jpg 22KB
websafecolors.png 9KB
11.png 2KB
13.png 1KB
6.png 8KB
erweima.png 3KB
phone.jpg 66KB
5.png 20KB
R-C.jfif 86KB
4.png 10KB
11.jpg 62KB
8.png 18KB
unslider.png 1KB
header_img.jpg 86KB
7.png 45KB
R-C (1).jfif 58KB
3.jpg 33KB
demo.mp4 7.86MB
14.png 3KB
css
bootstrap-theme.min.css.map 25KB
bootstrap.min.css 118KB
bootstrap-theme.css.map 47KB
bootstrap-theme.css 26KB
bootstrap.css.map 380KB
bootstrap.css 143KB
bootstrap-theme.min.css 23KB
bootstrap.min.css.map 529KB
gnjs_14.png 59KB
R-C.jfif 86KB
images
slide2.png 8KB
2.jpg 83KB
slide3.png 6KB
1.jpg 94KB
slide1.png 6KB
3.jpg 106KB
R-C (1).jfif 58KB
-582942251_696468449_493500527.jpg 44KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
共 61 条
- 1
资源评论
诚信赢天下
- 粉丝: 2971
- 资源: 102
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 本科毕业设计基于C# wpf人脸识别的考勤系统的设计与实现源码.zip
- 基于Ruoyi+uniapp实现学生考勤系统 学生考勤源码+项目说明.zip
- feae6bc968ca68a099455d8b8a8dea35
- 基于Pytorch训练CIRAR10上分类算法.zip
- Pytorch-pytorch深度学习教程之Tensorboard.zip
- 基于C++和Python开发yolov8-face作为人脸检测器dlib作为人脸识别器的人脸考勤系统源码+项目说明.zip
- Pytorch-pytorch深度学习教程之变分自动编码器.zip
- Pytorch-pytorch深度学习教程之神经风格迁移.zip
- Pytorch-pytorch深度学习教程之深度残差网络.zip
- Pytorch-pytorch深度学习教程之循环神经网络.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功