在Visual Studio 2022中使用html css和bootstrap与ASP.NET

vom3gejh  于 2023-10-21  发布在  .NET
关注(0)|答案(1)|浏览(374)

如何在Visual Studio 2022中使用HTML CSS和JavaScript设计,其中ASP.NET控件允许执行代码?
我期待有人请解决我的问题,这对我来说越来越难开始我的工作,我正在创建一个网站作为一个项目,我不能对它的工作。

hrirmatl

hrirmatl1#

开箱即用,并且至少10年以上,Visual Studio中的默认设置是使用jQuery,Bootstrap和JavaScript。
所以,它是不是在所有清楚你的意思是“如何使用CSS和JavaScript”?你甚至可以自由地采用AngularJS或任何基于现代的框架。
此外,您不太可能今天就开始Web窗体项目。然而,Web Forms虽然很老,但仍然有很好的支持,正如我所指出的,10多年来,Visual Studio中的默认模板和默认设置都是使用Bootstrap主题和布局。包括默认的顶部导航菜单栏。
让我们插入一个按钮,比如说asp.net GridView。
当我们点击按钮时,我们的代码将加载GridView一些数据。
所以,这个标记:

<asp:Button ID="cmdLoad" runat="server" Text="Show Hotels"        
    OnClick="cmdLoad_Click"        
    />
<br />
<br />
<asp:GridView ID="GridView1" runat="server"  >
</asp:GridView>

上面是标准的asp.net控件,但没有任何引导类。
后面的代码加载数据:

Protected Sub cmdLoad_Click(sender As Object, e As EventArgs)

    Dim strSQL = "SELECT FirstName, LastName, City HotelName, Description
                  FROM tblHotelsA ORDER BY HotelName"

    GridView1.DataSource = MyRst(strSQL)
    GridView1.DataBind()

End Sub

上面的结果是一个相当糟糕的页面,像这样:

现在,让我们将标准引导类添加到上述控件中。
因此:

<asp:Button ID="cmdLoad" runat="server" Text="Show Hotels"        
    OnClick="cmdLoad_Click"        
    CssClass="btn"
    />
<br />
<br />
<asp:GridView ID="GridView1" runat="server"
    CssClass="table table-striped"
    >
</asp:GridView>

现在我们有了一个完整的“响应式”网格和按钮:

假设你想使用按钮的引导信息类,那么这个:

<asp:Button ID="cmdLoad" runat="server" Text="Show Hotels"        
    OnClick="cmdLoad_Click"        
    CssClass="btn btn-info"
    />

现在你看到了这个:

因此,即使是asp.net webforms也可以享受Bootstrap类,我很难想象有任何控件不能从Bootstrap类或主题中受益。
所以,没有什么能阻止你在asp.net页面上使用Angular、React或任何更新的框架。
如上所述,大多数(如果不是全部)控件都乐于接受引导类。
而且,正如上面的GridView示例所示,向GridView添加一些基本的bootstrap类会导致一个相当“惊人”的转换,看起来有20年历史的东西现在看起来像是用bootstrap这样的现代新框架构建的任何网站。
请注意,在上面的屏幕截图中,顶部的应用程序菜单栏是一个 Bootstrap 。因此,即使是10年以上的Web表单应用程序模板也默认使用Bootstrap菜单栏。
所以,我不知道这里有多少关于你为asp.net控件采用Bootstrap类的限制。你会发现在大多数情况下,那些标准的Bootstrap类对ASP.NET控件工作得很好。
同样的建议也适用于在asp.net网站上使用CSS。再一次,你可以100%自由地在这样的网站上使用任何你想要的CSS。

相关问题