MVC-Web-API With jQuery-DataTables

25.00 $

A full-stack user management solution built on two separate ASP.NET Core projects. The MVC frontend communicates with a secured Web API over HTTP using Basic Authentication. All table operations — paging, sorting, and search — are handled entirely on the server side.

quantity
Add to cart
README – User Management System
Full-Stack · Server-Side

User Management System

ASP.NET Core MVC · Web API · jQuery DataTables · SQL Server

A full-stack user management solution built on two separate ASP.NET Core projects. The MVC frontend communicates with a secured Web API over HTTP using Basic Authentication. All table operations — paging, sorting, and search — are handled entirely on the server side.

Server-Side DataTable powered by ASP.NET Core Web API

CRUD operations, role-based access control, multi-language support, and profile image upload — all wired through a RESTful API.

Architecture
HtmlDataTable
ASP.NET Core MVC
Frontend · Port 5000
HtmlDataTableAPICore
ASP.NET Core Web API
Backend · Port 5240
SQL Server
Entity Framework Core
Data Layer
HtmlDataTable.Core — Shared Models & Interfaces Resources — Localization
Server-Side DataTable

Paging, sorting, and search are processed entirely on the server via System.Linq.Dynamic.Core. Only the current page is sent to the browser.

Role-Based Security

Basic Authentication on the API layer with three roles: AdminRole, ManagerRole, and ReadOnlyRole. Each endpoint enforces its own permission level.

Multi-Language Support

All UI labels are driven by a Resources project. Language can be switched at runtime directly from the user management page.

API Endpoints — /api/ResourceUser
Method Route Description Roles Required
GET GetAllUsers Return all users (used by DataTable) Admin, Manager, ReadOnly
GET GetUserData/{userID} Return a single user by ID Admin, Manager, ReadOnly
GET GetUserDataByEmail/{email} Return a user by email address Anonymous
POST CreateUserData Create a new user Admin, Manager
POST UpdateUserData Update an existing user Admin, Manager
POST DeleteUserData Delete a user by ID Admin, Manager
Feature List
Feature Description Status
Add User Create a new user via modal form, including profile image upload Active
Edit User Update user details in a Bootstrap modal pre-filled with existing data Active
Delete User SweetAlert2 confirmation dialog before permanent deletion Active
View Details Read-only detail view of a user in a modal Active
Server-Side Sort & Page All sorting and pagination processed on the server with Dynamic LINQ Active
Profile Image Upload and display user photos, stored as Base64 and served via API Active
Basic Authentication Credentials forwarded from MVC to API on every request Active
Multi-Language Runtime language switch — labels served from a shared Resources project Active
Structured Logging Serilog with console sink and configuration-based overrides Active
Swagger / OpenAPI Auto-generated API documentation available in Development mode Active
Technology Stack
ASP.NET Core 8 Entity Framework Core 7 SQL Server jQuery DataTables Bootstrap 5 SweetAlert2 · Toastr Serilog Swagger
Solution Structure
  • HtmlDataTable
    ASP.NET Core MVC frontend — views, controllers, jQuery DataTables integration
  • HtmlDataTableAPICore
    ASP.NET Core Web API — RESTful endpoints, Basic Auth, Serilog, Swagger
  • HtmlDataTable.Core
    Shared class library — entities, interfaces, view models, DbContext
  • Resources
    Localization resources — UI labels for multi-language support
Built with ASP.NET Core 8 · Entity Framework Core · jQuery DataTables · codedev.scripts © 2026

Reviews

There are no reviews yet.

Be the first to review “MVC-Web-API With jQuery-DataTables”

Your email address will not be published. Required fields are marked *