QuasarSikaDesign企业级中后台前端/设计解决方案

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

• 软件著作权编号：2020SC98763


• GitHub 地址：GitHub


• Gitee 地址：Gitee


• Demo 地址：DEMO


• 微信公众号：sikacode 开源社区

项目初衷：

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


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

项目特色：

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


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


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


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


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


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


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

生命周期

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

构建命令：

下载代码：

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


2. 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 端

移动端