Project Introduction:

Quasar Sika Design is an enterprise-class mid-background front-end/Design solution. Adhering to the Design values of Ant Design, we are committed to continue to build up on the basis of Design specifications and basic components, and extract typical templates/business components/supporting Design resources. To further improve the experience of “users” and “designers” in the design and development process of enterprise-level background products. With the continuous feedback from “designers”, we will continue to iterate, gradually precipitation and summarize more design patterns and corresponding code implementation, explain the best practices of product templates/components/business scenarios in the background, and look forward to your participation and construction.

  • Software Copyright Number: 2020SC98763
  • GitHub address: GitHub
  • Demo Address: Demo
  • Communication QQ group: 327424532
  • Wechat official account: Sikacode open source community

Original intention of the project:

  • From Ant Design, every detail is the ultimate experience
  • Vision: Open source changes the world, Sika Design makes the world easy to write code.

Project Features:

  • Elegant and beautiful: Carefully designed based on Ant Design system
  • Common Design patterns: Open source changes the world, Sika Design makes the world easy to write code.
  • Latest technology stack: Using Quasar&Vue& Echarts and other cutting-edge technology development
  • Responsive: Designed for different screen sizes
  • Theme: configurable theme to meet diversified brand demands
  • Best Practices: Good engineering practices help you consistently produce high-quality code
  • Mock Data: A practical local data debugging scheme

We provide the following typical templates based on the above goals, intentions, and features, and build a scaffolding for a Quasar Vue middle backend management console that can help you quickly build enterprise-level middle backend product prototypes

- Dashboard - Analysis page - Monitoring page - Workbench - Forms Page - Basic Forms Page - Step-by-step Forms page - Advanced Forms Page - List Page - User List - Item List - Query Form - Standard List - Card List - Search List (Item/Application/Article) - Details Page - Basic Details page - Advanced Details page - Results page - Success page - Failure page - Exception page - 403 No Permission - 404 Not found - 500 Server error - Personal page - Personal Center - Personal Settings - Account - Login - Registration - Registration succeededCopy the code

The life cycle

  • V 1.0.0 — October 2020 — December 2020 (basic functions completed)
  • V 1.1.0 — December 2020 — February 2021 (add chart component and editor component)
  • V 1.2.0 — March 2021 — May 2021 (data acquired based on Mock components)
  • V 2.0.0 — June 2021 — September 2021 (QuasarSikaDesign in front; Back-end services use sikaCode to provide dynamic data interaction, start from design, not design, to build a complete backend management system)
  • V 3.0.0 — September 2021 — December 2021 (Build a complete blog application based on [QuasarSikaDesign] [SikaCode])
  • V 4.0.0 — Dec 2021 ~ (Develop a complete enterprise application based on QuasarSikaDesign)

Development environment:

  • The Quasar version is V1.7.2 + (QuasarSikaDesign: Quasar).
  • Vue version is V 2.6.0 + (try not to use Vue3, because the development environment does not use Vue3, do not know what problems will occur)

Build command:

  • Download code:

    Git clone github.com/dq-open-clo… quasar-sika-design

  • Install dependencies

    yarn install

  • Run in development mode

    quasar dev

  • Compile the project

    quasar build

  • Lints and fixes files

    yarn run lint

Browser compatibility:

  • Chrome for Android >= 87
  • Firefox for Android >= 83
  • Android >= 81
  • Chrome >= 77
  • Edge >= 84
  • Firefox >= 74
  • IOS > = 10.3
  • Opera >= 68
  • Safari >= 11

Page appreciation:

PC





The mobile terminal