Κοινή χρήση τεχνολογίας

AI Ruoyi Framework (ανάπτυξη χαμηλού κώδικα)

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Σημείωση εκ των προτέρων:

文章是实时更新,写了就会更。
文章是黑马视频的笔记,如果要自己学可以点及下面的链接:
https://www.bilibili.com/video/BV1pf421B71v/

1. Εισαγωγή Ruoyi

1. Εισαγωγή έκδοσης

Το Ruoyi παρέχει πολλαπλές εκδόσεις για να καλύψει διαφορετικές ανάγκες ανάπτυξης.

  • RuoYi-Vue (ένα μεμονωμένο έργο του SpringBoot Vue)

  • RuoYi-Cloud (το έργο έκδοσης microservice του SpringCloud Vue)

  • RuoYi-App (έκδοση Uniapp Vue για κινητά)

    Το RuoYi-APP δεν παρέχει backend και μπορεί να προσαρμοστεί στο RuoYi-Vue και στο RuoYi-Cloud

  • RuoYi-other (RuoYi έκδοση τρίτου κατασκευαστή)

2. Επιλογή τεχνολογίας

Αυτή η σημείωση χρησιμοποιεί RuoYi-Vue

τεχνολογίαΕκδοχή
JDK1.8 και άνω
Mysql5.7 και άνω
Redis3.0 και άνω
Κόμβος12 και άνω

3.Διεύθυνση έργου

  • Front-end: https://gitee.com/zi-ning/RuoYi-Vue3
  • Backend: https://gitee.com/y_project/RuoYi-Vue

2. Κατασκευή έργου

1. Κατασκευή έργου back-end

1.1 Έργο κλώνου Git

https://gitee.com/y_project/RuoYi-Vue

1.2 Εισαγωγή MySQL

  1. Δημιουργία βάσης δεδομένων
  2. Βρες τοsqlΦάκελο, υπάρχουν δύο σενάρια sql σε αυτόν, εκτελέστε [περιέχει 30 πίνακες]
  3. Αλλάξτε τη διαμόρφωση της βάσης δεδομένων στο αρχείο διαμόρφωσης του έργου SpringBoot στη δική σας

1.3 Εκκινήστε το Redis

1.4 Ξεκινήστε το έργο υποστήριξης

项目的启动类在ruoyi-admin模块中的RuoYiApplication中

1.5 Περιγραφή

Το μπροστινό μέρος που συνοδεύει το έργο back-end είναι η έκδοση Vue2 Τώρα χρησιμοποιεί το Vue3, ώστε να μπορεί να διαγραφεί απευθείας.

2. Μπροστινή κατασκευή

2.1 Έργο μπροστινού κλώνου Git

https://gitee.com/zi-ning/RuoYi-Vue3

2.2 Λήψη εξαρτήσεων διεπαφής

npm install

2.3 Εκτελέστε το έργο front-end

npm run dev

3. Ξεκινώντας Υποθέσεις

Τώρα χρειαζόμαστε μια ενότητα διαχείρισης μαθημάτων Η μπροστινή σελίδα αυτής της ενότητας χρειάζεται ένα πλαίσιο ερωτήματος συνθηκών, ένα πλαίσιο εμφάνισης δεδομένων, ένα πλαίσιο προσθήκης μαθήματος και ένα πλαίσιο τροποποίησης μαθήματος.

1. Προετοιμάστε τη δομή του πίνακα και εισάγετε στη βάση δεδομένων

#SQL示例
CREATE TABLE courses(
    id              INT AUTO_INCREMENT PRIMARY KEY,
    code            VARCHAR(50)    NOT NULL,
    discipline      VARCHAR(100)   NOT NULL,
    course_name     VARCHAR(255)   NOT NULL,
    price           DECIMAL(10, 2) NOT NULL,
    target_audience VARCHAR(255),
    description     TEXT,
    created_at      TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    updated_at      TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
);

2. Διαμορφώστε τις πληροφορίες δημιουργίας κώδικα [Σημαντικό]

这一步是通过手动配置,从而生成对应的代码
  1. Ξεκινήστε τα έργα front-end και back-end και μεταβείτε στη σελίδα του front-end

  2. Επιλέξτε Εργαλεία συστήματος - Δημιουργία κώδικα - Εισαγωγή

    εικόνα-20240703143917551

  3. Επιλέξτε τον πίνακα που μόλις δημιουργήσατε και κάντε κλικ στο OK [Αυτό θα παραδώσει τη φόρμα στη δημιουργία κώδικα για διαχείριση]

    εικόνα-20240703144032676

    εικόνα-20240703144047729

  4. Κάντε κλικ στο κουμπί επεξεργασίας πίσω από την αντίστοιχη φόρμα [μπορείτε να δείτε βασικές πληροφορίες, πληροφορίες πεδίου, πληροφορίες παραγωγής κ.λπ.]

    εικόνα-20240703144140807

    εικόνα-20240703144421684

  5. Κάντε κλικ στην επιλογή Βασικές πληροφορίες: Τροποποιήστε το όνομα της κλάσης οντότητας και το όνομα του συγγραφέα εδώ

    这里设置的实体类名称就是后面他自动生成的实体类名
    

    εικόνα-20240703144732399

  6. Κάντε κλικ στις πληροφορίες πεδίου: Εδώ πρέπει να τροποποιήσετε την περιγραφή του πεδίου, τον τύπο java, τα χαρακτηριστικά java, να προσθέσετε, να διαγράψετε και να τροποποιήσετε πλαίσια ελέγχου, πλαίσια ερωτημάτων, μεθόδους ερωτήματος και τύπους εμφάνισης.

    1.字段描述:就用于将来展示的列名
    2.java类型:一般不用修改,检查一遍即可
    3.java属性:就是用来生成后面的实体类,注意驼峰命名
    4.增删改勾选框:一般是结合页面原型,如果页面中需要增删改某个字段,就勾上
    5.查询框:就是将来的条件查询,勾了就会在上面显示一个选择框
    6.查询方式:如果是等值就用=,如果是模糊就用like
    7.必填框:如果是必须输入就勾上
    8.显示类型:默认是文本框由用户输入,后面可以改成下拉框等
    
  7. Κάντε κλικ για να δημιουργήσετε πληροφορίες: τροποποιήστε τις σχετικές πληροφορίες

    1.包路径
    2.生成模块名
    3.生成业务名
    4.生成功能名
    5.生成方式
    6.上级菜单:生成的页面在哪个模块下,默认在系统工具下
    

    εικόνα-20240703150129942

  8. Κάντε κλικ στην υποβολή

3. Κατεβάστε τον κώδικα και εισαγάγετε το έργο

上一步配置完成之后,会生成三部分信息:前后端代码以及动态菜单【前端根据动态菜单动态显示页面】,导入项目就可以了
  1. Κάντε κλικ στο κουμπί λήψης στα δεξιά

    εικόνα-20240703150422081

  2. Εισαγάγετε το ληφθέν δυναμικό μενού SQL

    这一步不会新生成一个表,而是插入数据到sys_menu表中
    
  3. Εισαγάγετε τον κώδικα διεπαφής [συμπεριλαμβανομένου του api και της σελίδας προβολών]

  4. Εισαγάγετε τον κώδικα java στη μονάδα διαχειριστή [αρχείο χαρτογράφησης κώδικα αρχιτεκτονικής τριών επιπέδων και mybatis]

4. Επανεκκινήστε το έργο

4. Λεπτομερής επεξήγηση των λειτουργιών

1.Διαχείριση ελέγχου αδειών

什么是权限控制:不同权限的用户登录相同的系统,可以访问的页面不同
若依提供的权限管理模块:用户管理、角色管理、菜单管理、部门管理、岗位管理

1.1 RBAC

Το RBAC είναι ένα ευρέως χρησιμοποιούμενο μοντέλο ελέγχου πρόσβασης μέσωΡόλοςνα καταφέρωχρήστηςτουΔικαιώματα μενού

εικόνα-20240703153321716

Για να πραγματοποιηθεί η παραπάνω σχέση, χρειάζονται πέντε πίνακες: πίνακας χρήστη, πίνακας ρόλων, πίνακας μενού, πίνακας ρόλων χρήστη, πίνακας μενού ρόλων

Ταυτόχρονα, η Ruoyi παρέχει ενότητες θέσης και τμήματος για την επίτευξη πιο εκλεπτυσμένης διαχείρισης αρχών.

εικόνα-20240703153757466

Η σχέση του πίνακα έχει ως εξής:

εικόνα-20240703153839336

1.2 Ταξινόμηση μενού

  • Κατάλογος: Μια κύρια κατηγορία μιας ενότητας Μπορεί να επεκταθεί μετά από κλικ Δεν χρησιμοποιείται για άλματα σελίδας.
  • Μενού: Κάντε κλικ για να εισέλθετε στην αντίστοιχη σελίδα
  • Κουμπί: Αφού κάνετε κλικ στο αντίστοιχο κουμπί, θα υπάρξει μια αντίστοιχη λειτουργία

2. Λεξικό δεδομένων

为什么要有数据字典?
前端页面中的一些表单选项可能在不同表单中都会出现,而单独编写后,后期如果要修改会很麻烦,因此使用数据字典统一管理这些字段

若依内置的数据字典包括:性别、状态等
功能包括:字典类型管理、字典数据管理

2.1 Περιγραφή των σχέσεων πίνακα

εικόνα-20240703160713611

说明:
字典类型用于存储一类字典的统称,例如我有一个下拉框供用户选择城市,那么这类就可以命名为城市,然后字典数据表中存储具体的城市名,由外键指定属于哪一类字典

2.2 Θήκες χρήσης

Αλλάξτε το πεδίο διαχείρισης θέματος στην περίπτωση καταχώρισης σε συντήρηση λεξικού δεδομένων

  1. Προσθήκη τύπου λεξικού

    εικόνα-20240703161457271

  2. Κάντε κλικ στον τύπο λεξικού για να προσθέσετε δεδομένα

    εικόνα-20240703161549616

    εικόνα-20240703161604641