Skip to main content

Custom Page

Badaso uses the VueJS framework for the Frontend and Vue-Router for routing. Therefore, adding pages to the frontend also uses VueJS. The block below is a directory structure for adding a new pages to the frontend.

Add Custom Page#

  • To add a pages, add it to the pages directory.
๐Ÿ“ฆ Your Projectโ”ฃ ๐Ÿ“‚ resourcesโ”ƒ โ”ฃ ๐Ÿ“‚ jsโ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ badasoโ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ pages โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ {your-page} /** create your own pages here **/โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“œ browse.vueโ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“œ read.vueโ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“œ edit.vueโ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“œ add.vueโ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”— ๐Ÿ“œ sort.vue
  • To access the new pages, the user must add a router to the router directory.
๐Ÿ“ฆ Your Projectโ”ฃ ๐Ÿ“‚ resourcesโ”ƒ โ”ฃ ๐Ÿ“‚ jsโ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ badasoโ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ routers   /** create your own router .js here **/โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ admin  /** router page that using admin layout **/โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ auth   /** router page that using auth layout **/โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”ฃ ๐Ÿ“‚ others /** router page that using your custom layout **/โ”ƒ โ”ƒ โ”ƒ โ”ƒ โ”— ๐Ÿ“‚ public /** router page that using public layout **/