/mpvue-weex

一套 Vue 代码，五端可用(H5、小程序、PC、苹果App、安卓App）,使用mpvue实现小程序，weex打包APP。系统含50+页面，30+组件(5端通用)，170+元件(每个终端独立完成)

Primary LanguageVueMIT LicenseMIT

一套 Vue 代码， 支持 PC、H5、小程序、安卓 App、苹果 App

图片

（High quality Weex、MpVue）

后台 DIY 系统，所见即所得、最大程度的复用代码

图片

想解决的痛点

  • 维护一套代码，同时维护 PC、H5、小程序、安卓 App、苹果 App 减少代码负债
  • 用 vue.js 开发，支持多个终端
  • 通过可视化编辑，让客户个性化 DIY 各个终端
  • 开发同一份代码，可以在不同的端上分别执行，避免了多端的重复研发成本
  • 使用同一种开发体验，包括语法设计和工程链路等,减低人员培训成本
  • 同一套组件：设计基于小程序、 iOS、Android、H5、PC，有一定的通用性和普遍性

Build Setup

# install dependencies
npm install
npm install --global yarn
yarn install

# build mini program
npm run dev:min

# build H5 pages
npm run dev

# build for production with minification for mini program
npm run build:min

# build for production with minification for H5 pages
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# eslint 检查
npm run lint

# eslint 自动修复
npm run fix

# build app pages, run debug service
npm run dev:app

# 打包app js包到android和ios工程
npm run pack:app

特性

  • 支持移动端 H5 Vue.js 构建移动端应用
  • 支持微信小程序:,使用 mpvue 复用代码构建小程序应用
  • 支持 PC 系统，使用饿了么框架
  • 支持安卓 App,使用 weex 打包
  • 支持苹果 App,使用 weex 打包
  • 支持移微信公众号，在后端配置即可
  • 约定大于配置：尽可能的让业务实现代码最小化
  • 引用不强依赖：彻底的组件化开发能力,尽可能的复用代码
  • 系统构建流程：（Api 接口+组件）--->模块（Widget)-->页面-->流程
  • 优雅的 Api 接口，包括时间戳、域名、Key、秘钥等多种方式组合加密，更安全
  • 自动 Api 接口，Api 接口与 ZKCloud(asp.net core 开发)，自动同步，提高标准，压缩打包体积
  • 自动生成 app.json 无需写代码
  • 自动路由，新增页面路由无需代码
  • 自动表单：通过 json 数据自动构建表单
  • 自动表格：通过 json 数据自动构建表格
  • 自动详情页：通过 json 数据，自动构建详情页
  • 服务器 SSR 渲染页面，减少海量的视图工作量，压缩打包体积，动态渲染页面
  • 通过视图页面，比如说一个界面 index.html?page=product/show/1,不同的 page 代表不同的页面
  • 远程可视化编辑，后台修改后，无需重新发布或上架

组件(components)

  • 轮播(zk-swiper),已支持小程序、h5
  • 图标导航(zk-grid),已支持小程序、h5

元件(elements)

  • 图标（x-icon) ,支持小程序、H5。可加载图片、svg 图标、远程图片以及远程图标

  • 轮播(zk-swiper),已支持小程序、h5

  • 图标导航(zk-grid),已支持小程序、h5

  • x-verifiy-phone

一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari 等）

  • 期待您的加入,交流 QQ 群：215176974