• 大小: 15.42M
    文件类型: .rar
    金币: 1
    下载: 0 次
    发布日期: 2020-12-14
  • 语言: C#
  • 标签: C#  bootstrap  组件  UI  c  

资源简介

C# WEB,基于Bootstrap的简洁UI组件。
1、浏览器、区域简洁滚动条;
2、多种弹出信息框
3、多场景左右键弹出菜单

VS2017编译,如有错误或者NuGet有问题或需其他版本VS编译,
只需建立新的WEB应用,将default.aspx、default.cs内容复制到你的文件内容里面。

C# WEB编写方式比较自由,用此类方式写代码属于个人习惯,
default.aspx中只定义js调用css样式及一个空表格,内容添加由default.cs完成
比如:
 protected void Page_Load(object sender, EventArgs e)
{
//定义表格
        Table Table_Frame;
        Table_Frame = new Table();
        Table_Frame.BackColor = System.Drawing.Color.White;
        Table_Frame.HorizontalAlign = HorizontalAlign.Center;
        Table_Frame.Width = 1000;
        Table_Frame.CellPadding = 0;
        Table_Frame.CellSpacing = 0;

        TableRow Table_FrameRow;
        TableCell Table_FrameCell;

 //自定义滚动条、弹出信息框
            Table_FrameRow = new TableRow();
            Table_FrameRow.Width = Unit.Percentage(100);
            Table_FrameCell = new TableCell();
            Table_FrameCell.ColumnSpan = 10;
            Table_FrameCell.Height = 200; //高度
            Table_FrameCell.Text = @"
                <div id='os1' class='optiscroll column mid-50'>
                    自定义滚动条:<br>
                        1. 浏览器自定义滚动条;
                        2. 在本区域内自定义滚动条;
                        3. 点击下面的项目,显示提示信息。
                    <ul>
               <li><a href='#' class='trigger-info'>Info</a></li>
               <li><a href='#' class='trigger-success'>Success</a></li>
               <li><a href='#' class='trigger-warning'>Warning</a></li>
               <li><a href='#' class='trigger-error'>Error</a></li>
               <li><a href='#' class='trigger-custom1'>Custom I</a></li>
               <li><a href='#' class='trigger-custom2'>Custom II</a></li>
           </ul>
                </div>

                <script type='text/javascript'>
                    var os1 = new Optiscroll(document.getElementById('os1'), { maxTrackSize: 20, preventParentScroll: true });
       </script>
            ";
            Table_FrameRow.Cells.Add(Table_FrameCell);
            Table_Frame.Rows.Add(Table_FrameRow);
.........................
.........................
.........................
.........................
 //添加到页面
            System.Web.UI.HtmlControls.HtmlTableRow HtmlTableRow = new System.Web.UI.HtmlControls.HtmlTableRow();
            System.Web.UI.HtmlControls.HtmlTableCell HtmlCell = new System.Web.UI.HtmlControls.HtmlTableCell();
            HtmlCell.Controls.Add(Table_Frame);
            HtmlTableRow.Controls.Add(HtmlCell);
            table_fence.Rows.Add(HtmlTableRow);
}

如需执行服务端,cs文件定义Button btn_log = new Button();隐藏不显示,js用onclick指向btn_log的id的click,
cs文件里面定义protected void btnLog_click(object sender, EventArgs e){。。。执行内容}
等等,这里就不多说了。
这个纯属个人写代码的习惯,这习惯不科学。
Visual Studio 2017 Enterprise下载,可以看看https://www.coderbusy.com/archives/395.html,20多G,可安装使用。
自行下载也可以,截止到8月20日,中文版下载更新到43G。





资源截图

代码片段和文件信息

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace light_Bootstrap
{
    public partial class _default : System.Web.UI.Page
    {
        protected void Page_Load(object sender EventArgs e)
        {
            //定义表格
            Table Table_frame;
            Table_frame = new Table();
            Table_frame.BackColor = System.Drawing.Color.White;
            Table_frame.HorizontalAlign = HorizontalAlign.Center;
            Table_frame.Width = 1000;
            Table_frame.CellPadding = 0;
            Table_frame.CellSpacing = 0;

            TableRow Table_frameRow;
            TableCell Table_frameCell;

            Table_frameRow = new TableRow();
            

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

     文件      86511  2017-08-22 20:25  WEB_Bootstrap\.vs\config\applicationhost.config

    ..A..H.     30208  2017-08-22 20:22  WEB_Bootstrap\.vs\lightweight_Bootstrap\v15\.suo

    ..A..H.     39936  2017-08-22 21:49  WEB_Bootstrap\.vs\light_Bootstrap\v15\.suo

     文件      17920  2017-08-22 21:19  WEB_Bootstrap\light_Bootstrap\bin\light_Bootstrap.dll

     文件        598  2017-08-22 20:56  WEB_Bootstrap\light_Bootstrap\bin\light_Bootstrap.dll.config

     文件      13824  2017-08-22 21:19  WEB_Bootstrap\light_Bootstrap\bin\light_Bootstrap.pdb

     文件      50032  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\csc.exe

     文件       1711  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\csc.exe.config

     文件       1496  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\csc.rsp

     文件      13680  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\csi.exe

     文件        253  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\csi.rsp

     文件     105392  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.Build.Tasks.CodeAnalysis.dll

     文件    4211112  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.CodeAnalysis.CSharp.dll

     文件      28088  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.CodeAnalysis.CSharp.scripting.dll

     文件    2049432  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.CodeAnalysis.dll

     文件     128432  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.CodeAnalysis.scripting.dll

     文件    5061040  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.CodeAnalysis.VisualBasic.dll

     文件       6908  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.CSharp.Core.targets

     文件    1264912  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.DiaSymReader.Native.amd64.dll

     文件     967432  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.DiaSymReader.Native.x86.dll

     文件       6340  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\Microsoft.VisualBasic.Core.targets

     文件      20168  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\System.AppContext.dll

     文件     200440  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\System.Collections.Immutable.dll

     文件      22776  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\System.Diagnostics.StackTrace.dll

     文件      20696  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\System.IO.FileSystem.dll

     文件      20736  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\System.IO.FileSystem.Primitives.dll

     文件     425864  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\System.Reflection.metadata.dll

     文件      50032  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\vbc.exe

     文件       1711  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\vbc.exe.config

     文件       1634  2016-06-27 14:50  WEB_Bootstrap\light_Bootstrap\bin\roslyn\vbc.rsp

............此处省略113个文件信息

评论

共有 条评论