Drap and Drop in Eclipse for Web Projects - asp.net

Is there an equivalent drag and drop style for Eclipse (or any IDE in Java) for J2EE or JSP that is similar to the IDE feel of ASP.NET in Visual Studio? ASP.NET allows you to drag and drop controls to a web form or web page.

Netbeans IDE is the answer of your question. You can design your JSP pages like you are designing Asp.NET pages in Visual Studio. Here is the link of this feature of Netbeans.
Netbeans Visual Web Design http://www.netbeans.org/images/v6/5/screenshots/visual-web-jsp.png

I don't know Visual Studio's capabilities, but Eclipse of course offers visual editors in form of a plugin. Here's an example of a JSP editor (http://www.myeclipseide.com/module-htmlpages-display-pid-12.html). There are also editors for Swing GUIs etc. Just Google for "visual editor/designer eclipse jsp".

I had this same question this morning, so I downloaded Eclipse and tried to figure it out (I typically use Visual Studio). Here it is, but it is apparently not nearly as capable as Visual Studio Design View. Create an HTML file, and then right click on the file and select Web Page Editor.
I learned about it from here, it was difficult to find. http://dev.eclipse.org/newslists/news.eclipse.webtools/msg13837.html
I would love to see a comparison between VS Design View and Eclipse Web Page Editor; seems like building UIs for the Internet still (after many many years) a mess.
Screen Shot of Eclipse Web Page Editor
Eclipse Web Page Editor http://www.petegordon.com/eclipse_web_page_editor.jpg

Visual Web Pack - http://netbeans.org/community/magazine/html/03/visualwebdev/ , which provides you with all the resources you need to create a proper page with customizable designed.
You put no restrictions on your IDE, so I can safely say that it is for NetBeans (only build 5.5, however). It is a discontinued project, but whatever is already made, is made to last a while. Strongly suggest.

Related

Visual Studio 2022 Enable Web Live Preview

I wanted to try developing a website in VS but I'd really like a visual (WYSIWYG) editor. Apparently, this is available in VS. In that video, and lots of other videos and websites, it shows 'Design' and 'Split' buttons on the window, which should show a live view of the web page that's open. It seems this is supposed to work with both .aspx and .cshtml files.
However, nowhere can I find how to enable this, and I've done a lot of searching. I've even uninstalled and reinstalled VS. There are no options, settings or menu options to enable it. I'm using VS 2022 Community, fully up to date, in an ASP.NET Core Web App project using .NET 7.0.
Does anyone know what's wrong? I wondered if it was only available in VS Professional/Enterprise, but seemed silly to me.
that feature in the brand new vs2022 is for ONLY .net framework, and ONLY for web forms.
So, if you using MVC, then you don't have a forms designer.
And if you using .net core, then you can't use this feature either.
So, when you create a project, it MUST be .net framework (not .net core), and it MUST be a webforms project, and NOT MVC projects.
So, that would be say this (for c#).
And (best choice) would of course be this template:
And if using vb.net, then again, same thing:
So, web projects, and .net framework - NOT .net core projects.
thus:
So, out of those templates, then again, of course a asp.net web application would be the preferred choice.
so, for example, here is a gridview in "live" preview, and yes you can edit or drag + drop controls into that live preview.
it looks like this (split screen for example).
but, if I run the page, same in a chrome based browser (Edge, or chrome).
Then I see this:
Since the new designer is based on the chrome engine then as above shows, yes, it is rather cool.
Here is that web page, not split view in the designer:
(so I have NOT yet hit f5 to run, but only am in design mode)
so, in old legacy designer, I would see/get this:
So, note how do you DO NOT see say for example the bootstrap menu bar.
But, if I turn on live preview, and now I see/get this:
Note how we now even see the bootstrap menu bar in the preview - I have not yet hit f5 to run in browser. And on the bottom, you see a "bread-crumb hierarchy" as to what element you clicked on (very much like f12 debug tools in a browser, and then using "elements" selection).
You can find it by creating an asp.net web (.Net Framework) and selecting Web Form in it.
I use vs2022 17.4.2 community version
You can also view its settings in the tool.

Which version of Visual studio supports old classic ASP Project

Which version of Visual Studio can be used to open a project which is built as ASP Web project
I have Community edition 2019 Does this support ASP projects?
I know these days no one is using ASP for building web apps The purpose is to maintain an existing ASP solution for a couple of more months 9If any bug fix requests from the client comes ) and start to build a new project using the latest version of Microsoft technologies
Visual Studio
Most versions of Visual Studio support editing Classic ASP code, couple of things to keep in mind though.
Frontpage Server Extensions is no longer supported, the best approach is to use a mapped drive or better yet store the code in source control (Git, SVN etc.) and work with the code locally (can bind to a local instance of IIS).
The IDE can be quite cumbersome for working with Classic ASP as it's designed for more modern technologies.
It also has sophisticated debugging through the IDE via the "Attach to process" which will work with Classic ASP running in IIS as long as the web application has been configured correctly for debugging. See How do you debug classic ASP?.
Visual Studio Code
Another option is Visual Studio Code which is a free IDE built on the principle of open source projects for cross-platform. It's becoming a popular free IDE for many developers rivalling the likes of Atom, Sublime etc.
It's lightweight and extensible through extensions, there are already some useful extensions for Classic ASP including this one;
Name: Classic ASP Syntaxes and Snippets
Description: Classic ASP Language Support and Snippets from tmBundle
Publisher: Jintae Joo
It also has built-in support for popular source control solutions like Git and more powerful available through the extension marketplace that is built into the IDE. If you do use Git would recommend installing the GitLens extension.
Every version of visual studio since I started with 2010 (was there something before it?) handles Classic ASP just fine. I'm on VS2019 right now.
I even have a project which is a combo Classic ASP, Webform, and MVC all in one project, with some session sharing, and I routinely code and debug in all. The only limitation is that when you debug, you have to choose whether you're debugging Managed code or "script".
With each I "attach to process" and choose which code I want to debug. Classic ASP debugging is fantastic, and I can't believe more people don't do it. I see basic questions on here which would easily be fixed with standard debugging techniques (settings breakpoints, evaluating variables).
The ONLY thing which isn't supported is code formatting inside <% %> blocks. If I ever get some time maybe I'll make an addon for it.

F12 Go To Definition not working for CSS in CSHTML files - VS2017

I am working on my first Asp.net Core 2.0 Mvc web site.
Normally I use web forms, but I'm trying something new.
In my .cshtml files I cannot F12 or right click and "go to definition" on CSS classes. I thought something may be wrong with my install but I was able to open up a web forms application and it works just fine from an ASPX page.
I have seen topics from 2013 about this issue, but no solutions.
I have installed web essentials, but that didn't work either.
This is something I use regularly and it is hard to do it manually especially when you are looking at a minified CSS file.
I'm using Visual Studio 2017 Pro.
The ReSharper extension for Visual Studio adds this feature.
https://www.jetbrains.com/help/resharper/ReSharper_by_Language__CSS__Navigation.html#navigation-within-css-file

How to Hide ASP.Net Website Source Code after Deployment

Am using Visual studio 2012 i cant hide ASP.NET Website source code .
Please support me.
Am try to see some tutorials those tutorials are for Project not for website.
If you are referring to the HTML or JavaScript code in your site, you can't hide that because it is required by the users browser to render the website.
If you are referring to the C# code files those should be compiled into binaries and only the binaries should be published out to the website folder. If the C# files are being included you probably need to set the Build Action on these files from "Content" to "Compile" via the Property window.
That being said the DLL binaries can be de-compiled in most cases. You can buy tools that will try to obfuscate your code which will make it harder but not impossible to de-compile.

Can't find ASP.NET Design View for MonoDevelop

I installed MonoDevelop and want to use its design view editor. After a bit of browsing I came accross ASP.NET Visual Designer which is supposed to be a part of the IDE. I used the Ubuntu Software Center to install the MonoDevelop application, so I guess it should have downloaded the latest version.
Here is the extract from the mono develop website.
AspNetEdit does not aim to be a complete IDE. After being developed as
a proof-of-concept standalone editor, it now has been integrated into
MonoDevelop
How can I switch to the designer view?
After opening the IDE I am unable to find the designer view anywhere. Do I need to install some kind of a add-in for this?
Monodevelop lacks a lot on this area. A lot of developers, like me, don't use visual designer a lot but I consider important for some people. MD don't have it and also html/css editor is very limited right now but improvements are planned (a lot of cool stuff).
MD as been evolving fast these days but more focused on MonoTouch.
For now you could use and external html/css editor for now. I still use Visual Studio 2010 for this.
AspNetEdit can install by Add-ins from http://mjhutchinson.com/files/md/main.mrep

Resources