Partage de technologie

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

Notez à l'avance:

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

1. Introduction de Ruoyi

1. Présentation des versions

Ruoyi propose plusieurs versions pour répondre à divers besoins de développement.

• RuoYi-Vue (un seul projet de SpringBoot Vue)

• RuoYi-Cloud (projet de version microservice de SpringCloud Vue)

• RuoYi-App (version mobile Uniapp Vue)

  RuoYi-APP ne fournit pas de backend et peut s'adapter à RuoYi-Vue et RuoYi-Cloud

• RuoYi-other (version tierce RuoYi)

2. Sélection technologique

Cette note utilise RuoYi-Vue

technologie	Version
JDK	1.8 et supérieur
MySQL	5.7 et supérieur
Redis	3.0 et supérieur
Nœud	12 ans et plus

3.Adresse du projet

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

2. Construction du projet

1. Construction du projet back-end

1.1 Projet de clone Git

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

1.2 Importer MySQL

1. Créer une base de données
2. Trouvez lesqlDossier, il contient deux scripts SQL, exécutez [contient 30 tables]
3. Modifiez la configuration de la base de données dans le fichier de configuration du projet SpringBoot par la vôtre

1.3 Démarrer Redis

1.4 Démarrer le projet backend

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

1.5 Descriptif

Le front-end fourni avec le projet back-end est la version Vue2. Il utilise désormais Vue3, il peut donc être supprimé directement.

2. Construction frontale

2.1 Projet frontal de clone Git

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

2.2 Télécharger les dépendances frontales

npm install

2.3 Exécuter le projet front-end

npm run dev

3. Cas de démarrage

Nous avons maintenant besoin d'un module de gestion de cours. La page frontale de ce module nécessite une boîte de requête de condition, une boîte d'affichage de données, une boîte d'ajout de cours et une boîte de modification de cours.

1. Préparer la structure de la table et importer dans la base de données

#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. Configurer les informations de génération de code [Important]

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

1. Démarrez les projets front-end et back-end et entrez dans la page front-end

2. Sélectionnez Outils système - Génération de code - Importer

   

3. Sélectionnez le tableau que vous venez de créer et cliquez sur OK [Cela remettra le formulaire au générateur de code pour la gestion]

   

   

4. Cliquez sur le bouton Modifier derrière le formulaire correspondant [vous pouvez afficher les informations de base, les informations de champ, les informations de génération, etc.]

   

   

5. Cliquez sur Informations de base : modifiez ici le nom de la classe d'entité et le nom de l'auteur.

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

   

6. Cliquez sur les informations du champ : ici, vous devez modifier la description du champ, le type Java, les attributs Java, ajouter, supprimer et modifier des cases à cocher, des cases de requête, des méthodes de requête et des types d'affichage.

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

7. Cliquez pour générer des informations : modifier les informations associées

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

   

8. Cliquez sur Soumettre

3. Téléchargez le code et importez le projet

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

1. Cliquez sur le bouton de téléchargement à droite

   

2. Importer le menu dynamique téléchargé SQL

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

3. Importez le code front-end [y compris l'API et la page de vues]

4. Importez le code Java dans le module d'administration [fichier de mappage du code d'architecture à trois niveaux et mybatis]

4. Redémarrez le projet

4. Explication détaillée des fonctions

1.Gestion du contrôle des autorisations

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

1.1 RBAC

RBAC est un modèle de contrôle d'accès largement utilisé viaRôlegérerutilisateurdeAutorisations des menus

Pour réaliser la relation ci-dessus, cinq tables sont nécessaires : table des utilisateurs, table des rôles, table des menus, table des rôles utilisateur, table du menu des rôles.

Dans le même temps, Ruoyi propose des modules de poste et de département pour permettre une gestion des autorités plus raffinée.

La relation entre les tables est la suivante :

1.2 Classement des menus

• Catalogue : Une catégorie majeure d'un module. Elle peut être développée après avoir cliqué. Elle n'est pas utilisée pour les sauts de page.
• Menu : Cliquez pour accéder à la page correspondante
• Bouton : Après avoir cliqué sur le bouton correspondant, il y aura une opération correspondante

2. Dictionnaire de données

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

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

2.1 Description des relations entre les tables

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

2.2 Cas d'utilisation

Changez le champ de gestion des sujets dans le cas d'entrée en maintenance du dictionnaire de données

1. Ajouter un type de dictionnaire

   

2. Cliquez sur le type de dictionnaire pour ajouter des données

   

   

   Précédent Suivant