A single-page WebApp that visually edits the H5 page of a mobile phone can automatically generate a beautiful H5 interface according to the user’s design.

Introduction to the

H5 is a single-page WebApp that can visually edit the H5 page of mobile phone. It can automatically generate a beautiful H5 interface according to the user’s design.

Similar to the market yiqixiu, Jane such app.

This is my personal project to learn about vue.js and the front-end development process.

run

cd H5

# install dependencies
npm install

# app running
npm startCopy the code

open localhost:2000
Copy the code

technology

Front-end: vue.js + Vuex

The backend: Node. Js

Construction: webpack

Database: MongoDB

UI: Muse-UI (museui.github.io/#/index)

The directory structure

├─ package.json # ├─ app.js # ├─ images # static image ├─ userData # userData ├─ node_modules # │ ├─ App # ├─ Controllers │ ├─ WebPack.config.js # ├─ WebPack.config.js # WebPack.js # ├─ WebPack.config.js # WebPack.js # WebPack.js # WebPack.js # WebPack.js # WebPack.Js # WebPack.Js # WebPack.Js # WebPack.Js # WebPack.Js │ ├─ ├─ exercises # ├─ exercises # ├─ exercises # Index.html # home │ layouts # layouts # music │ pages # Routes. Js # routing table │ show. Ejs # ejs template, │ ├ ─ imp # ├ ─ config # node ├ ─ imp # ├ ─ imp #Copy the code

rendering