question

DKB-3460 avatar image
0 Votes"
DKB-3460 asked DKB-3460 answered

How to upgrade my website template from asp.net 2.0

Hello people,



 I have an older 2.0 asp.net Microsoft Personal Website Template that I would like to upgrade the design of the app as well as the membership. The problem I am having is I do not know how to code, but I can edit code with instructions. I was able to create SQL membership using aspnet_regsql.exe in the past I know how to do other stuff I can edit CSS and with the right textbook follow along. I have the file and the code behind I even have a working website. What I am wanting to accomplish is to upgrade the look and have a responsive website. What I need is resources for the learning path, and which path to follow.


Thanks for reading

dbarselow


















dotnet-aspnet-webformsdotnet-aspnet-webpages
· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

If your goal is to learn response design then do a Google search for "Responsive Design" and start researching. There are responsive framework like Bootstrap.

If your goal is to upgrade the application then look into the latest .NET 6 framwork.

Tutorial: Get started with Razor Pages in ASP.NET Core
Razor Pages with Entity Framework Core in ASP.NET Core - Tutorial 1 of 8
Introduction to Identity on ASP.NET Core


0 Votes 0 ·
AlbertKallal-4360 avatar image
0 Votes"
AlbertKallal-4360 answered

Well, it not clear if this is a web forms application/site, or something that pre-dates web forms?

However, even with web forms, you are 100% free to adopt any of the cool latest "buzz" words such as bootstrap, or even react or whatever.

So, maybe you have a gridview, say it looks like this:

259870-image.png

And code behind to fill:

     Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    
         If Not IsPostBack Then
             LoadGrid()
         End If
    
     End Sub
    
     Sub LoadGrid()
         Dim strSQL = "SELECT * FROM tblHotelsA ORDER BY HotelName"
    
         GridView1.DataSource = Myrst(strSQL)
         GridView1.DataBind()
    
     End Sub

So, we see/get this:

259921-image.png

But, the GV not great looking, and it will not be all that "responsive". That term means it deals far better with different screen sizes.

So, lets add boot strap, and add cssclass="table table-hover" to the GV, and then add say some css to the buttons.

And in place of hitting edit that jumps to another web page?

Lets add jQuery, jQuery.UI (dialogs), and now we get see this:

(note even the row hover effects).


259847-gridpopb.gif

So, you don't have to re-write, and re-build the application, but are free to over time add bootstrap and even more things.

And this screen is 100% responsive (I can re-size for different monitors, and it still looks, works great).

So, you can start to add over time these newer frameworks, and MORE amazing is that near all of them actually work against "legacy" and older asp.net web sites!

So, I would:

Verify if this is a web forms.

If yes?

Ok, then download + install + adopt the latest and greatest version of Visual stuido. The cool thing now?

Visual Studio 2022 "express" version is free, but ALSO not really limited to say older versions of Visual studio that you had to pay for in the past.

Same goes for installing + using + adopting SQL server. Once again, the free version of SQL Express is fantastic, and has near most of the features as paid versions now.

So, get the new developer tools, they are not only now free, but REALLY nice, and not gimped or really much limited at all.

So, this process of adding "newer" look + feel?

Turns out it is you the web developer that can and will make this choice, and it not really the fact that these newer frameworks exist and can be used in that older site, but you are making the choice(s) to improve that look + feel.

Even with all these fancy new frameworks, how your site looks and feels will ultimately be up to you! - the tools don't make that great looking site, you do!



image.png (47.8 KiB)
image.png (46.8 KiB)
gridpopb.gif (503.4 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

DKB-3460 avatar image
0 Votes"
DKB-3460 answered

Hello Albert,

Thank you for your reply to my question, I will certainly use this as a step forward in the right direction.

Best Regards,

Dbarselow

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.