EitanBlumin / CRUDE-NET

CRUD Rapid Application Generator in ASP.NET Core and SQL Server Database. Ideal for line of business application development and simple ERP or CRM apps.
Mozilla Public License 2.0
16 stars 5 forks source link

Start with ASP.NET MVC Core with an Admin template #1

Closed EitanBlumin closed 5 years ago

EitanBlumin commented 5 years ago

Use this tutorial to get started (AdminLTE): https://codinginfinite.com/setting-up-admin-template-asp-net-core-mvc/

Should try to adapt tutorial for a more modern Admin instead (with bootstrap 4). NGX-Admin: https://github.com/ttma1046/asp.net-core-ngx-admin

Srtdash: https://github.com/puikinsh/srtdash-admin-dashboard

Model class will be ExpandoObject() type: https://weblog.west-wind.com/posts/2012/Feb/08/Creating-a-dynamic-extensible-C-Expando-Object

Localization should be using shared resource: https://docs.microsoft.com/en-us/aspnet/core/fundamentals/localization

https://damienbod.com/2017/11/01/shared-localization-in-asp-net-core-mvc/

Or SQL localization: https://damienbod.com/2016/01/29/asp-net-core-1-0-using-sql-localization/

Deploying to azure: https://docs.microsoft.com/en-us/azure/app-service/app-service-web-tutorial-dotnetcore-sqldb

SSO Integration: https://plugins.miniorange.com/asp-dot-net-saml-2-0-single-sign-sso-connector/

https://docs.microsoft.com/en-us/aspnet/core/security/authentication/social/

EitanBlumin commented 5 years ago

Production tests should be done on a separate machine to make sure deployment can be done to machines with nothing but iis and other windows components and SQL database. No additional third party installations should be needed. Maybe Microsoft framework SDKs at most (if we must).

EitanBlumin commented 5 years ago

Other Admin template candidates:

SRTDash: https://github.com/puikinsh/srtdash-admin-dashboard Bootstrap 4.0, FontAwesome 4.6

Concept: https://github.com/puikinsh/concept Bootstrap 4.1, FontAwesome 5.0

SB Admin 2: https://github.com/BlackrockDigital/startbootstrap-sb-admin-2 Bootstrap 4, FontAwesome 5

Vue Bootstrap with Material Design: https://mdbootstrap.com/docs/vue/ Bootstrap 4

EitanBlumin commented 5 years ago

Another consideration is to create our own admin template using clean Bootstrap 4 CSS, and collection of jQuery UI components. Example:

Clean BS4 admin dashboard + charts.js: https://getbootstrap.com/docs/4.3/examples/dashboard/

Accordion sidebar menu (clean BS4): https://code.luasoftware.com/tutorials/bootstrap/bootstrap4-vertical-side-menu/#accordian-expandable-and-collapsible-nested-menu

Other js components: https://www.jqueryscript.net/popular/2018.html

The idea is to use as few custom css as possible, so that Bootstrap theming would be easier. For example, using themes like the ones here: https://bootswatch.com

Therefore, any sort of custom CSS that would have to be done, must be color and font independent. Color must be derived from clean Bootstrap 4 classes only.

List of UI elements that we'd need: