Book Image

Easy Web Development with WaveMaker

By : Edward Callahan
Book Image

Easy Web Development with WaveMaker

By: Edward Callahan

Overview of this book

Developers of all levels can now easily develop custom, responsive, and rich web application clients with secure, scalable servers utilizing relational databases and RESTful services using WaveMaker Studio. Whether you need a departmental business application or a form application for your weekend club, this book will show you how to design, develop, and deploy professional grade web applications with WaveMaker. Easy Web Development with WaveMaker will help you use WaveMaker to design, develop, and deploy rich, responsive web applications, even if you are not a programmer. If you need to build a data-driven web application, but you only know ‘enough to be dangerous,' you need this book. This book examines every angle of using WaveMaker to build applications, from dissecting examples to customizing, deploying, and debugging your own applications. This book enables the non-professional programmer to become comfortable not only with using WaveMaker Studio itself, but also with the artefacts produced by the studio as well as the runtime and services provided by the WaveMaker framework. You will learn everything, from how customize the user experience with JavaScript and CSS to integrating with custom Java services and the Spring Framework server-side. Easy Web Development with WaveMaker 6.5 is packed with examples, code samples, screenshots, and links to equip you to be successful with WaveMaker Studio.
Table of Contents (23 chapters)
Easy Web Development with WaveMaker
About the Author
About the Reviewers
Styling the Application
Working with Databases
Utilizing Web Services

The canvas

The canvas is the main work area and the largest screen region. You can adjust the width of the palette, model, and services tabs to the left and the properties to the right. When running Studio on a wide aspect screen, many find they have sufficient screen real-estate to widen those side panels. Conversely, when developing on a smaller resolution screen or designing for large screens, it may be necessary to adjust the width of the side panels to get a larger width for the canvas.

At the very top of the area, and just below our top level menu, we have the canvas tabs. When we first open our project, we have only Canvas and Source tabs. As we open services, additional service tabs are added to the tab row. Selecting our HRDB service from the service tree adds a Database tab as shown in the following screenshot:

Within the canvas tab, we have two rows of buttons and select menus that constitute the canvas toolbar. The first set of buttons mirror top level menu choices such as save...