Technologieaustausch

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

Hinweis vorab:

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

1. Einführung von Ruoyi

1. Einführung in die Version

Ruoyi bietet mehrere Versionen, um den unterschiedlichen Entwicklungsanforderungen gerecht zu werden.

• RuoYi-Vue (ein einzelnes Projekt von SpringBoot Vue)

• RuoYi-Cloud (das Microservice-Versionsprojekt von SpringCloud Vue)

• RuoYi-App (Uniapp Vue Mobilversion)

  RuoYi-APP bietet kein Backend und kann an RuoYi-Vue und RuoYi-Cloud angepasst werden

• RuoYi-other (RuoYi-Drittanbieterversion)

2. Technologieauswahl

Diese Notiz verwendet RuoYi-Vue

Technologie	Ausführung
JDK	1,8 und höher
MySQL	5,7 und höher
Redis	3.0 und höher
Knoten	12 und höher

3. Projektadresse

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

2. Projektaufbau

1. Back-End-Projektkonstruktion

1.1 Git-Klonprojekt

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

1.2 MySQL importieren

1. Datenbank erstellen
2. Finden Sie diesqlOrdner, darin befinden sich zwei SQL-Skripte, ausführen [enthält 30 Tabellen]
3. Ändern Sie die Datenbankkonfiguration in der SpringBoot-Projektkonfigurationsdatei in Ihre eigene

1.3 Starten Sie Redis

1.4 Starten Sie das Backend-Projekt

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

1.5 Beschreibung

Das mit dem Back-End-Projekt gelieferte Front-End ist die Vue2-Version. Jetzt wird Vue3 verwendet, sodass es direkt gelöscht werden kann.

2. Front-End-Konstruktion

2.1 Git-Klon-Frontend-Projekt

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

2.2 Front-End-Abhängigkeiten herunterladen

npm install

2.3 Führen Sie das Front-End-Projekt aus

npm run dev

3. Erste Schritte

Jetzt benötigen wir ein Kursverwaltungsmodul. Die Front-End-Seite dieses Moduls benötigt ein Bedingungsabfragefeld, ein Datenanzeigefeld, ein Feld zum Hinzufügen eines Kurses und ein Feld zum Ändern des Kurses.

1. Tabellenstruktur vorbereiten und in die Datenbank importieren

#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. Konfigurieren Sie die Informationen zur Codegenerierung [Wichtig]

这一步是通过手动配置，从而生成对应的代码

1. Starten Sie die Front-End- und Back-End-Projekte und rufen Sie die Front-End-Seite auf

2. Wählen Sie Systemtools – Codegenerierung – Importieren

   

3. Wählen Sie die gerade erstellte Tabelle aus und klicken Sie auf OK. [Dadurch wird das Formular zur Verwaltung an den Codegenerator übergeben.]

   

   

4. Klicken Sie auf die Schaltfläche Bearbeiten hinter dem entsprechenden Formular [Sie können grundlegende Informationen, Feldinformationen, Generierungsinformationen usw. anzeigen.]

   

   

5. Klicken Sie auf „Grundlegende Informationen: Ändern Sie hier den Namen der Entitätsklasse und den Namen des Autors“.

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

   

6. Klicken Sie auf die Feldinformationen: Hier müssen Sie die Feldbeschreibung, den Java-Typ, die Java-Attribute ändern, Kontrollkästchen, Abfragefelder, Abfragemethoden und Anzeigetypen hinzufügen, löschen und ändern.

   1.字段描述：就用于将来展示的列名
   2.java类型：一般不用修改，检查一遍即可
   3.java属性：就是用来生成后面的实体类，注意驼峰命名
   4.增删改勾选框：一般是结合页面原型，如果页面中需要增删改某个字段，就勾上
   5.查询框：就是将来的条件查询，勾了就会在上面显示一个选择框
   6.查询方式：如果是等值就用=，如果是模糊就用like
   7.必填框：如果是必须输入就勾上
   8.显示类型：默认是文本框由用户输入，后面可以改成下拉框等
   

7. Klicken Sie hier, um Informationen zu generieren: Zugehörige Informationen ändern

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

   

8. Klicken Sie auf „Senden“.

3. Laden Sie den Code herunter und importieren Sie das Projekt

上一步配置完成之后，会生成三部分信息：前后端代码以及动态菜单【前端根据动态菜单动态显示页面】，导入项目就可以了

1. Klicken Sie rechts auf den Download-Button

   

2. Importieren Sie das heruntergeladene dynamische Menü SQL

   这一步不会新生成一个表，而是插入数据到sys_menu表中
   

3. Importieren Sie den Front-End-Code [einschließlich API und Ansichtsseite]

4. Importieren Sie den Java-Code in das Admin-Modul [Zuordnungsdatei von dreistufigem Architekturcode und Mybatis]

4. Starten Sie das Projekt neu

4. Detaillierte Funktionserklärung

1. Berechtigungskontrollverwaltung

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

1.1 RBAC

RBAC ist ein weit verbreitetes ZugriffskontrollmodellRollemanagenBenutzervonMenüberechtigungen

Um die obige Beziehung zu realisieren, werden fünf Tabellen benötigt: Benutzertabelle, Rollentabelle, Menütabelle, Benutzerrollentabelle, Rollenmenütabelle

Gleichzeitig stellt Ruoyi Positions- und Abteilungsmodule bereit, um eine verfeinerte Autoritätsverwaltung zu erreichen.

Die Tabellenbeziehung ist wie folgt:

1.2 Menüklassifizierung

• Katalog: Eine Hauptkategorie eines Moduls, die nach einem Klick erweitert werden kann und nicht für Seitensprünge verwendet wird.
• Menü: Klicken Sie, um die entsprechende Seite aufzurufen
• Schaltfläche: Nach dem Klicken auf die entsprechende Schaltfläche wird ein entsprechender Vorgang ausgeführt

2. Datenwörterbuch

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

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

2.1 Beschreibung der Tabellenbeziehungen

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

2.2 Anwendungsfälle

Ändern Sie das Betreffverwaltungsfeld im Eingabefall auf Datenwörterbuchpflege

1. Wörterbuchtyp hinzufügen

   

2. Klicken Sie auf den Wörterbuchtyp, um Daten hinzuzufügen

   

   

   Vorherige Nächste