I'm a front-end novice and I don't have much time. I just write and see how I can deal with it. If you like it, you can click Start.

It is expected that everything will be completed within 24 years, and at least one front-end + one back-end will be developed.

In view of time constraints, after comprehensive consideration and analysis, this project has decided to make adjustments to the infrastructure and select vue-vben-admin as the basic framework. During the refactoring process, the latest technologies will be fully adopted to ensure that the project can keep up with the industry's forefront in terms of functionality implementation, performance optimization, and technical architecture, meeting the diverse needs of the project in different scenarios and improving the overall quality and maintainability of the project.

It was originally planned to implement the vue version of arco-design-pro, but the official said that the vue version will be launched in December 2021, so this project will not completely copy arco-design-pro. It is envisioned to develop a mid- and back-end front-end project that can be used in a production environment, and will develop multiple back-ends for everyone to choose from.

• Old version
  • Online preview
    （Please use Chrome to open）
  • Github address
• New version
  • Online preview
  • Document address Under development

# Clone project
git clone https://github.com/LLiuHuan/arco-design-pro-vue.git

# Enter the project directory
cd arco-design-pro-vue

# pnpm

# Installation dependence
pnpm install

# Start service
pnpm dev

Not done yet, will do it after the function is perfected

I haven’t started working on it yet, but I’m planning to work on multiple backends for everyone to choose from.

It mainly depends on the time, hahaha

Develop in the following order

1. Backend based on Go language, using Gin framework
2. Backend based on Go language, microservice form
3. Backend based on Java language, using Spring Boot framework
4. Backend based on Java language, microservice form
5. Backend based on Rust language, using Actix framework
6. Backend based on Node.js language, using Koa framework
7. Backend based on Python language, using Flask/Django framework

CHANGELOG

• Light/Dark/Follow System
• Internationalization (Chinese and English)
• Full screen
• Login page
• Registration page
• Forgot the password
• Search
• Notification
• Lock screen
• Project configuration
• Cache page

• Analysis page
• Monitoring page
• Workbench page

• Vue documentation
• Vue documentation (new version)
• Vite Documentation
• Baidu (external link)
• Documentation (external link)

• Button component
• Card component
• Table component
• Form component
• Chart component
  • ECharts
  • D3
• Map component
• Video component
• Editor component
  • Rich text component
  • Markdown
  • Yarm
  • Json component
• Swiper component
• Icon component
• Avatar upload component
• Image cropping component
• Upload component
• QR code component
• Password strength component
• Animation component
• Digital animation components
• Rolling component
• Popup component
• Lazy loading component
• Verification component
  • Drag verification
  • Picture restore
• Loading component
• Table selector component

• Websocket test
• Login expired
• Error log
• Error log collection
• Print
• Tab operation
• Right click menu
• File download
• Picture Preview
• Watermark
• Full screen
• QR code
• Error log
• Tab with parameters
• Third party login
• Dynamic skin exchange
• Breakpoint continuation

• Based on front-end permissions
  • Page level permissions
  • Button level permissions
  • Front-end permission test page
• Based on backend permissions
  • Page level permissions
  • Button level permissions
  • Backend permission test page

• User Management
• Role management
• Menu management
• Menu management2
• Department management
• Dictionary management
• Parameter management
• Notification management
• Operating log
• Login log
• Online user
• Timing task
• Service monitoring
• System restart
• Change Password
• API management

• Form page
  • Basic form
  • Stepping form
  • Advanced form
• Details page
  • Basic details page
  • Advanced detail page
• Result page
  • Successful page
  • Failed page
• Personal page
  • Personal center
  • Personal settings
• Abnormal pages
  • 403
  • 404
  • 500
  • Network Error
  • No data
• List page
  • Standard list
  • Card list
  • Search list

• Flow chart

• Guide pages

I’ll add it later, it’s not decided yet, it will mainly be based on function.

Ths project is MIT licensed.