Front end (mobile & applets)/back end (NodeJS)

Front end: Vue + Mpvue (support mobile terminal and applets); Back end: KOA (using Koa2 to develop the server)

Vue is a set of progressive frameworks for building user interfaces. Vue’s core library focuses only on the view layer, making it easy to get started and integrate with third-party libraries or existing projects. On the other hand, ‘Vue’ is perfectly capable of providing drivers for complex single-page applications when combined with modern toolchains and various supporting libraries.

Mpvue is a front-end framework for developing small programs using ‘vue.js’. The framework is based on the ‘vue. js’ core.’ MPvue ‘modifies the runtime and compiler implementation of’ vue. js’ to enable it to run in a small program environment, thus introducing a whole set of ‘vue. js’ development experience for small program development.

Koa was built by the original Express team to be a smaller, more expressive, and more robust Web framework. Composing web applications using KOA eliminates repetitive and tedious nesting of callback functions and greatly improves error handling efficiency by combining different generators. Koa doesn’t bundle any middleware into kernel methods, it just provides a lightweight and elegant library of functions that makes writing Web applications a breeze.

Build Setup

# install dependencies

npm install


# build mini program

npm start


# build H5 pages

npm run startH5


# build pages for production with minification for mini program

npm run build


# build pages for production with minification for H5 program

npm run buildH5


# build node resource for server

gulp buildCopy the code

Front end separation

# start mini progrom

npm run dev


# start H5 pages

npm run devH5


# start server

npm run serverCopy the code

(Server code is only in the project ‘server’ folder, can be split according to their own needs)

features

  • Build mobile applications with vue.js

  • Build applets using MPVUE reuse code

  • Build the server using Koa

  • The Vuex data management solution facilitates building complex applications

  • Use webPack build mechanisms: custom build strategy, development phase hotReload

  • Support for using NPM external dependencies

  • Use the OLAMI ARTIFICIAL Intelligence Open Platform natural language semantic understanding API

screenshots

Mobile & applets