FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

washyn/abp-basic-example at ExampleRazorPages · GitHub

Repository navigation

About

Basic abp framework proyect example with 4 layers

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

 
 

Latest commit

 

History

14 Commits

Folders and files

Repository files navigation

Abp as aspnetboilerplate, with 4 layers

This is one soluction create fron scractc about example of use abp framework as traditional way(aspnetboilerplate) with 4 layers.

Done

  • Add bundle generation
  • Create proxy scripts

TODO

  • Add localization only for test, how works
  • Disable proxy generation, for all by default and only add this with RemoteService decorator.
  • Add front libs(bundle)
  • Add tag helpers
  • Add crud with razor pages and theme admin lte.

FIX

  • when call remote service error, add jquery extensions for use abp.ajax, check where is located this function.

Notes

Theme shared contains all basic js libs, basic theme add layout.js and layout.css file for fix some

Abp js library dependency

@abp/jquery
    @abp/core
    jquery

Ejemplo de agregar basic bundling and minify.

En este post se muestra como agregar, el bundling/minify, cuando se desarrolla en web, generalmente se tiene varios js y css, los cuales se consumiran desde el navegador del cliente. tener varios js y css puede ralentizar la carga del sitio web, en el mundo de node js se puede usar webpack o paquetes para juntar y minificar todos los archivocs css y js para que la carga de la pagina sea mas rapida.

En asp net puede que algunos no quieran saber de node js o las cosas que implica eso o ahorrarse tocar node, en abp existe el modulo AbpAspNetCoreMvcUiBundlingModule al cual sirve para poder minificar los js y css , cuando estamos en un entorno de desarrollo este paquete agregara los js y css tal cual se agregaria de la manera tradicional, en caso se quiera debugear(depurar), pero en produccion minifica los css y js en un solo archivo bundle para que la carga de la pagina sea mas rapida. Y podemos olvidarnos de usar node js.

Pasos

  • Instala el paquete en el proyecto web, se grega el modulo, depends on.
  • se agrega el add tag helpers en el view imports, para poder usar el nuevo tag helper o etiqueta, este tage helper nos trae nuevas etiquetas como, ,, para javascript , para css
  • finalmente haces uso de ello.
<abp-script-bundle name="ScriptBundle">
    <abp-script src="/lib/jquery/dist/jquery.min.js"></abp-script>
    <abp-script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></abp-script>
    <abp-script type="@(typeof(CoreScriptContributor))"></abp-script>
    <abp-script src="/js/site.js"></abp-script>
</abp-script-bundle>
<abp-style-bundle name="StylesBundle">
    <abp-style src="/lib/bootstrap/dist/css/bootstrap.min.css" />
    <abp-style src="/css/site.css" />
    <abp-style type="@(typeof(CoreStyleContributor))"></abp-style>
</abp-style-bundle>

About

Basic abp framework proyect example with 4 layers

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages


Back | FazBrowse Home | New Git URL