网页样式与自动加载

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myloginApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登陆</title>


</head>
<link href="libs/zui/css/zui.min.css" rel="stylesheet">
<link href="styles/login.css" rel="stylesheet">
<body>
<div class="fixedtop"></div>
<div class="page-container">
  <div class="row" style="margin:0px">
    <div class="font" bold > 温江区人名医院体检管理系统 </div>
  </div>
  <div ng-controller="loginCtrl">
  <form  name="frmLogin" ng-model="objLoginInfo" novalidate>
      <input type="text" name="username" class="username" placeholder="请输入用户名称" ng-model="objLoginInfo.username" required>
         <div ng-show="frmLogin.username.$error.required" style="color:red;  margin-top:5px;">用户名不能为空</div>
      <input type="password"  name="password" class="password" placeholder="请输入密码"  ng-model="objLoginInfo.password" ng-minlength=6  ng-maxlength=20 required>
        <div ng-show="frmLogin.password.$dirty && frmLogin.password.$invalid" style="color:red">*
           <span ng-show="frmLogin.password.$error.required">请输入您的密码</span>
           <span ng-show="frmLogin.password.$error.minlength || frmLogin.password.$error.maxlength">密码由6-20字符组成</span>
       </div>
     <button type="button mt2" class="btn btn-info" ng-disabled="frmLogin.$invalid" ng-click="gotologin(objLoginInfo)" style="background:#0099CC; width:90%;font-size:20px" >登录</button>


  </form>
  </div>
</div>
<script type="text/javascript" src="libs/zui/lib/jquery/jquery.js"></script>
    <script type="text/javascript" src="libs/angular/angular.js"></script>
    <script type="text/javascript" src="libs/angular-route/angular-route.min.js"></script>
    <script src="libs/angular-resource/angular-resource.min.js"></script>
    <script type="text/javascript" src="libs/zui/js/zui.min.js"></script>
<script type="text/javascript" src="libs/jctlibs/function.js"></script>
    <script src="scripts/services/svcLogin.js"></script>
<script src="libs/cryptojslib/rollups/md5.js"></script>
<script src="libs/cryptojslib/rollups/aes.js"></script>
<script src="libs/cryptojslib/components/pad-zeropadding-min.js"></script>
<script src="libs/jctlibs/function.js"></script>
<script src="libs/jctlibs/base64.js"></script>
<script type="text/javascript" src="scripts/services/svcCommon.js"></script>
<!--<script src="scripts/services/svcCommon.js"></script>-->
    <script type="text/javascript" src="scripts/controllers/ctrLogin.js"></script>
</body>


</html>




body { background-image: url(../images/9.jpg); background-repeat: repeat-x; background-position: center ; background-attachment: fixed; background-color: #f6f6f6; }
.page-container { margin: 120px auto 0 auto; }
form { position: relative; width: 305px; margin: 15px auto 0 auto; text-align: center; }
input { width: 270px; height: 42px; margin-top: 25px; padding: 0 15px; background: #2d2d2d; /* browsers that don't support rgba */ background: rgba(45, 45, 45, .15); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #3d3d3d; /* browsers that don't support rgba */ border: 1px solid rgba(255, 255, 255, .15); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset; font-family: "微软雅黑"; font-size: 14px; color: #28b779; text-shadow: 0 1px 2px rgba(0, 0, 0, .1); -o-transition: all .2s;
 -moz-transition: all .2s;
 -webkit-transition: all .2s;
 -ms-transition: all .2s;
}
 input:-moz-placeholder {
color: #fff;
}
input:-ms-input-placeholder {
color: #fff;
}
input::-webkit-input-placeholder {
color: #fff;
}
input:focus { outline: none; -moz-box-shadow:
 0 2px 3px 0 rgba(0, 0, 0, .1) inset, 0 2px 7px 0 rgba(0, 0, 0, .2); -webkit-box-shadow:
 0 2px 3px 0 rgba(0, 0, 0, .1) inset, 0 2px 7px 0 rgba(0, 0, 0, .2); box-shadow:
 0 2px 3px 0 rgba(0, 0, 0, .1) inset, 0 2px 7px 0 rgba(0, 0, 0, .2); border: 2px solid #28b779; }
.error { display: none; position: absolute; top: 27px; right: -55px; width: 40px; height: 40px; background: #2d2d2d; /* browsers that don't support rgba */ background: rgba(45, 45, 45, .25); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.error span { display: inline-block; margin-left: 2px; font-size: 40px; font-weight: 700; line-height: 40px; text-shadow: 0 1px 2px rgba(0, 0, 0, .1); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
button { cursor: pointer; width: 300px; height: 44px; margin-top: 25px; padding: 0; background:#28b779; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #28b779; -moz-box-shadow:
 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2); -webkit-box-shadow:
 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2); box-shadow:
 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2); font-family: "微软雅黑"; color: #FFF; }
.font { color:#200EF7; font-weight:bold; font-size:34px; text-align:center; font-family: "微软雅黑"; }
.fixedtop { position: absolute; left: 120px; top: 30px; height: 150px; width: 100px; }


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0051)file:///E:/wenJiangHospital/code/ckd/app/login.html -->
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myloginApp" class="screen-desktop-wide device-desktop ng-scope"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\:form{display:block;}.ng-animate-block-transitions{transition:0s all!important;-webkit-transition:0s all!important;}.ng-hide-add-active,.ng-hide-remove{display:block!important;}</style>


<title>用户登陆</title>


<link href="./用户登陆_files/zui.min.css" rel="stylesheet"><link href="./用户登陆_files/login.css" rel="stylesheet"></head>




<body style="">
<div class="fixedtop"></div>
<div class="page-container">
  <div class="row" style="margin:0px">
    <div class="font" bold=""> 温江区人名医院体检管理系统 </div>
  </div>
  <div ng-controller="loginCtrl" class="ng-scope">
  <form name="frmLogin" ng-model="objLoginInfo" novalidate="" class="ng-pristine ng-invalid ng-invalid-required">
      <input type="text" name="username" class="username ng-pristine ng-invalid ng-invalid-required" placeholder="请输入用户名称" ng-model="objLoginInfo.username" required="">
         <div ng-show="frmLogin.username.$error.required" style="color:red;  margin-top:5px;" class="">用户名不能为空</div>
      <input type="password" name="password" class="password ng-pristine ng-invalid ng-invalid-required ng-valid-maxlength ng-valid-minlength" placeholder="请输入密码" ng-model="objLoginInfo.password" ng-minlength="6" ng-maxlength="20" required="">
        <div ng-show="frmLogin.password.$dirty &amp;&amp; frmLogin.password.$invalid" style="color:red" class="ng-hide">*
           <span ng-show="frmLogin.password.$error.required" class="">请输入您的密码</span>
           <span ng-show="frmLogin.password.$error.minlength || frmLogin.password.$error.maxlength" class="ng-hide">密码由6-20字符组成</span>
       </div>
     <button type="button mt2" class="btn btn-info" ng-disabled="frmLogin.$invalid" ng-click="gotologin(objLoginInfo)" style="background:#0099CC; width:90%;font-size:20px" disabled="disabled">登录</button>


  </form>
  </div>
</div>
<script type="text/javascript" src="./用户登陆_files/jquery.js"></script>
    <script type="text/javascript" src="./用户登陆_files/angular.js"></script>
    <script type="text/javascript" src="./用户登陆_files/angular-route.min.js"></script>
    <script src="./用户登陆_files/angular-resource.min.js"></script>
    <script type="text/javascript" src="./用户登陆_files/zui.min.js"></script>
<script type="text/javascript" src="./用户登陆_files/function.js"></script>
    <script src="./用户登陆_files/svcLogin.js"></script>
<script src="./用户登陆_files/md5.js"></script>
<script src="./用户登陆_files/aes.js"></script>
<script src="./用户登陆_files/pad-zeropadding-min.js"></script>
<script src="./用户登陆_files/function.js"></script>
<script src="./用户登陆_files/base64.js"></script>
<script type="text/javascript" src="./用户登陆_files/svcCommon.js"></script>
<!--<script src="scripts/services/svcCommon.js"></script>-->
    <script type="text/javascript" src="./用户登陆_files/ctrLogin.js"></script>










</body></html>





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
毕业设计,基于SpringBoot+Vue+MySQL开发的公寓报修管理系统,源码+数据库+毕业论文+视频演示 现代经济快节奏发展以及不断完善升级的信息化技术,让传统数据信息的管理升级为软件存储,归纳,集中处理数据信息的管理方式。本公寓报修管理系统就是在这样的大环境下诞生,其可以帮助管理者在短时间内处理完毕庞大的数据信息,使用这种软件工具可以帮助管理人员提高事务处理效率,达到事半功倍的效果。此公寓报修管理系统利用当下成熟完善的Spring Boot框架,使用跨平台的可开发大型商业网站的Java语言,以及最受欢迎的RDBMS应用软件之一的MySQL数据库进行程序开发。公寓报修管理系统有管理员,住户,维修人员。管理员可以管理住户信息和维修人员信息,可以审核维修人员的请假信息,住户可以申请维修,可以对维修结果评价,维修人员负责住户提交的维修信息,也可以请假。公寓报修管理系统的开发根据操作人员需要设计的界面简洁美观,在功能模块布局上跟同类型网站保持一致,程序在实现基本要求功能时,也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时,也实现了数据信息的整体化,规范化与自动化。 关键词:公寓报修管理系统;Spring Boot框架;MySQL;自动化;VUE
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值