/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