编号:net-001 基于asp.net web form的简单图书管理系统

此系统很简单,适合小白和初学者学习,难易指数

技术采用的是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" />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       
            <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>
&nbsp;</div>
    </form>
    <p>
    &nbsp;</p>
</body>
</html>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值