B4J Tutorial [BANanoVuetifyAD3] Create Professional Looking Vuetify WebSites & WebApps with BANano

Ola

FOR A MORE DETAILED SETUP PROCESS, PLEASE SEE THE GITHUB REPO README.

Github

What's New

Join Us

Telegram: https://t.me/bananovuematerial
Twitter: https://twitter.com/mashymbanga
Discord: https://discord.gg/ys8stGgWCU
YouTube: Mashy Teaches Video Series
B4x Blog: Mashy Teaches BVAD3 - New Series
Full Demo: New Awesome Kitchen Sink

Notable Forum Members Contributions

@Erel : Obviously
@alwaysbusy : valuable advice etc, BANano (incl. adjustments that support BVAD3)
@LJG : BANanoServer jRDC2, best overall bug finder
@aeric: Recommendations & Enhancements etc
@Star-Dust : Small solutions to development hitches etc
More...


What's Next?

You will find the most up to date content from this post onwards

Testing DataBase Connectivity (PHP)

The kitchen sink now has connectity testing for the various backends. To ensure that your app will work, you can check if your back-end is accessible.

MySQL
SQLite
MSSQL

WebServers You Can Use

Laragon - publish to c:\laragon\www

USBWebServer
IIS - Publish to C:\inetpub\wwwroot
XAMPP - change your publish folder to use // instead of \

You can find more information here related to IDE Setup

Enjoy

PS: Log Warnings & Compilation Errors

1. Please check the pre-run logs. In most cases modules with warnings will have an underline. Warning, 9, 10, 11, 12 are normal, don't be scared.

1625825241311.png


2. manifext.txt file not found - Download the library source code and RUN to recompile on your PC. "Do not Compile to Library"
3. Do a HARD REFRESH of your browser.[/B]
 
Last edited:

Mashiane

Expert
Licensed User

 
  • Like
Reactions: LJG

Mashiane

Expert
Licensed User
IMPORTANT NOTIFICATION -

The code below is in BANanoVuetifyAD3.Main.App_Start


Please note that after careful consideration, the BANanoVuetifyAD3 library will be in "debug" mode. To explain, lets see this image.

1636579546458.png


vue.js is the DEBUG mode of Vue.JS whilst vue.min.js is for PRODUCTION.

With debug mode, its easy to debug ones app and see where problems are. In most cases, the production version will NEVER tell you where problems are with your app. So from now on the DEFAULT mode is DEBUG MODE.

This as a result will log stuff in your web console.log. When happy with your app, comment the DEBUG mode (vue.js) and uncomment the PRODUCTION mode (vue.min.js), run the library (IN B4J RELEASE MODE) to produce he b4xlib and then PRODUCE your app.

PLEASE NOTE: In DEBUG mode, some warnings are not to cause ALARM, as long as your app works well and as expected in both DEBUG & PRODUCTION versions, you have nothing to worry about, just ignore the warnings. ONLY and ONLY ask for help IF and ONLY IF your project does not work and you don't know how to solve the problem.

Ta!
 

Mashiane

Expert
Licensed User
A simple Excel Reporting Example that still works..



BANanoXML is internal to BVAD3 however these examples here still apply.

 
Last edited:

Mashiane

Expert
Licensed User
Last edited:

Mashiane

Expert
Licensed User
Hello when i try to load the project BVAD3 CRUD Builder i have the next error and i dont know where to find this libraries :
[IDE message - 2:08:24]
missing:
bananoroboto
bananomaterialdesignicons
and an error in:
tablecrud.AddRow1(fld)
 
Top