Application Integration
One runnable Wisej.NET 4 application per module, built from the course's lesson guide, lab guide
and walkthrough video. Each screen shows what the module's lab and video build, and nothing more:
the widget(s), and a message log only where one. Each folder has its own
README.md (what to click, self-check answers) and a docs/ folder with the lab deliverables.
Requirements: .NET 10 SDK and the Wisej-4 4.1.0 NuGet package. Nothing is deployed anywhere.
The modules
| Module | What it builds |
|---|---|
| 1 · Integration Architecture & Vocabulary | TemperatureGauge : Widget (Sensor Monitor) with the Server ⇄ Client trace and the five paths the AI exercise asks for: set value, stream, rejected value, corrupt payload, resync; ADR + triage table + diagram |
| 2 · JavaScript Essentials | plain-JS proof page (/wwwroot/proof/knob-proof.html), a context-safe knob InitScript with its packages in order, debugging notes |
| 3 · Rapid Widget Integration | two one-off Wisej.Web.Widgets (gauge + jQuery-style knob), Packages / Options / init + update, server buttons that change Options and queue a client Call |
| 4 · Reusable Widget Classes | IntegrationLab.Controls.SimpleGauge with typed properties and hidden internals, on a demo page with no InitScript |
| 5 · Custom Controls & Theming | SimpleGaugeControl : Control + /Platform qx class + theme mixin, an operations dashboard that streams on load |
| 6 · Client-Server Calls | Call, CallAsync, a small DTO for the client state, with the command trace |
| 7 · Events & Contracts | gauge / knob / chart events through OnWidgetEvent, page-level WidgetEvent and OnWebEvent, payload contract, WidgetEvent log |
| 8 · Data Endpoints | postback WebRequest grid vs [WebMethod] grid over the same dataset, a Network list, comparison note |
| 9 · Complex Data Widgets | editable grid (Kendo-style transport → postback) + read-only pivot (DevExtreme-style store → WebMethod), CRUD contract, Remote operations list |
| 10 · Production Readiness & Capstone | HeatmapWidget capstone on an Operations Dashboard: postback loading, calls, events, background updates, create/dispose test, checklist + ADR |
Run any module from its IntegrationLab project folder. The projects multi-target net10.0-windows and net10.0, so dotnet run needs a framework (-f net10.0, or -f net10.0-windows), e.g.
cd "LearnWisej-Samples/Application Integration Course/Module 6/IntegrationLab"
dotnet run -f net10.0 --urls http://localhost:5076
or open the IntegrationLab.slnx in the module folder with Visual Studio and press F5.
Stand-in vendor libraries
The course ships no third-party packages, so each sample uses a small self-contained library that
behaves like one (vendor-gauge.js, vendor-knob.js as a jQuery plugin on jquery-lite.js,
vendor-chart.js, vendor-grid.js, vendor-pivot.js, vendor-heatmap.js). They have their own
element, options, methods, lower-case events and clear error messages, which is all the adapters
need. Swap in a real library and only the adapter InitScript changes.