plato

开发中…… Live demo

A platform built with koa and vue

预览

带验证的登录表单、注册表单+确认框

可以行内编辑的分页列表、日期时间选择器

切换表单状态：展示与编辑

技术栈

• koa
• vue (with vuex, vue-router)
• mongodb
• webpack
• postcss
• karma

设计原则

• duo 组件拥有两个状态：展示与编辑，集成了 validator
• solo 组件仅展示
• 基于 vuex 单向的数据流
• 组件间通过事件传递数据
• 使用 mixins 实现复用
• 向 vue@2 靠拢

阅读顺序

• src/vx: vuex 相关配置
• src/components: 一些通用的 UI 组件

使用说明

# start mongo
mongod -dbpath path/to/data/db

# install dependencies
npm install

# serve with hot reload at localhost:3000
npm run dev

# serve with mocking
npm run dev:mock

# clean
npm run clean

# build for production with minification
npm run compile

# run server in production
npm start

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests, currently only run unit
npm test

接口模拟

见 apis 目录

常见问题

• do NOT use @import in scoped css
• [email protected] did NOT work for the path.parse issue

兼容性

移动浏览器