To help you get started, we've collected the most common ways that portofino is being used within popular public projects.

ManyDesigns / Portofino / demo-tt / src / main / frontend / src / app / app.module.ts View on Github

}

}

@Component({
  selector: 'custom-navigation',
  template: `<h3>Custom navigation</h3><p><a>Start here</a> </p>`
})
export class CustomNavigation {}

@Component({
  selector: 'portofino-welcome',
  templateUrl: 'home.html',
  styleUrls: ['home.scss']
})
@PortofinoComponent({ name: 'welcome' })
export class WelcomeComponent extends Page implements OnInit {
  projects = [];
  ngOnInit(): void {
    this.http.get(`${this.portofino.apiRoot}projects?maxResults=20`).subscribe(
      res =&gt; this.projects = res.records
    );
  }
}

@PortofinoComponent({ name: 'customcrud' })
export class CustomCrud extends CrudComponent {

  initialize(): void {
    console.log("Custom crud");
    super.initialize();
    this.configuration.title = 'Custom CRUD';

View more ways to use portofino

This package

This is the User Interface (UI) component of Portofino 5. It is built on Angular with TypeScript and it is meant to run in the browser.

This project was generated with Angular CLI version 1.7.4.

ManyDesigns Portofino 5

Portofino is a web application framework written in Java and extensible using Groovy, distributed under the LGPL open source license. It is developed by ManyDesigns, based in Genova, Italy (https://www.manydesigns.com).

The framework can be used to create good-looking applications for the Web and mobile devices. The creation process can include:

• automatic generation through a "wizard" tool that analyses the structure of your existing relational database;
• manual configuration through a web-based administration interface that lives alongside the application;
• customization with Groovy (for the backend) and TypeScript (for the frontend).

The result is a fully functional application with a responsive web user interface based on Angular Material, a customizable backend fully exposed with REST-style APIs, authentication and authorization, an email subsystem and much more. The application is designed to be incrementally extended and customized, both graphically and in functionality (e.g., adding new buttons to existing pages). When existing extension points are not enough, completely custom REST resources and Angular components can be developed and integrated, while retaining the possibility to use built-in services through dependency injection.

Development can happen "PHP style", i.e. by modifying a live application using a text editor, as well as "Java style", by employing an IDE, a build system, release and deployment.

Portofino is based on popular and proven open source libraries such as Hibernate, Groovy, Apache Shiro, Spring, Angular and Angular Material, Jersey JAX-RS.

The home of Portofino is https://portofino.manydesigns.com. There you can find the documentation, pointers to community resources (forums, wiki, issue tracker), commercial support.

Development server

Run ng serve for a dev server. Navigate to https://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.