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

联合创作 · 2023-09-20 01:57

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 端

dashboard_analysis.png
list_search_projects.png
dashboard_monitor.png


移动端

user_login.png
dashboard_analysis.png
account_center.png

浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报