I created a sample app using latest Angular2 as my client-side MVC framework and Thymeleaf for the server-side templating engine. I used Eclipse IDE to build dynamic WebApp with Spring and Thymeleaf. I built an Angular project separately using Angular CLI tool and generated deployment Javascript files which were added to the eclipse project under js folder as shown here,
But this is not the way to go with a real complex project as we need simultaneous development of Angular2 and Spring/Thymeleaf and cannot really on deployment Javascript files.
What is the ideal way to develop Spring/thymeleaf and Angular2 project in Eclipse IDE? What are the tools available ? Has anyone encountered this sort of problem ?
Related
I'm currently using the Microsoft.AspNetCore.SpaServices library in an ASP.NET Core app to mix React and ASP.NET seamlessly, using Webpack and HMR. Is there an equivalent for the classic .NET Framework? I'd love to start introducing React in a legacy ASP.NET Webforms app without relying on Visual Studio Extensions to re-build the react app on save, and enabling HMR.
As far as I know there is not. However, according to this issue, you should be able to use SpaServices in an ASP.NET Core project targeting .NET Framework.
I'm looking for guidance on adding Angular (specifially the latest version of 4.0) to an existing ASP.NET WebForms project. I'm using Visual Studio 2017 and the .NET Framework version is 4.6.2.
I recently explored the official template project for Angular with ASP.NET Core but unfortunately since the dependencies, npm/NuGet packages came already set up for me I don't know how to add the proper, latest and greatest packages and extensions to an existing project. Not to mention that I'm using a completely different version of ASP.NET.
Any help is appreciated, Thanks!
UPDATE: I thought I should add more details. I specifically want to end up with Angular and at least webpack, Hot-module-replacement-middleware or some equivalent, BrowserLink, Karma + Jasmine and I want Angular to be using the latest TypeScript. This should make my question more specific I think.
Consider using the Angular CLI to build your Angular application and some editor such as VS Code that is friendly to the Angular CLI.
Consider not adding it to your Web Forms project and instead keeping it separate with its own functionality.
It can still communicate with whatever backend (Web API) you have.
Hello I am am looking for instructions using yeoman app generator or a template of the minimal amount of code to create a web application that integrates both Entity Framework Core and Angular 2/4.
Preferably the answer provided would use the yeoman app generator. Also I do not mind installing any other necessary tools to achieve this objective.
So far, I haven't find yeomen generator for all three packages - ASP.Net Core, Entity Framework Core and Angular.
However, there is an official generator template aspnetcore-spa for ASP.Net Core and Angular. Note: current generator is updated to Angular 4, although it said 2.
npm install -g yo generator-aspnetcore-spa
cd some-empty-directory
yo aspnetcore-spa
NOTE: It requires dotnet SDK version 1.0.0 or later. If you have old version, it'll prompt you to update your dotnet SDK first when you run yo aspnetcore-spa.
YouTube Video
ASP.NET Core for Angular, React, Knockout etc developers - Steve Sanderson
I am trying to build a .net core API using MVC, but I am trying to add it to an application that was not build on ASP.NET Core. When I try and configure the interfaces to be used in the core app (Setup.cs) I am not able to reference the interface. When trying reference the solution within the core app, I get the error
"The following projects are not supported as references: [solution name] has target frameworks that are incompatible with the targets in current project.
.NETCoreApp,Version=1.0
.NETFramework,Version=v4.5
What is the best way to be able to reference a .NETFramework project within a .NETCore project?
from comment above I realized it was not possible. I was not able to use the .net standard version in my core app.
So having successfully used JQuery Mobile with my mobile application I was looking to use JQuery UI with my web application. My web application is an ASP.NET MVC 4 project created in Visual Studio 2012.
However, I realised that when I created the MVC 4 project, it actually already includes JQuery UI - it's just not being used currently.
I noticed that the Microsoft ASP.NET MVC website doesn't make any mention to the preinstalled JQuery and JQuery UI libraries in any of its tutorials or code samples, which I find odd. I also noticed that none of my MVC 4 books gave any reference to the preinstalled JQuery libraries.
So my question is, I have JQuery UI preinstalled, how do I start making use of the files? I mean I guess I'll reference them from my Views, but which files do I reference?
Is there any existing documentation that would help me make the most of the preinstalled JQuery libraries?
If you're using MVC4 everything should be preset for you in BundleConfig.cs (App_Start folder)
Just include the bundles that you want to use.
usually for Javascript you only need jquery-ui-{version}.js file, and the rest is css styling that you want to apply.
Note: make sure that you're using the latest jquery UI. if it is not the latest, I suggest to update your Jquery UI directly through package manager.