Integrate Extjs on frontend and Tapestry on backend - extjs

I had a project that requires the use of Extjs as the frontend of my program and tapestry on the backend.
I am new with both, but still able to create the panels of forms on the frontend, however can anyone advise how would it be possible to link/integrate with the backend java side of tapestry such that the Extjs form panel would update the json data based from my backend?
Thanks.

Take a loot at the HowTos and this wiki entry is a good starting point

Related

is it possible to add separate frontend like react for existing flask python project

Joined in an existing project with flask python, it is a combined backend with template to show html on front end, is there a way I add a separate from end framework like react for new features? like the existing ones are kept untouched, just add new features with react in front end?
or have to implement new features in the flask?
basically the concern is with flask python, websites not that modern. I know we can also use bootstrap or semantic UI,but not sure. quite new in react. for the flask, get to know from last week...any help will be really appreciated.
The best way is to convert the existing flask app to a REST API the classic way that flask uses is that the server returns a template (HTML page) using information in the DB. Another way is instead of returning a template, the server should returns JSON data that the client (React, VueJS, Angular, Android, IOS...) can get it (with tools like Axios...) and display it to the user.
Flask-RESTful is an extension for Flask that adds support for quickly building REST APIs.

building blog using react.js and express.js

I am a web developer tries to learn React.js. I am thinking about a blog for my first React project. Based on articles and tutorials I have read in the past few days, I am thinking about to use Node.js, Express.js and MongoDB for my server side and React.js for the front-end. Before I start, I want to be clear on few questions I have.
Are those enough to build a blog? Can React.js be used for UI without other template library such as Handlebars?? I have seen few articles using both React and Template engine and confused if I am going to need another template engine.
Can I use Json as communication method(Restful API) between the UI and the server?
Yes for all. But I suggest to use Redus(or Flax) to control all states.

Which libraries need to be added in java web application to support ExtJS

We have an application which has UI part in javascript and dojo 1.8.3. Now we have been asked to replace dojo with ExtJS. The server side of application uses struts2 as framework.
I just wanted to know which libraries I need to include in lib folder of web-app so that it support ExtJS. I have include the struts-json-plugin.jar to support json with struts2.
But how to include ExtJS features into the web-application.
As far as I know, you cannot "replace dojo with ExtJS" easily. For us, this required a full rewrite of the web app and a clear distinction between frontend and backend. You would have to start from scratch with an empty ExtJS project and rebuild the whole frontend.
When we went away from Dojo, without having prior knowledge of "how to do things in ExtJS", it took about 18 months (with a lot trial and error) to get feature parity between the old Dojo frontend and the new ExtJS frontend.

I need to implement Asp.net Web API 2 and consume it by Sencha Ext JS

I want to implement a web-based API (using ASP.NET Web API 2) and consume it by the client Side library (Sencha Ext JS).
My application should include
A simple user registration form.
A login page for admin.
CRUD operations for users' submissions.
Notes:
I do not want to include any backend code (i.e C#) in the we application, I want to implement it using the HTML/Javascript only, that is Ext JS.
I want the Web API to be RESTful.
I want to protect admin pages.
I want to use the SQL Server to store users' submissions.
All of that requirements should be implemented using the ASP.net Web API 2 and Ext JS only.
So far, I did initial search and I got a lot of learning for either the ASP.net API 2 or the Ext JS. But I couldn't have a guide that help me to fulfill the above requirements or help me to have both technologies work together.
Pleas help me on either way.
Or generally, can you help me get started work in combining both: Asp.net Web API 2 and any client side that consumes it, such as Sencha Ext JS or any other client side. It is not necessarily to be Ext JS.
Thank you so much.
Thanks to StackOverflow.com
If it were me, I'd use the DirectAPI for asp.net https://github.com/elishnevsky/ext-direct-mvc
You create webapi controllers, just like you normally would. The only difference is the the controllers that need to be used by EXT should inherit from DirectController.
If you follow the directions on that page, you'll end up with a globally available proxy object that matches the name of the controller and the public methods hanging off of the controller become methods of that object.
That is, server side controller MyAwesomeController with method DoSomething() becomes MyAwesome.DoSomething.
If you attribute the method as [NamedArguements] you can create methods such as
DoSomething(int id, int foo)
and pass from javascript as DoSomething({id: 20, foo: 30});
Since it is still just a controller, you can attribute permissions and return json as you would in any other situation.
If you get stuck, use the debugger and spend the time to figure out what's really going on. This all works in 4.x and I've tried it in 5.x and it still works there as well. But I wouldn't jump into 5.x just yet as there are still several bugs that need to be worked out by the sencha team before it is ready for prime time.
ExtJs has a REST proxy for the data. So what you try to do should be possible. The proxy can be configured and be finetuned.
I used the JSON proxy. ExtJs has very powerful filter and sort capabilities, both server and client side. In my experience difficulties arose when filtering and sorting server side. There is only sparse documentation on how the parameters are passed and which configurations have what effects.
Since you also develop the REST api, you can adapt to those details. You just have to do some research.
Here is not the place to ask about guides. For Asp I cannot help you, I never touched it. If you use ExtJs, you are free to choose you backend. For ExtJs, the start is pretty straight forward :
get Sencha cmd and generate a skeleton app.
follow the tutorial
create one file per class definition.
the API docs are great. If you still lack something SO is great too.
what you have to find out by yourself is the exact way parameters are passed to the backend and how to format the response.

Kentico CMS + Backbone.js

I've seen some references to using Backbone.js with a CMS. I will be starting on a new project soon that will be using Kentico CMS. I'd like to use Backbone.js for the client side framework to make a "web app" experience that has it's content managed through Kentico (similar to the example Backbone gives on their website for USAToday).
Has anyone ever done this? It seems difficult due to Kentico's web framework. I'm sure it is possible to do, but at what cost? What functionality will be lost on the Kentico side? Will content managers still be able to change layout, rearrange webparts, add/delete webparts, update content within webparts, add/delete pages?
Any help or examples would be amazing! Thanks.
Kentico CMS comes with a RESTful API that is able to manipulate with all objects and documents in the system. So it's up to you what you implement on the client side. If you want to achieve push capabilities you will probably want to utilize SignalR (ASP.NET encapsulation of WebSockets). There is nice library that provides communication between Backbone.js and SignalR called Backbone.signalr. Last thing you should have a look at is a new system of events introduced in Kentico CMS 7 enabling to hook up to any document or object change.

Resources