All Projects → answershuto → H5

answershuto / H5

📃an app which automatically generates HTML5 files.

Projects that are alternatives of or similar to H5

Vueniverse
Full stack, user based, PWA, Vue template.
Stars: ✭ 339 (-23.13%)
Mutual labels:  vuejs2
Vue Sample Svg Icons
An opinionated example of how to use SVG icons in a Vue.js application
Stars: ✭ 399 (-9.52%)
Mutual labels:  vuejs2
Vuet
允许你定义飙车过程的集中式状态管理模式
Stars: ✭ 430 (-2.49%)
Mutual labels:  vuejs2
Vue Wordpress
Use Vue.js and the WP REST API to build WordPress themes as SPAs with dynamic routing, HMR for development, SEO enabled, and SSR capable. Demo:
Stars: ✭ 361 (-18.14%)
Mutual labels:  vuejs2
Vue Acl
Access Control List plugin for VueJS 2.0
Stars: ✭ 376 (-14.74%)
Mutual labels:  vuejs2
Vue Spotify
Spotify client built with vue.js / vuex
Stars: ✭ 407 (-7.71%)
Mutual labels:  vuejs2
Vue Cookie Law
🍪 👮 Hackable EU Cookie Law Plugin for Vue.js
Stars: ✭ 333 (-24.49%)
Mutual labels:  vuejs2
Vue Area Linkage
省市区联动选择: https://dwqs.github.io/vue-area-linkage/
Stars: ✭ 439 (-0.45%)
Mutual labels:  vuejs2
Dimpleblog
个人博客,目前3.0v版本正在开发中
Stars: ✭ 379 (-14.06%)
Mutual labels:  vuejs2
One
基于Spring Boot和Vue2开发的前后端分离的后台管理系统
Stars: ✭ 426 (-3.4%)
Mutual labels:  vuejs2
Lulumi Browser
Lulumi-browser is a lightweight browser coded with Vue.js 2 and Electron.
Stars: ✭ 367 (-16.78%)
Mutual labels:  vuejs2
Vue Tagsinput
A simple tags input with typeahead (autocomplete) built with Vue.js 2.
Stars: ✭ 375 (-14.97%)
Mutual labels:  vuejs2
Vue Resize
A generic component to detect DOM elements resizing
Stars: ✭ 405 (-8.16%)
Mutual labels:  vuejs2
Vue Goodshare
🍿 Vue.js component for social share. A simple way to share a link on the pages of your website in the most popular (and not so) social networks. Powered by goodshare.js project.
Stars: ✭ 345 (-21.77%)
Mutual labels:  vuejs2
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (-1.59%)
Mutual labels:  vuejs2
Studynotes
📚JAVA、Spring、SpringMVC、SpringBoot、Mybatis、Vue、MySQL、MongoDB、Radis、Docker、Nginx、......笔记
Stars: ✭ 337 (-23.58%)
Mutual labels:  vuejs2
Vue Material Dashboard
Vue Material Dashboard - Open Source Material Design Admin
Stars: ✭ 403 (-8.62%)
Mutual labels:  vuejs2
Luban H5
[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.
Stars: ✭ 4,991 (+1031.75%)
Mutual labels:  vuejs2
Web Performance Monitoring System
A complete performance monitoring system.
Stars: ✭ 436 (-1.13%)
Mutual labels:  vuejs2
Vue Json Tree View
A JSON Tree View Component for Vue.js
Stars: ✭ 418 (-5.22%)
Mutual labels:  vuejs2

H5

简介

H5是一款可视化编辑手机H5页面的单页应用WebApp,可以根据用户的设计自动产生精美的H5界面。

类似市面上易企秀、简客这样的app。

这是我的个人项目,旨在学习Vue.js以及前后端开发流程。

运行

cd H5

# install dependencies
npm install

# app running
npm start
open localhost:2000

技术

前端:Vue.js + Vuex

后端:Node.js

构建:webpack

数据库: MongoDB

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

目录结构

├─  package.json        # 项目配置
├─  README.md           # 项目说明
├─  app.js              # 项目入口文件
├─  images              # 静态图片
├─  userData            # 用户数据
├─  node_modules        # npm依赖包
├─  webpack.config.js   # webpack配置文件
├─  .babelrc            # babel配置
│
│
├─  app                 # node后端业务
      │
      │ controllers     #  控制器
      │ models          #  数据模型
      │ routes          #  路由分发
│
│
├─  bin                 # node启动
│
│
└─  views               # 前端代码
      │ app.js          # 前端页面入口文件
      │ components      # 基础组件
      │ dist            # 编译生成文件
      │ index.html      # 首页
      │ layouts         # 布局
      │ music           # 用户静态音乐
      │ pages           # 根据路由切换页面
      │ routes.js       # 路由表
      │ show.ejs        # ejs模板,用以产生H5页面
      │ static          # 静态html以及css文件
      │ store           # vuex store
│
│
└─  config              # node配置

效果图

img

img

img

img

img

img

img

img

img

img

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].