项目介绍:
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 端
移动端