资源简介
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。
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.sc
文件 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.sc
文件 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.me
文件 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个文件信息
- 上一篇:MVVM 入门级(WPF)
- 下一篇:归并排序算法的
相关资源
- c#入门经典 第七版 中文版 非扫描版
- .netc#新手菜鸟mvc5的仓库管理系统 so
- C# NPOI生成word插入图片和表格
- C#程序设计基础C#程序设计及应用教程
- 深入.NET平台和C#编程
- .net 美萍超市管理系统源码C#
- WinForm GeckoFx33 Demo JS与C#互交 窗口浏览
- 《ASP.NET程序设计项目教程》周虎,王
- 计算机图形学 三维模型处理算法初步
- C# KTV 点歌系统,C#项目源码带数据库
- C#实验--A.1 视频动态绘制练习.
- c#实现动态规划法——求解矩阵连乘问
- c#winform中完美代替WebBrowser最新的控件
- C#高级编程第9版:C#5.0 & .NET 4.5.1 par
- Illustrated C# 2010 C# 4.0图解教程
- Angle - Bootstrap Admin Template2016最新版V
- C# WINFORM框架源碼
- C# WinForm实践开发教程清晰版
- 3D打印机上位机源码Reprap Host 是C#写的
- C#设计模式+源码JamesW.Cooper.zip
- C#程序开发范例宝典(第3版).(配套
- C#写的年会抽奖软件包含源代码.zip
- 大型ERP C#源码
- asp.net完整项目带数据库
- 清大出版社 段德亮 《C#课程设计案例
- C#人事管理系统/人力资源管理系统
- C# 7 and .NET Core: Modern Cross-Platform Deve
- C# 5.0 in a Nutshell 5th Edition.pdf
-
C# 6.0 and the .NET 4.6 fr
amework(7th). - C# .NET webservices简单使用
评论
共有 条评论