Skip to content

Latest commit

 

History

History
228 lines (167 loc) · 11.1 KB

README.md

File metadata and controls

228 lines (167 loc) · 11.1 KB
Raw

My Vue+Node+Mysql starter, featuring 1 Sequelize mysql Models GENERATOR and only 1 GENERIC MYSQL Crud Rest file, allowing 5* fasters and more reliables devs .

ScreenShot

Live testing :

https://vue-node-mysql-generated.herokuapp.com/

Description .

This Full Stack starter aims is to demo how to generate models from an existing Mysql db, and to use generics generated REST routes, allowing 5* fasters and more reliables devs .

It uses the sequelize Auto module , and my Mysql generic REST back end file : generic_crud_mysql.js, took from the sequelize-router base code and re-factored.

No need to write back end code in a relational env any more, using theses technologies. The second good thing is that you might rebuild a more modern front end app, using an existing ol' mysql db, really fast .

How to ?

    1. Find an old Mysql DB, with some gud ol' data ...
    1. Generate all Mysql Db models in the models directory in 2 seconds, using the Sequelize Auto module CLI.

  • Trigger NPM START and Pops, that's all, you have all ur sequelize REST CRUD routes ready to get used, even with WHERE clauses params, jointures (U have to specify it in init-models.js before) , and more : No need to write back end code no more, in a relational env , ah ah ah ! And you still can add a middleware with ease ( Demo comin soon), Life is cool, now ! Ah ah ah !

    -> The key function is my server.js generate_routes(models) function , it generates REST routes from sequelize models in a LOOP, and it works well ( Tested many times on real apps)! .

Latest depot news :

  • Qs params serializer is needed when doing axios GET queries !
  • GenericAxiosServices.js is not used no more, it is useless. Axios queries are now queriying generic_crud_mysql.js directly.
  • The depo is now demoing sequelize jointures . Look at the heroku app for more . next step is probably to get rid of GenericAxiosServices.js, it is not even needed.
  • Switched to SQLITE database + Using my own CrudGenericTable.vue to generate HTML tables from SQL tables.
  • I will soon publish Joints exemples using Sequelize, Code is already ready also I will maybe even remove the axios generic crud, it is probably finally useless in this case. When Sequelize automatically adds foreign keys, I experiment few problems when the table already exists with data. generic_crud_mysql.js will be changed just a tiny few, to acccept jointures (readMany web service).
  • I won't use sequelize-router, and replace it by my own file generic_crud_mysql.js , took from the sequelize-router base code and re-adapted
  • Remote Mysql is bad on the live demo, i have to choose another host cause it sleeps if I dont click a link, please wait

Example :

   // ** COOL VUE.JS GET QUERY USING WHERE CLAUSE, 2 COLUMNS AND A JOINTURE ! ** Easyyy !
   // Please add  employees.belongsTo(offices, { foreignKey: 'officeCode' }); in init-models.js
        
axios.get("/api/employees", {
    "params": {
        attributes: ['lastName', 'firstName'],
        where: {
            id: 4
        },
        include: [{
            model: "offices"
        }]
    },
    paramsSerializer: params => {
        return qs.stringify(params)
    }
}).then((response) => {
    this.employees = response.data;
}).catch((error) => {
    console.log(error.response.data);
});

Tested modules :

Sequelize:

Mysql:

Qs:

2 Back end generics REST CRUDS files , based on the sequelize-router code and another Githuber code: Theses files are really usefull when you need to build a great middleware back end , you have to override them . The middleware is for example needed to check wherever the user is auth or not.

  • generic_crud_mongodb.js
  • generic_crud_mysql.js

The app will use the following templates :

Vue.js Template:

Mysql Database template :

The challenge is to add some great Middlewares, and JWT auth to them ! Let's see if devs are really 10* fasters using theses tools ! Truth or legend ? ScreenShot ScreenShot

Description (French) .

Comment faire ?:

    1. Trouvez une ancienne base de données Mysql, avec quelques anciennes données.
    1. Générez tous les modèles Mysql Db dans le répertoire models à l'aide de l'interface de ligne de commande du module Sequelize Auto.

Et Pops, c'est tout ! Exécutez l'app avec NPM START , et vous avez toutes vos routes CRUD REST sequelize prêtes à être utilisées, même avec des paramètres WHERE et des JOINTURES ( A condition d'avoir spécifié avant la jointure dans le fichier init-models.js) avec Axios dans le front end !

Plus besoin de réécrire des fichiers CRUDS, dans un environnement relationnel, ah ah ah, sauf pour les rqts difficiles ou data science! Et vous pouvez toujours ajouter un middleware avancé en toute simplicité (démo bientôt disponible) pour empécher les gens non identifiés d'exécuter un web service REST CRUD .

La function permettant cela est ma function generate_routes(models) dans le fichier server.js, qui crée automatiquement les routes REST à partir des modèles de données Sequelize dans une boucle ! Du coup, on ne fait plus rien, on génére juste les modèles de données sequelize à partir d'une base de données MYSQL, et hop ça fonctionne de suite, on n'écrit plus de code back end , et cela dans un environnement relationnel SQL !

Dernières infos :

  • Le dépot démontre désormais les jointures réalisées à l'aide de l'ORM sequelize . Cliquez sur la démo heroku pour en voir plus.

Créer une jointure dans le front end sans utiliser SQL, ni coder de code BACK END , grâce à sequelize :

  // ON EST DANS VUE.JS , ON A LA GROSSE FLEMME DECRIRE DU CODE BACK END OU DU SQL POUR FAIR UNE JOINTURE
  // N'oubliez pas d'ajouter : employees.belongsTo(offices, { foreignKey: 'officeCode' }); dans le fichier init-models.js
       
axios.get("/api/employees", {
   "params": {
       attributes: ['lastName', 'firstName'],
       where: {
           id: 4
       },
       include: [{
           model: "offices"
       }]
   },
   paramsSerializer: params => {
       return qs.stringify(params)
   }
}).then((response) => {
   this.employees = response.data;
}).catch((error) => {
   console.log(error.response.data);
});

Description

Ce starter teste sequelize Auto : https://github.com/sequelize/sequelize-auto/ et generic_crud_mysql.js (MYSQL pour le back end).

Sequelize:

Mysql:

Qs:

On va utiliser les templates suivants pour la démo :

Vue Template :

Mysql Database template :

2 Back end generics REST CRUDS files , based on the sequelize-router code and another code: Ces 2 fichiers sont biens pour pouvoir ajouter un middlaware, qui peut controler le fait que l'utilisateur soit loggé par exemple avant de triggerer une route :

  • generic_crud_mongodb.js
  • generic_crud_mysql.js

Le défi est d'ajouter un middleware, et une authentification JWT à ces services REST générés. Voyons si les développeurs sont 10 * plus rapides avec ces outils ... ? Grâce à ces générateurs , plus besoin d'écrire de code back end pour des bases relationelles, sauf dans les cas très spéciaux ( Reportings avancés, Data science, jointures complexes...), vérité ou légende ? Le second bon point est qu'on peu réecrire une app sur une base mysql existante , plus vite.

Description (German) .

Dieser Starter führt die folgenden Sequelize REST-Generatoren und MySQL Rest Queries-Generatoren vor. Fortsetzung:

MySQL:

My own generic vue.js axios REST

  • GenericAxiosServices.js

Vue Template :

Mysql Database templates :

Die Herausforderung besteht darin, einige großartige Middlewares und JWT-Authentifizierung hinzuzufügen! Mal sehen, ob Entwickler mit diesen Tools 10 * schneller sind!

Description (Chinese) .

续集： -Restizr：https：//www.npmjs.com/package/restizr -Sequelize-restful：https://github.com/sequelize/sequelize-restful -Sequelize自动化：https://www.npmjs.com/package/sequelize-automate

MySQL的： -dbCrud：https://github.com/johnroers/dbCRUD -xMysql：https://github.com/o1lab/xmysql ( Demo can't work on Heroku du to ports limitation)

Template :

Mysql Database templates :

挑战在于添加一些出色的中间件，并向它们添加 JWT auth！ 让我们看看使用这些工具，开发人员的速度快10倍！