Quasar-Sika-Design Vue开箱即用的中台前端 / 设计解决方案

项目介绍：

Quasar Sika Design 是一个企业级中后台前端 / 设计解决方案，我们秉承Ant Design的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板 / 业务组件 / 配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板 / 组件 / 业务场景的最佳实践，也十分期待你的参与和共建。

GitHub 地址：https://github.com/dq-open-cloud/quasar-sika-design

Demo 地址：http://quasar.sikacode.com/

交流 QQ 群：3274245321

微信公众号：sikacode 开源社区

项目初衷：

起于 Ant Design，不止于 Ant Design，每一个细节都是极致体验

愿景：开源改变世界，Sika Design 让世界没有难写的代码。

项目特色：

优雅美观：基于 Ant Design 体系精心设计

常见设计模式：开源改变世界，Sika Design 让世界没有难写的代码。

最新技术栈：使用 Quasar&Vue&echarts 等前端前沿技术开发

响应式：针对不同屏幕大小设计

主题：可配置的主题满足多样化的品牌诉求

最佳实践：良好的工程实践助你持续产出高质量代码

Mock 数据：实用的本地数据调试方案

我们基于上述目标、初衷及特色提供了以下的典型模板，并据此构建了一套基于 Quasar Vue 的中后台管理控制台的脚手架，它可以帮助你快速搭建企业级中后台产品原型

-仪表盘

  -分析页

  -监控页

  -工作台

-表单页

  -基础表单页

  -分步表单页

  -高级表单页

-列表页

  -用户列表

  -商品列表

  -查询表格

  -标准列表

  -卡片列表

  -搜索列表（项目/应用/文章）

-详情页

  -基础详情页

  -高级详情页

-结果页

  -成功页

  -失败页

-异常页

  -403 无权限

  -404 找不到

  -500 服务器出错

-个人页

  -个人中心

  -个人设置

-帐户

  -登录

  -注册

  -注册成功

生命周期

V 1.0.0 -- 2020 年 10 月 ~ 2020 年 12 月（基础功能完成）

V 1.1.0 -- 2020 年 12 月 ~ 2021 年 2 月（添加图表组件及编辑器组件）

V 1.2.0 -- 2021 年 3 月 ~ 2021 年 5 月（数据基于 Mock 组件获取）

V 2.0.0 -- 2021 年 6 月 ~ 2021 年 9 月（前端使用 QuasarSikaDesign；后端服务使用【sikaCode】提供动态数据交互，起于设计而不止于设计，构建完整的后台管理系统）

V 3.0.0 -- 2021 年 9 月 ~ 2021 年 12 月（基于【QuasarSikaDesign】【SikaCode】构建完整的博客应用）

V 4.0.0 -- 2021 年 12 月 ~ （基于 QuasarSikaDesign 开发一套完整的企业级应用）

开发环境：

Quasar 版本为 V1.7.2 + ( 可以查看 Quasar 官网，来编辑 QuasarSikaDesign 代码：Quasar 官网)

Vue 版本为 V 2.6.0 +（尽量不要使用 Vue3，因为开发环境没有使用 Vue3，不知道会出现什么问题）

构建命令：

下载代码：

gitclonehttps://github.com/dq-open-cloud/quasar-sika-design.git

cdquasar-sika-design

安装依赖

yarninstall

开发模式运行

quasardev

编译项目

quasarbuild

Lints and fixes files

yarnrun lint

浏览器兼容：

Chrome for Android >= 87

Firefox for Android >= 83

Android >= 81

Chrome >= 77

Edge >= 84

Firefox >= 74

iOS >= 10.3

Opera >= 68

Safari >= 11

页面鉴赏：

PC 端

移动端