In
my second mini-series about WebAPI we'll look at a real-life solution. We'll
look at a feedback-form App and a simple Feedback-Management App. The App is
simple enough to learn the basics of WebAPI with basic jQuery / C# skills. In
this part, I'll walk you through the main UI and code.
Pre-Requisites
-
I
would recommend to watch the Basic-Series Parts
1.1,
1.2 and
1.3 since
it explains the very basics of WebAPI.
- Even if you don't, make sure you have a working DNN with 2sxc 6.4 installed (see this blog for help).
- The App you'll install can be found in the App-Catalog - direct link here
In the following 15 minute Video, I'll show you
-
The WebAPI Feedback-Form App
-
Help you learn the parts of a
WebAPI-App
-
The
feedback-form, with Categories-Drop down retrieved from the
Categories-List
- The client side code (jQuery only)
-
The WebAPI Controller on the
server (about 10 lines of C# code)
-
The
"Save-Feedback" process including show/hide of messages in various DIV-tags
-
Multi-Language Resources
used in the form
-
Sending complex parameters
(message title, body, category) from JavaScript to the Server in the
HTTPPost
-
Explain what happens in
between by looking at the HTTP-traffic
-
See how you could
adapt/customize it to your needs
Let's go!
Further links
With love from Switzerland,
Daniel