Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

mmdqq/mpvue-weex

Repository files navigation

一套 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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

Languages

  • Vue 59.9%
  • Objective-C 38.2%
  • C 0.8%
  • Objective-C++ 0.7%
  • Ruby 0.2%
  • C++ 0.1%
  • Other 0.1%

AltStyle によって変換されたページ (->オリジナル) /