此系统很简单,适合小白和初学者学习,难易指数★
技术采用的是asp.net webform+sqlserver,如有需要技术支持和疑问解答,请在评论区留言,感谢支持!!
整体效果如下图所示:
一、登录页
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="图书管理系统.login" %> <!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"> <head runat="server"> <title>无标题页</title> <style type="text/css"> .style1 { font-family: 华文楷体; font-size: xx-large; font-weight: bold; } body { background-image: url(./界面设计/QQ图片20201127125629.png); background-size: 100% 100%; background-repeat: no-repeat; background-attachment: fixed; } .centered-form { width: 500px; /* 设置Form的宽度 */ margin: 200px auto; /* 上下间距为0,左右自动(实现水平居中) */ padding: 20px; /* 内边距 */ border: 1px solid #000; /* 边框 */ text-align: center; /* 文本居中 */ } </style> </head> <body> <form runat="server" class="centered-form"> <div align="center" style="height: 274px"> <span class="style1">图书管理系统<br /> <br /> </span> <asp:Label ID="Label3" runat="server" Text="登录身份:"></asp:Label> <asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem Value="1">图书馆管理员</asp:ListItem> <asp:ListItem Value="2">学生</asp:ListItem> </asp:DropDownList> <br /> <br /> <asp:Label ID="Label1" runat="server" Text="用户:"></asp:Label> <asp:TextBox ID="TextBox1" runat="server" Width="150px"></asp:TextBox> <br /> <br /> <asp:Label ID="Label2" runat="server" Text="密码:"></asp:Label> <asp:TextBox ID="TextBox2" runat="server" TextMode="Password" Width="150px"></asp:TextBox> <br /> <br /> <br /> <asp:Button ID="Button1" runat="server" Text="登录" OnClick="Button1_Click" /> <asp:Button ID="Button2" runat="server" Text="清空" OnClick="Button2_Click" /> </div> </form> </body> </html>
二、首页
代码如下(示例):
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mains.aspx.cs" Inherits="图书管理系统.mains" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> .style1 { font-family: 华文楷体; font-size: xx-large; } .style2 { width: 100%; } </style> </head> <body> <form id="form1" runat="server"> <div class="style1" style="text-align: left"> <div> <img src="界面设计/logo.png" style="vertical-align:middle;width:180px" > <span>图书管理系统</span> </div> <div style="text-align:right"> <asp:Label ID="Label2" runat="server" Text="当前用户:"></asp:Label> <asp:Label ID="username" runat="server" Text=""></asp:Label> <asp:Label ID="Label4" runat="server" Text="身份:"></asp:Label> <asp:Label ID="shenfen" runat="server" Text=""></asp:Label> <asp:Label ID="Label6" runat="server" Text="在线人数:"></asp:Label> <asp:Label ID="online" runat="server" Text=""></asp:Label> <asp:Label ID="Label5" runat="server" Text="访问量:"></asp:Label> <asp:Label ID="fagnwenliang" runat="server" Text=""></asp:Label> <asp:Label ID="Label1" runat="server" Text=""></asp:Label> <a target="_self" runat="server" onserverclick ="Clear" >退出</a> </div> <table class="style2" border="1" cellspacing="0"> <tr> <td height="555" width="222"> <asp:TreeView ID="TreeView1" runat="server" ShowLines="True" style="font-size: large" LineImagesFolder="~/TreeLineImages"> <Nodes> <asp:TreeNode Text="图书管理系统" Value="图书管理系统" NavigateUrl="~/界面设计/界面设计.jpg"> <asp:TreeNode Text="基本操作" Value="基本操作" > <asp:TreeNode Text="图书管理" Value="图书管理" NavigateUrl="~/bookmanage.aspx"></asp:TreeNode> <asp:TreeNode Text="读者管理" Value="读者管理" NavigateUrl="~/readmanage.aspx"></asp:TreeNode> <asp:TreeNode Text="借书" Value="借书" NavigateUrl="~/borrow.aspx"></asp:TreeNode> </asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </td> <td height="555"> <iframe id="I1" frameborder="0" name="I1" src="界面设计/界面设计.jpg" style="width: 738px; height: 577px;"> </iframe> </td> </tr> </table> </div> </form> <p> </p> </body> </html>