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

Source editors

The alternative use of the canvas area is for the source editors. Within the Source tab, there is a menu of choices. In general, each is an editor for a specific project file:

The Script tab

The most commonly used editor is the Script tab. Script is the page JavaScript source editor. This is the contents of the page JS file. For the main page, this is pages/Main/Main.js, as noted in the upper-right corner, just above the Completions panel.

The most common way to add page code is by using the JavaScript option in component events. Choosing JavaScript for an event automatically creates a function and places us in the source code script editor. For example, choosing JavaScript for the onShow event for layer1 creates a stub layer1 show event:

  layer1Show: function(inSender) {
  //Your on click event code here

Alternatively, you can define the page function first and specify it for the on click event. In practice, it is usually easier to let Studio create the stub function...