项目介绍：

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

• 软件著作权编号：2020SC98763
• GitHub 地址：GitHub : https://github.com/dq-open-cloud/quasar-sika-design
• Gitee 地址：Gitee : https://gitee.com/sikadai/quasar-sika-design
• Demo 地址：DEMO : http://quasar.sikacode.com/
• 交流 QQ 群：327424532
• 微信公众号：sikacode 开源社区
• 前端 +Java 后端【quasar-sika-design-admin】
• GitHub 地址：GitHub : https://github.com/dq-open-cloud/quasar-sika-design-admin
• Gitee 地址：Gitee : https://gitee.com/sikadai/quasar-sika-design-admin
• Demo 地址：DEMO : http://quasar.admin.sikacode.com/

项目初衷：

• 起于 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，不知道会出现什么问题）

构建命令：

• 下载代码：

git clone https://github.com/dq-open-cloud/quasar-sika-design.git
cd quasar-sika-design

• 安装依赖

yarn install

• 开发模式运行

quasar dev

• 编译项目

quasar build

• Lints and fixes files

yarn run 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 端

移动端