简介:使用到Ajax进行传值,返回"登录成功"的结果后,跳转到主页面。
利用JQ的Cookie插件把值存在Cookie,达到保存登录效果。
目录
一、Home/Index主页
视图代码
一个简单的图书馆管理页面
<body onload="nulland()">//加载页面调用js函数
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<link rel="stylesheet" href="~/css/StyleSheet.css" />
<div class="left-sidebar">
<div class="sidebar-scroll">
<h4>BooksSystem</h4>
<div class="sidebar-nav">
<ul>
<li>
<a href="/Home/index" style="background-color: #288fff;color:#fff">
<i></i>
首页
</a>
</li>
<li>
<a href="#">
<i></i>
图书登记
</a>
</li>
<li>
<a href="#">
<i></i>
注销登记
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
css代码
ul, li {
padding: 0;
}
.left-sidebar {
left: 0px;
position: fixed;
width: 160px;
height: 100%;
backgr